12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548 |
- /* globals wipPrefixes, issuesTribute, emojiTribute */
- /* exported timeAddManual, toggleStopwatch, cancelStopwatch */
- /* exported toggleDeadlineForm, setDeadline, updateDeadline, deleteDependencyModal, cancelCodeComment, onOAuthLoginClick */
-
- import './publicpath.js';
- import './polyfills.js';
-
- import Vue from 'vue';
- import 'jquery.are-you-sure';
- import './vendor/semanticdropdown.js';
- import {svg} from './utils.js';
-
- import initContextPopups from './features/contextpopup.js';
- import initGitGraph from './features/gitgraph.js';
- import initClipboard from './features/clipboard.js';
- import initUserHeatmap from './features/userheatmap.js';
- import initDateTimePicker from './features/datetimepicker.js';
- import createDropzone from './features/dropzone.js';
- import highlight from './features/highlight.js';
- import ActivityTopAuthors from './components/ActivityTopAuthors.vue';
-
- const {AppSubUrl, StaticUrlPrefix, csrf} = window.config;
-
- function htmlEncode(text) {
- return jQuery('<div />').text(text).html();
- }
-
- let previewFileModes;
- let simpleMDEditor;
- const commentMDEditors = {};
- let codeMirrorEditor;
-
- // Silence fomantic's error logging when tabs are used without a target content element
- $.fn.tab.settings.silent = true;
-
- function initCommentPreviewTab($form) {
- const $tabMenu = $form.find('.tabular.menu');
- $tabMenu.find('.item').tab();
- $tabMenu.find(`.item[data-tab="${$tabMenu.data('preview')}"]`).click(function () {
- const $this = $(this);
- $.post($this.data('url'), {
- _csrf: csrf,
- mode: 'gfm',
- context: $this.data('context'),
- text: $form.find(`.tab.segment[data-tab="${$tabMenu.data('write')}"] textarea`).val()
- }, (data) => {
- const $previewPanel = $form.find(`.tab.segment[data-tab="${$tabMenu.data('preview')}"]`);
- $previewPanel.html(data);
- emojify.run($previewPanel[0]);
- $('pre code', $previewPanel[0]).each(function () {
- highlight(this);
- });
- });
- });
-
- buttonsClickOnEnter();
- }
-
- function initEditPreviewTab($form) {
- const $tabMenu = $form.find('.tabular.menu');
- $tabMenu.find('.item').tab();
- const $previewTab = $tabMenu.find(`.item[data-tab="${$tabMenu.data('preview')}"]`);
- if ($previewTab.length) {
- previewFileModes = $previewTab.data('preview-file-modes').split(',');
- $previewTab.click(function () {
- const $this = $(this);
- $.post($this.data('url'), {
- _csrf: csrf,
- mode: 'gfm',
- context: $this.data('context'),
- text: $form.find(`.tab.segment[data-tab="${$tabMenu.data('write')}"] textarea`).val()
- }, (data) => {
- const $previewPanel = $form.find(`.tab.segment[data-tab="${$tabMenu.data('preview')}"]`);
- $previewPanel.html(data);
- emojify.run($previewPanel[0]);
- $('pre code', $previewPanel[0]).each(function () {
- highlight(this);
- });
- });
- });
- }
- }
-
- function initEditDiffTab($form) {
- const $tabMenu = $form.find('.tabular.menu');
- $tabMenu.find('.item').tab();
- $tabMenu.find(`.item[data-tab="${$tabMenu.data('diff')}"]`).click(function () {
- const $this = $(this);
- $.post($this.data('url'), {
- _csrf: csrf,
- context: $this.data('context'),
- content: $form.find(`.tab.segment[data-tab="${$tabMenu.data('write')}"] textarea`).val()
- }, (data) => {
- const $diffPreviewPanel = $form.find(`.tab.segment[data-tab="${$tabMenu.data('diff')}"]`);
- $diffPreviewPanel.html(data);
- emojify.run($diffPreviewPanel[0]);
- });
- });
- }
-
- function initEditForm() {
- if ($('.edit.form').length === 0) {
- return;
- }
-
- initEditPreviewTab($('.edit.form'));
- initEditDiffTab($('.edit.form'));
- }
-
- function initBranchSelector() {
- const $selectBranch = $('.ui.select-branch');
- const $branchMenu = $selectBranch.find('.reference-list-menu');
- $branchMenu.find('.item:not(.no-select)').click(function () {
- const selectedValue = $(this).data('id');
- $($(this).data('id-selector')).val(selectedValue);
- $selectBranch.find('.ui .branch-name').text(selectedValue);
- });
- $selectBranch.find('.reference.column').click(function () {
- $selectBranch.find('.scrolling.reference-list-menu').css('display', 'none');
- $selectBranch.find('.reference .text').removeClass('black');
- $($(this).data('target')).css('display', 'block');
- $(this).find('.text').addClass('black');
- return false;
- });
- }
-
- function initLabelEdit() {
- // Create label
- const $newLabelPanel = $('.new-label.segment');
- $('.new-label.button').click(() => {
- $newLabelPanel.show();
- });
- $('.new-label.segment .cancel').click(() => {
- $newLabelPanel.hide();
- });
-
- $('.color-picker').each(function () {
- $(this).minicolors();
- });
- $('.precolors .color').click(function () {
- const color_hex = $(this).data('color-hex');
- $('.color-picker').val(color_hex);
- $('.minicolors-swatch-color').css('background-color', color_hex);
- });
- $('.edit-label-button').click(function () {
- $('#label-modal-id').val($(this).data('id'));
- $('.edit-label .new-label-input').val($(this).data('title'));
- $('.edit-label .new-label-desc-input').val($(this).data('description'));
- $('.edit-label .color-picker').val($(this).data('color'));
- $('.minicolors-swatch-color').css('background-color', $(this).data('color'));
- $('.edit-label.modal').modal({
- onApprove() {
- $('.edit-label.form').submit();
- }
- }).modal('show');
- return false;
- });
- }
-
- function updateIssuesMeta(url, action, issueIds, elementId, isAdd) {
- return new Promise(((resolve) => {
- $.ajax({
- type: 'POST',
- url,
- data: {
- _csrf: csrf,
- action,
- issue_ids: issueIds,
- id: elementId,
- is_add: isAdd
- },
- success: resolve
- });
- }));
- }
-
- function initRepoStatusChecker() {
- const migrating = $('#repo_migrating');
- $('#repo_migrating_failed').hide();
- if (migrating) {
- const repo_name = migrating.attr('repo');
- if (typeof repo_name === 'undefined') {
- return;
- }
- $.ajax({
- type: 'GET',
- url: `${AppSubUrl}/${repo_name}/status`,
- data: {
- _csrf: csrf,
- },
- complete(xhr) {
- if (xhr.status === 200) {
- if (xhr.responseJSON) {
- if (xhr.responseJSON.status === 0) {
- window.location.reload();
- return;
- }
-
- setTimeout(() => {
- initRepoStatusChecker();
- }, 2000);
- return;
- }
- }
- $('#repo_migrating_progress').hide();
- $('#repo_migrating_failed').show();
- }
- });
- }
- }
-
- function initReactionSelector(parent) {
- let reactions = '';
- if (!parent) {
- parent = $(document);
- reactions = '.reactions > ';
- }
-
- parent.find(`${reactions}a.label`).popup({position: 'bottom left', metadata: {content: 'title', title: 'none'}});
-
- parent.find(`.select-reaction > .menu > .item, ${reactions}a.label`).on('click', function (e) {
- const vm = this;
- e.preventDefault();
-
- if ($(this).hasClass('disabled')) return;
-
- const actionURL = $(this).hasClass('item') ? $(this).closest('.select-reaction').data('action-url') : $(this).data('action-url');
- const url = `${actionURL}/${$(this).hasClass('blue') ? 'unreact' : 'react'}`;
- $.ajax({
- type: 'POST',
- url,
- data: {
- _csrf: csrf,
- content: $(this).data('content')
- }
- }).done((resp) => {
- if (resp && (resp.html || resp.empty)) {
- const content = $(vm).closest('.content');
- let react = content.find('.segment.reactions');
- if (!resp.empty && react.length > 0) {
- react.remove();
- }
- if (!resp.empty) {
- react = $('<div class="ui attached segment reactions"></div>');
- const attachments = content.find('.segment.bottom:first');
- if (attachments.length > 0) {
- react.insertBefore(attachments);
- } else {
- react.appendTo(content);
- }
- react.html(resp.html);
- const hasEmoji = react.find('.has-emoji');
- for (let i = 0; i < hasEmoji.length; i++) {
- emojify.run(hasEmoji.get(i));
- }
- react.find('.dropdown').dropdown();
- initReactionSelector(react);
- }
- }
- });
- });
- }
-
- function insertAtCursor(field, value) {
- if (field.selectionStart || field.selectionStart === 0) {
- const startPos = field.selectionStart;
- const endPos = field.selectionEnd;
- field.value = field.value.substring(0, startPos) + value + field.value.substring(endPos, field.value.length);
- field.selectionStart = startPos + value.length;
- field.selectionEnd = startPos + value.length;
- } else {
- field.value += value;
- }
- }
-
- function replaceAndKeepCursor(field, oldval, newval) {
- if (field.selectionStart || field.selectionStart === 0) {
- const startPos = field.selectionStart;
- const endPos = field.selectionEnd;
- field.value = field.value.replace(oldval, newval);
- field.selectionStart = startPos + newval.length - oldval.length;
- field.selectionEnd = endPos + newval.length - oldval.length;
- } else {
- field.value = field.value.replace(oldval, newval);
- }
- }
-
- function retrieveImageFromClipboardAsBlob(pasteEvent, callback) {
- if (!pasteEvent.clipboardData) {
- return;
- }
-
- const {items} = pasteEvent.clipboardData;
- if (typeof items === 'undefined') {
- return;
- }
-
- for (let i = 0; i < items.length; i++) {
- if (!items[i].type.includes('image')) continue;
- const blob = items[i].getAsFile();
-
- if (typeof (callback) === 'function') {
- pasteEvent.preventDefault();
- pasteEvent.stopPropagation();
- callback(blob);
- }
- }
- }
-
- function uploadFile(file, callback) {
- const xhr = new XMLHttpRequest();
-
- xhr.addEventListener('load', () => {
- if (xhr.status === 200) {
- callback(xhr.responseText);
- }
- });
-
- xhr.open('post', `${AppSubUrl}/attachments`, true);
- xhr.setRequestHeader('X-Csrf-Token', csrf);
- const formData = new FormData();
- formData.append('file', file, file.name);
- xhr.send(formData);
- }
-
- function reload() {
- window.location.reload();
- }
-
- function initImagePaste(target) {
- target.each(function () {
- const field = this;
- field.addEventListener('paste', (event) => {
- retrieveImageFromClipboardAsBlob(event, (img) => {
- const name = img.name.substr(0, img.name.lastIndexOf('.'));
- insertAtCursor(field, `![${name}]()`);
- uploadFile(img, (res) => {
- const data = JSON.parse(res);
- replaceAndKeepCursor(field, `![${name}]()`, `![${name}](${AppSubUrl}/attachments/${data.uuid})`);
- const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
- $('.files').append(input);
- });
- });
- }, false);
- });
- }
-
- function initSimpleMDEImagePaste(simplemde, files) {
- simplemde.codemirror.on('paste', (_, event) => {
- retrieveImageFromClipboardAsBlob(event, (img) => {
- const name = img.name.substr(0, img.name.lastIndexOf('.'));
- uploadFile(img, (res) => {
- const data = JSON.parse(res);
- const pos = simplemde.codemirror.getCursor();
- simplemde.codemirror.replaceRange(`![${name}](${AppSubUrl}/attachments/${data.uuid})`, pos);
- const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
- files.append(input);
- });
- });
- });
- }
-
- let autoSimpleMDE;
-
- function initCommentForm() {
- if ($('.comment.form').length === 0) {
- return;
- }
-
- autoSimpleMDE = setCommentSimpleMDE($('.comment.form textarea:not(.review-textarea)'));
- initBranchSelector();
- initCommentPreviewTab($('.comment.form'));
- initImagePaste($('.comment.form textarea'));
-
- // Listsubmit
- function initListSubmits(selector, outerSelector) {
- const $list = $(`.ui.${outerSelector}.list`);
- const $noSelect = $list.find('.no-select');
- const $listMenu = $(`.${selector} .menu`);
- let hasLabelUpdateAction = $listMenu.data('action') === 'update';
- const labels = {};
-
- $(`.${selector}`).dropdown('setting', 'onHide', () => {
- hasLabelUpdateAction = $listMenu.data('action') === 'update'; // Update the var
- if (hasLabelUpdateAction) {
- const promises = [];
- Object.keys(labels).forEach((elementId) => {
- const label = labels[elementId];
- const promise = updateIssuesMeta(
- label['update-url'],
- label.action,
- label['issue-id'],
- elementId,
- label['is-checked']
- );
- promises.push(promise);
- });
- Promise.all(promises).then(reload);
- }
- });
-
- $listMenu.find('.item:not(.no-select)').click(function () {
- // we don't need the action attribute when updating assignees
- if (selector === 'select-assignees-modify' || selector === 'select-reviewers-modify') {
- // UI magic. We need to do this here, otherwise it would destroy the functionality of
- // adding/removing labels
-
- if ($(this).data('can-change') === 'block') {
- return false;
- }
-
- if ($(this).hasClass('checked')) {
- $(this).removeClass('checked');
- $(this).find('.octicon-check').addClass('invisible');
- $(this).data('is-checked', 'remove');
- } else {
- $(this).addClass('checked');
- $(this).find('.octicon-check').removeClass('invisible');
- $(this).data('is-checked', 'add');
- }
-
- updateIssuesMeta(
- $listMenu.data('update-url'),
- '',
- $listMenu.data('issue-id'),
- $(this).data('id'),
- $(this).data('is-checked')
- );
- $listMenu.data('action', 'update'); // Update to reload the page when we updated items
- return false;
- }
-
- if ($(this).hasClass('checked')) {
- $(this).removeClass('checked');
- $(this).find('.octicon-check').addClass('invisible');
- if (hasLabelUpdateAction) {
- if (!($(this).data('id') in labels)) {
- labels[$(this).data('id')] = {
- 'update-url': $listMenu.data('update-url'),
- action: 'detach',
- 'issue-id': $listMenu.data('issue-id'),
- };
- } else {
- delete labels[$(this).data('id')];
- }
- }
- } else {
- $(this).addClass('checked');
- $(this).find('.octicon-check').removeClass('invisible');
- if (hasLabelUpdateAction) {
- if (!($(this).data('id') in labels)) {
- labels[$(this).data('id')] = {
- 'update-url': $listMenu.data('update-url'),
- action: 'attach',
- 'issue-id': $listMenu.data('issue-id'),
- };
- } else {
- delete labels[$(this).data('id')];
- }
- }
- }
-
- const listIds = [];
- $(this).parent().find('.item').each(function () {
- if ($(this).hasClass('checked')) {
- listIds.push($(this).data('id'));
- $($(this).data('id-selector')).removeClass('hide');
- } else {
- $($(this).data('id-selector')).addClass('hide');
- }
- });
- if (listIds.length === 0) {
- $noSelect.removeClass('hide');
- } else {
- $noSelect.addClass('hide');
- }
- $($(this).parent().data('id')).val(listIds.join(','));
- return false;
- });
- $listMenu.find('.no-select.item').click(function () {
- if (hasLabelUpdateAction || selector === 'select-assignees-modify') {
- updateIssuesMeta(
- $listMenu.data('update-url'),
- 'clear',
- $listMenu.data('issue-id'),
- '',
- ''
- ).then(reload);
- }
-
- $(this).parent().find('.item').each(function () {
- $(this).removeClass('checked');
- $(this).find('.octicon').addClass('invisible');
- $(this).data('is-checked', 'remove');
- });
-
- $list.find('.item').each(function () {
- $(this).addClass('hide');
- });
- $noSelect.removeClass('hide');
- $($(this).parent().data('id')).val('');
- });
- }
-
- // Init labels and assignees
- initListSubmits('select-label', 'labels');
- initListSubmits('select-assignees', 'assignees');
- initListSubmits('select-assignees-modify', 'assignees');
- initListSubmits('select-reviewers-modify', 'assignees');
-
- function selectItem(select_id, input_id) {
- const $menu = $(`${select_id} .menu`);
- const $list = $(`.ui${select_id}.list`);
- const hasUpdateAction = $menu.data('action') === 'update';
-
- $menu.find('.item:not(.no-select)').click(function () {
- $(this).parent().find('.item').each(function () {
- $(this).removeClass('selected active');
- });
-
- $(this).addClass('selected active');
- if (hasUpdateAction) {
- updateIssuesMeta(
- $menu.data('update-url'),
- '',
- $menu.data('issue-id'),
- $(this).data('id'),
- $(this).data('is-checked')
- ).then(reload);
- }
- switch (input_id) {
- case '#milestone_id':
- $list.find('.selected').html(`<a class="item" href=${$(this).data('href')}>${
- htmlEncode($(this).text())}</a>`);
- break;
- case '#assignee_id':
- $list.find('.selected').html(`<a class="item" href=${$(this).data('href')}>` +
- `<img class="ui avatar image" src=${$(this).data('avatar')}>${
- htmlEncode($(this).text())}</a>`);
- }
- $(`.ui${select_id}.list .no-select`).addClass('hide');
- $(input_id).val($(this).data('id'));
- });
- $menu.find('.no-select.item').click(function () {
- $(this).parent().find('.item:not(.no-select)').each(function () {
- $(this).removeClass('selected active');
- });
-
- if (hasUpdateAction) {
- updateIssuesMeta(
- $menu.data('update-url'),
- '',
- $menu.data('issue-id'),
- $(this).data('id'),
- $(this).data('is-checked')
- ).then(reload);
- }
-
- $list.find('.selected').html('');
- $list.find('.no-select').removeClass('hide');
- $(input_id).val('');
- });
- }
-
- // Milestone and assignee
- selectItem('.select-milestone', '#milestone_id');
- selectItem('.select-assignee', '#assignee_id');
- }
-
- function initInstall() {
- if ($('.install').length === 0) {
- return;
- }
-
- if ($('#db_host').val() === '') {
- $('#db_host').val('127.0.0.1:3306');
- $('#db_user').val('gitea');
- $('#db_name').val('gitea');
- }
-
- // Database type change detection.
- $('#db_type').change(function () {
- const sqliteDefault = 'data/gitea.db';
- const tidbDefault = 'data/gitea_tidb';
-
- const dbType = $(this).val();
- if (dbType === 'SQLite3') {
- $('#sql_settings').hide();
- $('#pgsql_settings').hide();
- $('#mysql_settings').hide();
- $('#sqlite_settings').show();
-
- if (dbType === 'SQLite3' && $('#db_path').val() === tidbDefault) {
- $('#db_path').val(sqliteDefault);
- }
- return;
- }
-
- const dbDefaults = {
- MySQL: '127.0.0.1:3306',
- PostgreSQL: '127.0.0.1:5432',
- MSSQL: '127.0.0.1:1433'
- };
-
- $('#sqlite_settings').hide();
- $('#sql_settings').show();
-
- $('#pgsql_settings').toggle(dbType === 'PostgreSQL');
- $('#mysql_settings').toggle(dbType === 'MySQL');
- $.each(dbDefaults, (_type, defaultHost) => {
- if ($('#db_host').val() === defaultHost) {
- $('#db_host').val(dbDefaults[dbType]);
- return false;
- }
- });
- });
-
- // TODO: better handling of exclusive relations.
- $('#offline-mode input').change(function () {
- if ($(this).is(':checked')) {
- $('#disable-gravatar').checkbox('check');
- $('#federated-avatar-lookup').checkbox('uncheck');
- }
- });
- $('#disable-gravatar input').change(function () {
- if ($(this).is(':checked')) {
- $('#federated-avatar-lookup').checkbox('uncheck');
- } else {
- $('#offline-mode').checkbox('uncheck');
- }
- });
- $('#federated-avatar-lookup input').change(function () {
- if ($(this).is(':checked')) {
- $('#disable-gravatar').checkbox('uncheck');
- $('#offline-mode').checkbox('uncheck');
- }
- });
- $('#enable-openid-signin input').change(function () {
- if ($(this).is(':checked')) {
- if (!$('#disable-registration input').is(':checked')) {
- $('#enable-openid-signup').checkbox('check');
- }
- } else {
- $('#enable-openid-signup').checkbox('uncheck');
- }
- });
- $('#disable-registration input').change(function () {
- if ($(this).is(':checked')) {
- $('#enable-captcha').checkbox('uncheck');
- $('#enable-openid-signup').checkbox('uncheck');
- } else {
- $('#enable-openid-signup').checkbox('check');
- }
- });
- $('#enable-captcha input').change(function () {
- if ($(this).is(':checked')) {
- $('#disable-registration').checkbox('uncheck');
- }
- });
- }
-
- function initIssueComments() {
- if ($('.repository.view.issue .timeline').length === 0) return;
-
- $('.re-request-review').on('click', function (event) {
- const url = $(this).data('update-url');
- const issueId = $(this).data('issue-id');
- const id = $(this).data('id');
- const isChecked = $(this).data('is-checked');
-
- event.preventDefault();
- updateIssuesMeta(
- url,
- '',
- issueId,
- id,
- isChecked
- ).then(reload);
- });
-
- $(document).click((event) => {
- const urlTarget = $(':target');
- if (urlTarget.length === 0) return;
-
- const urlTargetId = urlTarget.attr('id');
- if (!urlTargetId) return;
- if (!/^(issue|pull)(comment)?-\d+$/.test(urlTargetId)) return;
-
- const $target = $(event.target);
-
- if ($target.closest(`#${urlTargetId}`).length === 0) {
- const scrollPosition = $(window).scrollTop();
- window.location.hash = '';
- $(window).scrollTop(scrollPosition);
- window.history.pushState(null, null, ' ');
- }
- });
- }
-
- async function initRepository() {
- if ($('.repository').length === 0) {
- return;
- }
-
- function initFilterSearchDropdown(selector) {
- const $dropdown = $(selector);
- $dropdown.dropdown({
- fullTextSearch: true,
- selectOnKeydown: false,
- onChange(_text, _value, $choice) {
- if ($choice.data('url')) {
- window.location.href = $choice.data('url');
- }
- },
- message: {noResults: $dropdown.data('no-results')}
- });
- }
-
- // File list and commits
- if ($('.repository.file.list').length > 0 || ('.repository.commits').length > 0) {
- initFilterBranchTagDropdown('.choose.reference .dropdown');
- }
-
- // Wiki
- if ($('.repository.wiki.view').length > 0) {
- initFilterSearchDropdown('.choose.page .dropdown');
- }
-
- // Options
- if ($('.repository.settings.options').length > 0) {
- $('#repo_name').keyup(function () {
- const $prompt = $('#repo-name-change-prompt');
- if ($(this).val().toString().toLowerCase() !== $(this).data('name').toString().toLowerCase()) {
- $prompt.show();
- } else {
- $prompt.hide();
- }
- });
-
- // Enable or select internal/external wiki system and issue tracker.
- $('.enable-system').change(function () {
- if (this.checked) {
- $($(this).data('target')).removeClass('disabled');
- if (!$(this).data('context')) $($(this).data('context')).addClass('disabled');
- } else {
- $($(this).data('target')).addClass('disabled');
- if (!$(this).data('context')) $($(this).data('context')).removeClass('disabled');
- }
- });
- $('.enable-system-radio').change(function () {
- if (this.value === 'false') {
- $($(this).data('target')).addClass('disabled');
- if (typeof $(this).data('context') !== 'undefined') $($(this).data('context')).removeClass('disabled');
- } else if (this.value === 'true') {
- $($(this).data('target')).removeClass('disabled');
- if (typeof $(this).data('context') !== 'undefined') $($(this).data('context')).addClass('disabled');
- }
- });
- }
-
- // Labels
- if ($('.repository.labels').length > 0) {
- initLabelEdit();
- }
-
- // Milestones
- if ($('.repository.new.milestone').length > 0) {
- const $datepicker = $('.milestone.datepicker');
-
- await initDateTimePicker($datepicker.data('lang'));
-
- $datepicker.datetimepicker({
- inline: true,
- timepicker: false,
- startDate: $datepicker.data('start-date'),
- onSelectDate(date) {
- $('#deadline').val(date.toISOString().substring(0, 10));
- },
- });
- $('#clear-date').click(() => {
- $('#deadline').val('');
- return false;
- });
- }
-
- // Issues
- if ($('.repository.view.issue').length > 0) {
- // Edit issue title
- const $issueTitle = $('#issue-title');
- const $editInput = $('#edit-title-input input');
- const editTitleToggle = function () {
- $issueTitle.toggle();
- $('.not-in-edit').toggle();
- $('#edit-title-input').toggle();
- $('#pull-desc').toggle();
- $('#pull-desc-edit').toggle();
- $('.in-edit').toggle();
- $editInput.focus();
- return false;
- };
-
- const changeBranchSelect = function () {
- const selectionTextField = $('#pull-target-branch');
-
- const baseName = selectionTextField.data('basename');
- const branchNameNew = $(this).data('branch');
- const branchNameOld = selectionTextField.data('branch');
-
- // Replace branch name to keep translation from HTML template
- selectionTextField.html(selectionTextField.html().replace(
- `${baseName}:${branchNameOld}`,
- `${baseName}:${branchNameNew}`
- ));
- selectionTextField.data('branch', branchNameNew); // update branch name in setting
- };
- $('#branch-select > .item').click(changeBranchSelect);
-
- $('#edit-title').click(editTitleToggle);
- $('#cancel-edit-title').click(editTitleToggle);
- $('#save-edit-title').click(editTitleToggle).click(function () {
- const pullrequest_targetbranch_change = function (update_url) {
- const targetBranch = $('#pull-target-branch').data('branch');
- const $branchTarget = $('#branch_target');
- if (targetBranch === $branchTarget.text()) {
- return false;
- }
- $.post(update_url, {
- _csrf: csrf,
- target_branch: targetBranch
- }).success((data) => {
- $branchTarget.text(data.base_branch);
- }).always(() => {
- reload();
- });
- };
-
- const pullrequest_target_update_url = $(this).data('target-update-url');
- if ($editInput.val().length === 0 || $editInput.val() === $issueTitle.text()) {
- $editInput.val($issueTitle.text());
- pullrequest_targetbranch_change(pullrequest_target_update_url);
- } else {
- $.post($(this).data('update-url'), {
- _csrf: csrf,
- title: $editInput.val()
- }, (data) => {
- $editInput.val(data.title);
- $issueTitle.text(data.title);
- pullrequest_targetbranch_change(pullrequest_target_update_url);
- reload();
- });
- }
- return false;
- });
-
- // Issue Comments
- initIssueComments();
-
- // Issue/PR Context Menus
- $('.context-dropdown').dropdown({
- action: 'hide'
- });
-
- // Quote reply
- $('.quote-reply').click(function (event) {
- $(this).closest('.dropdown').find('.menu').toggle('visible');
- const target = $(this).data('target');
- const quote = $(`#comment-${target}`).text().replace(/\n/g, '\n> ');
- const content = `> ${quote}\n\n`;
-
- let $content;
- if ($(this).hasClass('quote-reply-diff')) {
- const $parent = $(this).closest('.comment-code-cloud');
- $parent.find('button.comment-form-reply').click();
- $content = $parent.find('[name="content"]');
- if ($content.val() !== '') {
- $content.val(`${$content.val()}\n\n${content}`);
- } else {
- $content.val(`${content}`);
- }
- $content.focus();
- } else if (autoSimpleMDE !== null) {
- if (autoSimpleMDE.value() !== '') {
- autoSimpleMDE.value(`${autoSimpleMDE.value()}\n\n${content}`);
- } else {
- autoSimpleMDE.value(`${content}`);
- }
- }
- event.preventDefault();
- });
-
- // Edit issue or comment content
- $('.edit-content').click(async function (event) {
- $(this).closest('.dropdown').find('.menu').toggle('visible');
- const $segment = $(this).closest('.header').next();
- const $editContentZone = $segment.find('.edit-content-zone');
- const $renderContent = $segment.find('.render-content');
- const $rawContent = $segment.find('.raw-content');
- let $textarea;
- let $simplemde;
-
- // Setup new form
- if ($editContentZone.html().length === 0) {
- $editContentZone.html($('#edit-content-form').html());
- $textarea = $editContentZone.find('textarea');
- issuesTribute.attach($textarea.get());
- emojiTribute.attach($textarea.get());
-
- let dz;
- const $dropzone = $editContentZone.find('.dropzone');
- const $files = $editContentZone.find('.comment-files');
- if ($dropzone.length > 0) {
- $dropzone.data('saved', false);
-
- const filenameDict = {};
- dz = await createDropzone($dropzone[0], {
- url: $dropzone.data('upload-url'),
- headers: {'X-Csrf-Token': csrf},
- maxFiles: $dropzone.data('max-file'),
- maxFilesize: $dropzone.data('max-size'),
- acceptedFiles: ($dropzone.data('accepts') === '*/*') ? null : $dropzone.data('accepts'),
- addRemoveLinks: true,
- dictDefaultMessage: $dropzone.data('default-message'),
- dictInvalidFileType: $dropzone.data('invalid-input-type'),
- dictFileTooBig: $dropzone.data('file-too-big'),
- dictRemoveFile: $dropzone.data('remove-file'),
- init() {
- this.on('success', (file, data) => {
- filenameDict[file.name] = {
- uuid: data.uuid,
- submitted: false
- };
- const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
- $files.append(input);
- });
- this.on('removedfile', (file) => {
- if (!(file.name in filenameDict)) {
- return;
- }
- $(`#${filenameDict[file.name].uuid}`).remove();
- if ($dropzone.data('remove-url') && $dropzone.data('csrf') && !filenameDict[file.name].submitted) {
- $.post($dropzone.data('remove-url'), {
- file: filenameDict[file.name].uuid,
- _csrf: $dropzone.data('csrf')
- });
- }
- });
- this.on('submit', () => {
- $.each(filenameDict, (name) => {
- filenameDict[name].submitted = true;
- });
- });
- this.on('reload', () => {
- $.getJSON($editContentZone.data('attachment-url'), (data) => {
- dz.removeAllFiles(true);
- $files.empty();
- $.each(data, function () {
- const imgSrc = `${$dropzone.data('upload-url')}/${this.uuid}`;
- dz.emit('addedfile', this);
- dz.emit('thumbnail', this, imgSrc);
- dz.emit('complete', this);
- dz.files.push(this);
- filenameDict[this.name] = {
- submitted: true,
- uuid: this.uuid
- };
- $dropzone.find(`img[src='${imgSrc}']`).css('max-width', '100%');
- const input = $(`<input id="${this.uuid}" name="files" type="hidden">`).val(this.uuid);
- $files.append(input);
- });
- });
- });
- }
- });
- dz.emit('reload');
- }
- // Give new write/preview data-tab name to distinguish from others
- const $editContentForm = $editContentZone.find('.ui.comment.form');
- const $tabMenu = $editContentForm.find('.tabular.menu');
- $tabMenu.attr('data-write', $editContentZone.data('write'));
- $tabMenu.attr('data-preview', $editContentZone.data('preview'));
- $tabMenu.find('.write.item').attr('data-tab', $editContentZone.data('write'));
- $tabMenu.find('.preview.item').attr('data-tab', $editContentZone.data('preview'));
- $editContentForm.find('.write.segment').attr('data-tab', $editContentZone.data('write'));
- $editContentForm.find('.preview.segment').attr('data-tab', $editContentZone.data('preview'));
- $simplemde = setCommentSimpleMDE($textarea);
- commentMDEditors[$editContentZone.data('write')] = $simplemde;
- initCommentPreviewTab($editContentForm);
- initSimpleMDEImagePaste($simplemde, $files);
-
- $editContentZone.find('.cancel.button').click(() => {
- $renderContent.show();
- $editContentZone.hide();
- dz.emit('reload');
- });
- $editContentZone.find('.save.button').click(() => {
- $renderContent.show();
- $editContentZone.hide();
- const $attachments = $files.find('[name=files]').map(function () {
- return $(this).val();
- }).get();
- $.post($editContentZone.data('update-url'), {
- _csrf: csrf,
- content: $textarea.val(),
- context: $editContentZone.data('context'),
- files: $attachments
- }, (data) => {
- if (data.length === 0) {
- $renderContent.html($('#no-content').html());
- } else {
- $renderContent.html(data.content);
- emojify.run($renderContent[0]);
- $('pre code', $renderContent[0]).each(function () {
- highlight(this);
- });
- }
- const $content = $segment.parent();
- if (!$content.find('.ui.small.images').length) {
- if (data.attachments !== '') {
- $content.append(
- '<div class="ui bottom attached segment"><div class="ui small images"></div></div>'
- );
- $content.find('.ui.small.images').html(data.attachments);
- }
- } else if (data.attachments === '') {
- $content.find('.ui.small.images').parent().remove();
- } else {
- $content.find('.ui.small.images').html(data.attachments);
- }
- dz.emit('submit');
- dz.emit('reload');
- });
- });
- } else {
- $textarea = $segment.find('textarea');
- $simplemde = commentMDEditors[$editContentZone.data('write')];
- }
-
- // Show write/preview tab and copy raw content as needed
- $editContentZone.show();
- $renderContent.hide();
- if ($textarea.val().length === 0) {
- $textarea.val($rawContent.text());
- $simplemde.value($rawContent.text());
- }
- $textarea.focus();
- $simplemde.codemirror.focus();
- event.preventDefault();
- });
-
- // Delete comment
- $('.delete-comment').click(function () {
- const $this = $(this);
- if (window.confirm($this.data('locale'))) {
- $.post($this.data('url'), {
- _csrf: csrf
- }).success(() => {
- $(`#${$this.data('comment-id')}`).remove();
- });
- }
- return false;
- });
-
- // Change status
- const $statusButton = $('#status-button');
- $('#comment-form .edit_area').keyup(function () {
- if ($(this).val().length === 0) {
- $statusButton.text($statusButton.data('status'));
- } else {
- $statusButton.text($statusButton.data('status-and-comment'));
- }
- });
- $statusButton.click(() => {
- $('#status').val($statusButton.data('status-val'));
- $('#comment-form').submit();
- });
-
- // Pull Request merge button
- const $mergeButton = $('.merge-button > button');
- $mergeButton.on('click', function (e) {
- e.preventDefault();
- $(`.${$(this).data('do')}-fields`).show();
- $(this).parent().hide();
- });
- $('.merge-button > .dropdown').dropdown({
- onChange(_text, _value, $choice) {
- if ($choice.data('do')) {
- $mergeButton.find('.button-text').text($choice.text());
- $mergeButton.data('do', $choice.data('do'));
- }
- }
- });
- $('.merge-cancel').on('click', function (e) {
- e.preventDefault();
- $(this).closest('.form').hide();
- $mergeButton.parent().show();
- });
- initReactionSelector();
- }
-
- // Diff
- if ($('.repository.diff').length > 0) {
- $('.diff-counter').each(function () {
- const $item = $(this);
- const addLine = $item.find('span[data-line].add').data('line');
- const delLine = $item.find('span[data-line].del').data('line');
- const addPercent = parseFloat(addLine) / (parseFloat(addLine) + parseFloat(delLine)) * 100;
- $item.find('.bar .add').css('width', `${addPercent}%`);
- });
- }
-
- // Quick start and repository home
- $('#repo-clone-ssh').click(function () {
- $('.clone-url').text($(this).data('link'));
- $('#repo-clone-url').val($(this).data('link'));
- $(this).addClass('blue');
- $('#repo-clone-https').removeClass('blue');
- localStorage.setItem('repo-clone-protocol', 'ssh');
- });
- $('#repo-clone-https').click(function () {
- $('.clone-url').text($(this).data('link'));
- $('#repo-clone-url').val($(this).data('link'));
- $(this).addClass('blue');
- $('#repo-clone-ssh').removeClass('blue');
- localStorage.setItem('repo-clone-protocol', 'https');
- });
- $('#repo-clone-url').click(function () {
- $(this).select();
- });
-
- // Pull request
- const $repoComparePull = $('.repository.compare.pull');
- if ($repoComparePull.length > 0) {
- initFilterSearchDropdown('.choose.branch .dropdown');
- // show pull request form
- $repoComparePull.find('button.show-form').on('click', function (e) {
- e.preventDefault();
- $repoComparePull.find('.pullrequest-form').show();
- $(this).parent().hide();
- });
- }
-
- // Branches
- if ($('.repository.settings.branches').length > 0) {
- initFilterSearchDropdown('.protected-branches .dropdown');
- $('.enable-protection, .enable-whitelist, .enable-statuscheck').change(function () {
- if (this.checked) {
- $($(this).data('target')).removeClass('disabled');
- } else {
- $($(this).data('target')).addClass('disabled');
- }
- });
- $('.disable-whitelist').change(function () {
- if (this.checked) {
- $($(this).data('target')).addClass('disabled');
- }
- });
- }
-
- // Language stats
- if ($('.language-stats').length > 0) {
- $('.language-stats').on('click', (e) => {
- e.preventDefault();
- $('.language-stats-details, .repository-menu').slideToggle();
- });
- }
- }
-
- function initMigration() {
- const toggleMigrations = function () {
- const authUserName = $('#auth_username').val();
- const cloneAddr = $('#clone_addr').val();
- if (!$('#mirror').is(':checked') && (authUserName && authUserName.length > 0) &&
- (cloneAddr !== undefined && (cloneAddr.startsWith('https://github.com') || cloneAddr.startsWith('http://github.com')))) {
- $('#migrate_items').show();
- } else {
- $('#migrate_items').hide();
- }
- };
-
- toggleMigrations();
-
- $('#clone_addr').on('input', toggleMigrations);
- $('#auth_username').on('input', toggleMigrations);
- $('#mirror').on('change', toggleMigrations);
- }
-
- function initPullRequestReview() {
- $('.show-outdated').on('click', function (e) {
- e.preventDefault();
- const id = $(this).data('comment');
- $(this).addClass('hide');
- $(`#code-comments-${id}`).removeClass('hide');
- $(`#code-preview-${id}`).removeClass('hide');
- $(`#hide-outdated-${id}`).removeClass('hide');
- });
-
- $('.hide-outdated').on('click', function (e) {
- e.preventDefault();
- const id = $(this).data('comment');
- $(this).addClass('hide');
- $(`#code-comments-${id}`).addClass('hide');
- $(`#code-preview-${id}`).addClass('hide');
- $(`#show-outdated-${id}`).removeClass('hide');
- });
-
- $('button.comment-form-reply').on('click', function (e) {
- e.preventDefault();
- $(this).hide();
- const form = $(this).parent().find('.comment-form');
- form.removeClass('hide');
- assingMenuAttributes(form.find('.menu'));
- });
- // The following part is only for diff views
- if ($('.repository.pull.diff').length === 0) {
- return;
- }
-
- $('.diff-detail-box.ui.sticky').sticky();
-
- $('.btn-review').on('click', function (e) {
- e.preventDefault();
- $(this).closest('.dropdown').find('.menu').toggle('visible');
- }).closest('.dropdown').find('.link.close')
- .on('click', function (e) {
- e.preventDefault();
- $(this).closest('.menu').toggle('visible');
- });
-
- $('.code-view .lines-code,.code-view .lines-num')
- .on('mouseenter', function () {
- const parent = $(this).closest('td');
- $(this).closest('tr').addClass(
- parent.hasClass('lines-num-old') || parent.hasClass('lines-code-old') ? 'focus-lines-old' : 'focus-lines-new'
- );
- })
- .on('mouseleave', function () {
- $(this).closest('tr').removeClass('focus-lines-new focus-lines-old');
- });
- $('.add-code-comment').on('click', function (e) {
- // https://github.com/go-gitea/gitea/issues/4745
- if ($(e.target).hasClass('btn-add-single')) {
- return;
- }
- e.preventDefault();
- const isSplit = $(this).closest('.code-diff').hasClass('code-diff-split');
- const side = $(this).data('side');
- const idx = $(this).data('idx');
- const path = $(this).data('path');
- const form = $('#pull_review_add_comment').html();
- const tr = $(this).closest('tr');
- let ntr = tr.next();
- if (!ntr.hasClass('add-comment')) {
- ntr = $(`<tr class="add-comment">${
- isSplit ? '<td class="lines-num"></td><td class="lines-type-marker"></td><td class="add-comment-left"></td><td class="lines-num"></td><td class="lines-type-marker"></td><td class="add-comment-right"></td>' :
- '<td class="lines-num"></td><td class="lines-num"></td><td class="lines-type-marker"></td><td class="add-comment-left add-comment-right"></td>'
- }</tr>`);
- tr.after(ntr);
- }
- const td = ntr.find(`.add-comment-${side}`);
- let commentCloud = td.find('.comment-code-cloud');
- if (commentCloud.length === 0) {
- td.html(form);
- commentCloud = td.find('.comment-code-cloud');
- assingMenuAttributes(commentCloud.find('.menu'));
-
- td.find("input[name='line']").val(idx);
- td.find("input[name='side']").val(side === 'left' ? 'previous' : 'proposed');
- td.find("input[name='path']").val(path);
- }
- commentCloud.find('textarea').focus();
- });
- }
-
- function assingMenuAttributes(menu) {
- const id = Math.floor(Math.random() * Math.floor(1000000));
- menu.attr('data-write', menu.attr('data-write') + id);
- menu.attr('data-preview', menu.attr('data-preview') + id);
- menu.find('.item').each(function () {
- const tab = $(this).attr('data-tab') + id;
- $(this).attr('data-tab', tab);
- });
- menu.parent().find("*[data-tab='write']").attr('data-tab', `write${id}`);
- menu.parent().find("*[data-tab='preview']").attr('data-tab', `preview${id}`);
- initCommentPreviewTab(menu.parent('.form'));
- return id;
- }
-
- function initRepositoryCollaboration() {
- // Change collaborator access mode
- $('.access-mode.menu .item').click(function () {
- const $menu = $(this).parent();
- $.post($menu.data('url'), {
- _csrf: csrf,
- uid: $menu.data('uid'),
- mode: $(this).data('value')
- });
- });
- }
-
- function initTeamSettings() {
- // Change team access mode
- $('.organization.new.team input[name=permission]').change(() => {
- const val = $('input[name=permission]:checked', '.organization.new.team').val();
- if (val === 'admin') {
- $('.organization.new.team .team-units').hide();
- } else {
- $('.organization.new.team .team-units').show();
- }
- });
- }
-
- function initWikiForm() {
- const $editArea = $('.repository.wiki textarea#edit_area');
- let sideBySideChanges = 0;
- let sideBySideTimeout = null;
- if ($editArea.length > 0) {
- const simplemde = new SimpleMDE({
- autoDownloadFontAwesome: false,
- element: $editArea[0],
- forceSync: true,
- previewRender(plainText, preview) { // Async method
- setTimeout(() => {
- // FIXME: still send render request when return back to edit mode
- const render = function () {
- sideBySideChanges = 0;
- if (sideBySideTimeout !== null) {
- clearTimeout(sideBySideTimeout);
- sideBySideTimeout = null;
- }
- $.post($editArea.data('url'), {
- _csrf: csrf,
- mode: 'gfm',
- context: $editArea.data('context'),
- text: plainText
- }, (data) => {
- preview.innerHTML = `<div class="markdown ui segment">${data}</div>`;
- emojify.run($('.editor-preview')[0]);
- $(preview).find('pre code').each((_, e) => {
- highlight(e);
- });
- });
- };
- if (!simplemde.isSideBySideActive()) {
- render();
- } else {
- // delay preview by keystroke counting
- sideBySideChanges++;
- if (sideBySideChanges > 10) {
- render();
- }
- // or delay preview by timeout
- if (sideBySideTimeout !== null) {
- clearTimeout(sideBySideTimeout);
- sideBySideTimeout = null;
- }
- sideBySideTimeout = setTimeout(render, 600);
- }
- }, 0);
- if (!simplemde.isSideBySideActive()) {
- return 'Loading...';
- }
- return preview.innerHTML;
- },
- renderingConfig: {
- singleLineBreaks: false
- },
- indentWithTabs: false,
- tabSize: 4,
- spellChecker: false,
- toolbar: ['bold', 'italic', 'strikethrough', '|',
- 'heading-1', 'heading-2', 'heading-3', 'heading-bigger', 'heading-smaller', '|',
- {
- name: 'code-inline',
- action(e) {
- const cm = e.codemirror;
- const selection = cm.getSelection();
- cm.replaceSelection(`\`${selection}\``);
- if (!selection) {
- const cursorPos = cm.getCursor();
- cm.setCursor(cursorPos.line, cursorPos.ch - 1);
- }
- cm.focus();
- },
- className: 'fa fa-angle-right',
- title: 'Add Inline Code',
- }, 'code', 'quote', '|', {
- name: 'checkbox-empty',
- action(e) {
- const cm = e.codemirror;
- cm.replaceSelection(`\n- [ ] ${cm.getSelection()}`);
- cm.focus();
- },
- className: 'fa fa-square-o',
- title: 'Add Checkbox (empty)',
- },
- {
- name: 'checkbox-checked',
- action(e) {
- const cm = e.codemirror;
- cm.replaceSelection(`\n- [x] ${cm.getSelection()}`);
- cm.focus();
- },
- className: 'fa fa-check-square-o',
- title: 'Add Checkbox (checked)',
- }, '|',
- 'unordered-list', 'ordered-list', '|',
- 'link', 'image', 'table', 'horizontal-rule', '|',
- 'clean-block', 'preview', 'fullscreen', 'side-by-side', '|',
- {
- name: 'revert-to-textarea',
- action(e) {
- e.toTextArea();
- },
- className: 'fa fa-file',
- title: 'Revert to simple textarea',
- },
- ]
- });
- $(simplemde.codemirror.getInputField()).addClass('js-quick-submit');
-
- setTimeout(() => {
- const $bEdit = $('.repository.wiki.new .previewtabs a[data-tab="write"]');
- const $bPrev = $('.repository.wiki.new .previewtabs a[data-tab="preview"]');
- const $toolbar = $('.editor-toolbar');
- const $bPreview = $('.editor-toolbar a.fa-eye');
- const $bSideBySide = $('.editor-toolbar a.fa-columns');
- $bEdit.on('click', () => {
- if ($toolbar.hasClass('disabled-for-preview')) {
- $bPreview.click();
- }
- });
- $bPrev.on('click', () => {
- if (!$toolbar.hasClass('disabled-for-preview')) {
- $bPreview.click();
- }
- });
- $bPreview.on('click', () => {
- setTimeout(() => {
- if ($toolbar.hasClass('disabled-for-preview')) {
- if ($bEdit.hasClass('active')) {
- $bEdit.removeClass('active');
- }
- if (!$bPrev.hasClass('active')) {
- $bPrev.addClass('active');
- }
- } else {
- if (!$bEdit.hasClass('active')) {
- $bEdit.addClass('active');
- }
- if ($bPrev.hasClass('active')) {
- $bPrev.removeClass('active');
- }
- }
- }, 0);
- });
- $bSideBySide.on('click', () => {
- sideBySideChanges = 10;
- });
- }, 0);
- }
- }
-
- // Adding function to get the cursor position in a text field to jQuery object.
- $.fn.getCursorPosition = function () {
- const el = $(this).get(0);
- let pos = 0;
- if ('selectionStart' in el) {
- pos = el.selectionStart;
- } else if ('selection' in document) {
- el.focus();
- const Sel = document.selection.createRange();
- const SelLength = document.selection.createRange().text.length;
- Sel.moveStart('character', -el.value.length);
- pos = Sel.text.length - SelLength;
- }
- return pos;
- };
-
- function setSimpleMDE($editArea) {
- if (codeMirrorEditor) {
- codeMirrorEditor.toTextArea();
- codeMirrorEditor = null;
- }
-
- if (simpleMDEditor) {
- return true;
- }
-
- simpleMDEditor = new SimpleMDE({
- autoDownloadFontAwesome: false,
- element: $editArea[0],
- forceSync: true,
- renderingConfig: {
- singleLineBreaks: false
- },
- indentWithTabs: false,
- tabSize: 4,
- spellChecker: false,
- previewRender(plainText, preview) { // Async method
- setTimeout(() => {
- // FIXME: still send render request when return back to edit mode
- $.post($editArea.data('url'), {
- _csrf: csrf,
- mode: 'gfm',
- context: $editArea.data('context'),
- text: plainText
- }, (data) => {
- preview.innerHTML = `<div class="markdown ui segment">${data}</div>`;
- emojify.run($('.editor-preview')[0]);
- });
- }, 0);
-
- return 'Loading...';
- },
- toolbar: ['bold', 'italic', 'strikethrough', '|',
- 'heading-1', 'heading-2', 'heading-3', 'heading-bigger', 'heading-smaller', '|',
- 'code', 'quote', '|',
- 'unordered-list', 'ordered-list', '|',
- 'link', 'image', 'table', 'horizontal-rule', '|',
- 'clean-block', 'preview', 'fullscreen', 'side-by-side', '|',
- {
- name: 'revert-to-textarea',
- action(e) {
- e.toTextArea();
- },
- className: 'fa fa-file',
- title: 'Revert to simple textarea',
- },
- ]
- });
- $(simpleMDEditor.codemirror.getInputField()).addClass('js-quick-submit');
-
- return true;
- }
-
- function setCommentSimpleMDE($editArea) {
- const simplemde = new SimpleMDE({
- autoDownloadFontAwesome: false,
- element: $editArea[0],
- forceSync: true,
- renderingConfig: {
- singleLineBreaks: false
- },
- indentWithTabs: false,
- tabSize: 4,
- spellChecker: false,
- toolbar: ['bold', 'italic', 'strikethrough', '|',
- 'heading-1', 'heading-2', 'heading-3', 'heading-bigger', 'heading-smaller', '|',
- 'code', 'quote', '|',
- 'unordered-list', 'ordered-list', '|',
- 'link', 'image', 'table', 'horizontal-rule', '|',
- 'clean-block', '|',
- {
- name: 'revert-to-textarea',
- action(e) {
- e.toTextArea();
- },
- className: 'fa fa-file',
- title: 'Revert to simple textarea',
- },
- ]
- });
- $(simplemde.codemirror.getInputField()).addClass('js-quick-submit');
- simplemde.codemirror.setOption('extraKeys', {
- Enter: () => {
- if (!(issuesTribute.isActive || emojiTribute.isActive)) {
- return CodeMirror.Pass;
- }
- },
- Backspace: (cm) => {
- if (cm.getInputField().trigger) {
- cm.getInputField().trigger('input');
- }
- cm.execCommand('delCharBefore');
- }
- });
- issuesTribute.attach(simplemde.codemirror.getInputField());
- emojiTribute.attach(simplemde.codemirror.getInputField());
- return simplemde;
- }
-
- function setCodeMirror($editArea) {
- if (simpleMDEditor) {
- simpleMDEditor.toTextArea();
- simpleMDEditor = null;
- }
-
- if (codeMirrorEditor) {
- return true;
- }
-
- codeMirrorEditor = CodeMirror.fromTextArea($editArea[0], {
- lineNumbers: true
- });
- codeMirrorEditor.on('change', (cm, _change) => {
- $editArea.val(cm.getValue());
- });
-
- return true;
- }
-
- function initEditor() {
- $('.js-quick-pull-choice-option').change(function () {
- if ($(this).val() === 'commit-to-new-branch') {
- $('.quick-pull-branch-name').show();
- $('.quick-pull-branch-name input').prop('required', true);
- } else {
- $('.quick-pull-branch-name').hide();
- $('.quick-pull-branch-name input').prop('required', false);
- }
- $('#commit-button').text($(this).attr('button_text'));
- });
-
- const $editFilename = $('#file-name');
- $editFilename.keyup(function (e) {
- const $section = $('.breadcrumb span.section');
- const $divider = $('.breadcrumb div.divider');
- let value;
- let parts;
-
- if (e.keyCode === 8) {
- if ($(this).getCursorPosition() === 0) {
- if ($section.length > 0) {
- value = $section.last().find('a').text();
- $(this).val(value + $(this).val());
- $(this)[0].setSelectionRange(value.length, value.length);
- $section.last().remove();
- $divider.last().remove();
- }
- }
- }
- if (e.keyCode === 191) {
- parts = $(this).val().split('/');
- for (let i = 0; i < parts.length; ++i) {
- value = parts[i];
- if (i < parts.length - 1) {
- if (value.length) {
- $(`<span class="section"><a href="#">${value}</a></span>`).insertBefore($(this));
- $('<div class="divider"> / </div>').insertBefore($(this));
- }
- } else {
- $(this).val(value);
- }
- $(this)[0].setSelectionRange(0, 0);
- }
- }
- parts = [];
- $('.breadcrumb span.section').each(function () {
- const element = $(this);
- if (element.find('a').length) {
- parts.push(element.find('a').text());
- } else {
- parts.push(element.text());
- }
- });
- if ($(this).val()) parts.push($(this).val());
- $('#tree_path').val(parts.join('/'));
- }).trigger('keyup');
-
- const $editArea = $('.repository.editor textarea#edit_area');
- if (!$editArea.length) return;
-
- const markdownFileExts = $editArea.data('markdown-file-exts').split(',');
- const lineWrapExtensions = $editArea.data('line-wrap-extensions').split(',');
-
- $editFilename.on('keyup', () => {
- const val = $editFilename.val();
- let mode, spec, extension, extWithDot, dataUrl, apiCall;
-
- extension = extWithDot = '';
- const m = /.+\.([^.]+)$/.exec(val);
- if (m) {
- extension = m[1];
- extWithDot = `.${extension}`;
- }
-
- const info = CodeMirror.findModeByExtension(extension);
- const previewLink = $('a[data-tab=preview]');
- if (info) {
- mode = info.mode;
- spec = info.mime;
- apiCall = mode;
- } else {
- apiCall = extension;
- }
-
- if (previewLink.length && apiCall && previewFileModes && previewFileModes.length && previewFileModes.includes(apiCall)) {
- dataUrl = previewLink.data('url');
- previewLink.data('url', dataUrl.replace(/(.*)\/.*/i, `$1/${mode}`));
- previewLink.show();
- } else {
- previewLink.hide();
- }
-
- // If this file is a Markdown extensions, we will load that editor and return
- if (markdownFileExts.includes(extWithDot)) {
- if (setSimpleMDE($editArea)) {
- return;
- }
- }
-
- // Else we are going to use CodeMirror
- if (!codeMirrorEditor && !setCodeMirror($editArea)) {
- return;
- }
-
- if (mode) {
- codeMirrorEditor.setOption('mode', spec);
- CodeMirror.autoLoadMode(codeMirrorEditor, mode);
- }
-
- if (lineWrapExtensions.includes(extWithDot)) {
- codeMirrorEditor.setOption('lineWrapping', true);
- } else {
- codeMirrorEditor.setOption('lineWrapping', false);
- }
-
- // get the filename without any folder
- let value = $editFilename.val();
- if (value.length === 0) {
- return;
- }
- value = value.split('/');
- value = value[value.length - 1];
-
- $.getJSON($editFilename.data('ec-url-prefix') + value, (editorconfig) => {
- if (editorconfig.indent_style === 'tab') {
- codeMirrorEditor.setOption('indentWithTabs', true);
- codeMirrorEditor.setOption('extraKeys', {});
- } else {
- codeMirrorEditor.setOption('indentWithTabs', false);
- // required because CodeMirror doesn't seems to use spaces correctly for {"indentWithTabs": false}:
- // - https://github.com/codemirror/CodeMirror/issues/988
- // - https://codemirror.net/doc/manual.html#keymaps
- codeMirrorEditor.setOption('extraKeys', {
- Tab(cm) {
- const spaces = new Array(parseInt(cm.getOption('indentUnit')) + 1).join(' ');
- cm.replaceSelection(spaces);
- }
- });
- }
- codeMirrorEditor.setOption('indentUnit', editorconfig.indent_size || 4);
- codeMirrorEditor.setOption('tabSize', editorconfig.tab_width || 4);
- });
- }).trigger('keyup');
-
- // Using events from https://github.com/codedance/jquery.AreYouSure#advanced-usage
- // to enable or disable the commit button
- const $commitButton = $('#commit-button');
- const $editForm = $('.ui.edit.form');
- const dirtyFileClass = 'dirty-file';
-
- // Disabling the button at the start
- $commitButton.prop('disabled', true);
-
- // Registering a custom listener for the file path and the file content
- $editForm.areYouSure({
- silent: true,
- dirtyClass: dirtyFileClass,
- fieldSelector: ':input:not(.commit-form-wrapper :input)',
- change() {
- const dirty = $(this).hasClass(dirtyFileClass);
- $commitButton.prop('disabled', !dirty);
- }
- });
-
- $commitButton.click((event) => {
- // A modal which asks if an empty file should be committed
- if ($editArea.val().length === 0) {
- $('#edit-empty-content-modal').modal({
- onApprove() {
- $('.edit.form').submit();
- }
- }).modal('show');
- event.preventDefault();
- }
- });
- }
-
- function initOrganization() {
- if ($('.organization').length === 0) {
- return;
- }
-
- // Options
- if ($('.organization.settings.options').length > 0) {
- $('#org_name').keyup(function () {
- const $prompt = $('#org-name-change-prompt');
- if ($(this).val().toString().toLowerCase() !== $(this).data('org-name').toString().toLowerCase()) {
- $prompt.show();
- } else {
- $prompt.hide();
- }
- });
- }
-
- // Labels
- if ($('.organization.settings.labels').length > 0) {
- initLabelEdit();
- }
- }
-
- function initUserSettings() {
- // Options
- if ($('.user.settings.profile').length > 0) {
- $('#username').keyup(function () {
- const $prompt = $('#name-change-prompt');
- if ($(this).val().toString().toLowerCase() !== $(this).data('name').toString().toLowerCase()) {
- $prompt.show();
- } else {
- $prompt.hide();
- }
- });
- }
- }
-
- function initGithook() {
- if ($('.edit.githook').length === 0) {
- return;
- }
-
- CodeMirror.autoLoadMode(CodeMirror.fromTextArea($('#content')[0], {
- lineNumbers: true,
- mode: 'shell'
- }), 'shell');
- }
-
- function initWebhook() {
- if ($('.new.webhook').length === 0) {
- return;
- }
-
- $('.events.checkbox input').change(function () {
- if ($(this).is(':checked')) {
- $('.events.fields').show();
- }
- });
- $('.non-events.checkbox input').change(function () {
- if ($(this).is(':checked')) {
- $('.events.fields').hide();
- }
- });
-
- const updateContentType = function () {
- const visible = $('#http_method').val() === 'POST';
- $('#content_type').parent().parent()[visible ? 'show' : 'hide']();
- };
- updateContentType();
- $('#http_method').change(() => {
- updateContentType();
- });
-
- // Test delivery
- $('#test-delivery').click(function () {
- const $this = $(this);
- $this.addClass('loading disabled');
- $.post($this.data('link'), {
- _csrf: csrf
- }).done(
- setTimeout(() => {
- window.location.href = $this.data('redirect');
- }, 5000)
- );
- });
- }
-
- function initAdmin() {
- if ($('.admin').length === 0) {
- return;
- }
-
- // New user
- if ($('.admin.new.user').length > 0 || $('.admin.edit.user').length > 0) {
- $('#login_type').change(function () {
- if ($(this).val().substring(0, 1) === '0') {
- $('#login_name').removeAttr('required');
- $('.non-local').hide();
- $('.local').show();
- $('#user_name').focus();
-
- if ($(this).data('password') === 'required') {
- $('#password').attr('required', 'required');
- }
- } else {
- $('#login_name').attr('required', 'required');
- $('.non-local').show();
- $('.local').hide();
- $('#login_name').focus();
-
- $('#password').removeAttr('required');
- }
- });
- }
-
- function onSecurityProtocolChange() {
- if ($('#security_protocol').val() > 0) {
- $('.has-tls').show();
- } else {
- $('.has-tls').hide();
- }
- }
-
- function onUsePagedSearchChange() {
- if ($('#use_paged_search').prop('checked')) {
- $('.search-page-size').show()
- .find('input').attr('required', 'required');
- } else {
- $('.search-page-size').hide()
- .find('input').removeAttr('required');
- }
- }
-
- function onOAuth2Change() {
- $('.open_id_connect_auto_discovery_url, .oauth2_use_custom_url').hide();
- $('.open_id_connect_auto_discovery_url input[required]').removeAttr('required');
-
- const provider = $('#oauth2_provider').val();
- switch (provider) {
- case 'github':
- case 'gitlab':
- case 'gitea':
- case 'nextcloud':
- $('.oauth2_use_custom_url').show();
- break;
- case 'openidConnect':
- $('.open_id_connect_auto_discovery_url input').attr('required', 'required');
- $('.open_id_connect_auto_discovery_url').show();
- break;
- }
- onOAuth2UseCustomURLChange();
- }
-
- function onOAuth2UseCustomURLChange() {
- const provider = $('#oauth2_provider').val();
- $('.oauth2_use_custom_url_field').hide();
- $('.oauth2_use_custom_url_field input[required]').removeAttr('required');
-
- if ($('#oauth2_use_custom_url').is(':checked')) {
- $('#oauth2_token_url').val($(`#${provider}_token_url`).val());
- $('#oauth2_auth_url').val($(`#${provider}_auth_url`).val());
- $('#oauth2_profile_url').val($(`#${provider}_profile_url`).val());
- $('#oauth2_email_url').val($(`#${provider}_email_url`).val());
-
- switch (provider) {
- case 'github':
- $('.oauth2_token_url input, .oauth2_auth_url input, .oauth2_profile_url input, .oauth2_email_url input').attr('required', 'required');
- $('.oauth2_token_url, .oauth2_auth_url, .oauth2_profile_url, .oauth2_email_url').show();
- break;
- case 'nextcloud':
- case 'gitea':
- case 'gitlab':
- $('.oauth2_token_url input, .oauth2_auth_url input, .oauth2_profile_url input').attr('required', 'required');
- $('.oauth2_token_url, .oauth2_auth_url, .oauth2_profile_url').show();
- $('#oauth2_email_url').val('');
- break;
- }
- }
- }
-
- // New authentication
- if ($('.admin.new.authentication').length > 0) {
- $('#auth_type').change(function () {
- $('.ldap, .dldap, .smtp, .pam, .oauth2, .has-tls, .search-page-size, .sspi').hide();
-
- $('.ldap input[required], .binddnrequired input[required], .dldap input[required], .smtp input[required], .pam input[required], .oauth2 input[required], .has-tls input[required], .sspi input[required]').removeAttr('required');
- $('.binddnrequired').removeClass('required');
-
- const authType = $(this).val();
- switch (authType) {
- case '2': // LDAP
- $('.ldap').show();
- $('.binddnrequired input, .ldap div.required:not(.dldap) input').attr('required', 'required');
- $('.binddnrequired').addClass('required');
- break;
- case '3': // SMTP
- $('.smtp').show();
- $('.has-tls').show();
- $('.smtp div.required input, .has-tls').attr('required', 'required');
- break;
- case '4': // PAM
- $('.pam').show();
- $('.pam input').attr('required', 'required');
- break;
- case '5': // LDAP
- $('.dldap').show();
- $('.dldap div.required:not(.ldap) input').attr('required', 'required');
- break;
- case '6': // OAuth2
- $('.oauth2').show();
- $('.oauth2 div.required:not(.oauth2_use_custom_url,.oauth2_use_custom_url_field,.open_id_connect_auto_discovery_url) input').attr('required', 'required');
- onOAuth2Change();
- break;
- case '7': // SSPI
- $('.sspi').show();
- $('.sspi div.required input').attr('required', 'required');
- break;
- }
- if (authType === '2' || authType === '5') {
- onSecurityProtocolChange();
- }
- if (authType === '2') {
- onUsePagedSearchChange();
- }
- });
- $('#auth_type').change();
- $('#security_protocol').change(onSecurityProtocolChange);
- $('#use_paged_search').change(onUsePagedSearchChange);
- $('#oauth2_provider').change(onOAuth2Change);
- $('#oauth2_use_custom_url').change(onOAuth2UseCustomURLChange);
- }
- // Edit authentication
- if ($('.admin.edit.authentication').length > 0) {
- const authType = $('#auth_type').val();
- if (authType === '2' || authType === '5') {
- $('#security_protocol').change(onSecurityProtocolChange);
- if (authType === '2') {
- $('#use_paged_search').change(onUsePagedSearchChange);
- }
- } else if (authType === '6') {
- $('#oauth2_provider').change(onOAuth2Change);
- $('#oauth2_use_custom_url').change(onOAuth2UseCustomURLChange);
- onOAuth2Change();
- }
- }
-
- // Notice
- if ($('.admin.notice')) {
- const $detailModal = $('#detail-modal');
-
- // Attach view detail modals
- $('.view-detail').click(function () {
- $detailModal.find('.content p').text($(this).data('content'));
- $detailModal.modal('show');
- return false;
- });
-
- // Select actions
- const $checkboxes = $('.select.table .ui.checkbox');
- $('.select.action').click(function () {
- switch ($(this).data('action')) {
- case 'select-all':
- $checkboxes.checkbox('check');
- break;
- case 'deselect-all':
- $checkboxes.checkbox('uncheck');
- break;
- case 'inverse':
- $checkboxes.checkbox('toggle');
- break;
- }
- });
- $('#delete-selection').click(function () {
- const $this = $(this);
- $this.addClass('loading disabled');
- const ids = [];
- $checkboxes.each(function () {
- if ($(this).checkbox('is checked')) {
- ids.push($(this).data('id'));
- }
- });
- $.post($this.data('link'), {
- _csrf: csrf,
- ids
- }).done(() => {
- window.location.href = $this.data('redirect');
- });
- });
- }
- }
-
- function buttonsClickOnEnter() {
- $('.ui.button').keypress(function (e) {
- if (e.keyCode === 13 || e.keyCode === 32) { // enter key or space bar
- $(this).click();
- }
- });
- }
-
- function searchUsers() {
- const $searchUserBox = $('#search-user-box');
- $searchUserBox.search({
- minCharacters: 2,
- apiSettings: {
- url: `${AppSubUrl}/api/v1/users/search?q={query}`,
- onResponse(response) {
- const items = [];
- $.each(response.data, (_i, item) => {
- let title = item.login;
- if (item.full_name && item.full_name.length > 0) {
- title += ` (${htmlEncode(item.full_name)})`;
- }
- items.push({
- title,
- image: item.avatar_url
- });
- });
-
- return {results: items};
- }
- },
- searchFields: ['login', 'full_name'],
- showNoResults: false
- });
- }
-
- function searchTeams() {
- const $searchTeamBox = $('#search-team-box');
- $searchTeamBox.search({
- minCharacters: 2,
- apiSettings: {
- url: `${AppSubUrl}/api/v1/orgs/${$searchTeamBox.data('org')}/teams/search?q={query}`,
- headers: {'X-Csrf-Token': csrf},
- onResponse(response) {
- const items = [];
- $.each(response.data, (_i, item) => {
- const title = `${item.name} (${item.permission} access)`;
- items.push({
- title,
- });
- });
-
- return {results: items};
- }
- },
- searchFields: ['name', 'description'],
- showNoResults: false
- });
- }
-
- function searchRepositories() {
- const $searchRepoBox = $('#search-repo-box');
- $searchRepoBox.search({
- minCharacters: 2,
- apiSettings: {
- url: `${AppSubUrl}/api/v1/repos/search?q={query}&uid=${$searchRepoBox.data('uid')}`,
- onResponse(response) {
- const items = [];
- $.each(response.data, (_i, item) => {
- items.push({
- title: item.full_name.split('/')[1],
- description: item.full_name
- });
- });
-
- return {results: items};
- }
- },
- searchFields: ['full_name'],
- showNoResults: false
- });
- }
-
- function initCodeView() {
- if ($('.code-view .linenums').length > 0) {
- $(document).on('click', '.lines-num span', function (e) {
- const $select = $(this);
- const $list = $select.parent().siblings('.lines-code').find('ol.linenums > li');
- selectRange($list, $list.filter(`[rel=${$select.attr('id')}]`), (e.shiftKey ? $list.filter('.active').eq(0) : null));
- deSelect();
- });
-
- $(window).on('hashchange', () => {
- let m = window.location.hash.match(/^#(L\d+)-(L\d+)$/);
- const $list = $('.code-view ol.linenums > li');
- let $first;
- if (m) {
- $first = $list.filter(`.${m[1]}`);
- selectRange($list, $first, $list.filter(`.${m[2]}`));
- $('html, body').scrollTop($first.offset().top - 200);
- return;
- }
- m = window.location.hash.match(/^#(L|n)(\d+)$/);
- if (m) {
- $first = $list.filter(`.L${m[2]}`);
- selectRange($list, $first);
- $('html, body').scrollTop($first.offset().top - 200);
- }
- }).trigger('hashchange');
- }
- $('.fold-code').on('click', ({target}) => {
- const box = target.closest('.file-content');
- const folded = box.dataset.folded !== 'true';
- target.classList.add(`fa-chevron-${folded ? 'right' : 'down'}`);
- target.classList.remove(`fa-chevron-${folded ? 'down' : 'right'}`);
- box.dataset.folded = String(folded);
- });
- function insertBlobExcerpt(e) {
- const $blob = $(e.target);
- const $row = $blob.parent().parent();
- $.get(`${$blob.data('url')}?${$blob.data('query')}&anchor=${$blob.data('anchor')}`, (blob) => {
- $row.replaceWith(blob);
- $(`[data-anchor="${$blob.data('anchor')}"]`).on('click', (e) => { insertBlobExcerpt(e) });
- $('.diff-detail-box.ui.sticky').sticky();
- });
- }
- $('.ui.blob-excerpt').on('click', (e) => { insertBlobExcerpt(e) });
- }
-
- function initU2FAuth() {
- if ($('#wait-for-key').length === 0) {
- return;
- }
- u2fApi.ensureSupport()
- .then(() => {
- $.getJSON(`${AppSubUrl}/user/u2f/challenge`).success((req) => {
- u2fApi.sign(req.appId, req.challenge, req.registeredKeys, 30)
- .then(u2fSigned)
- .catch((err) => {
- if (err === undefined) {
- u2fError(1);
- return;
- }
- u2fError(err.metaData.code);
- });
- });
- }).catch(() => {
- // Fallback in case browser do not support U2F
- window.location.href = `${AppSubUrl}/user/two_factor`;
- });
- }
- function u2fSigned(resp) {
- $.ajax({
- url: `${AppSubUrl}/user/u2f/sign`,
- type: 'POST',
- headers: {'X-Csrf-Token': csrf},
- data: JSON.stringify(resp),
- contentType: 'application/json; charset=utf-8',
- }).done((res) => {
- window.location.replace(res);
- }).fail(() => {
- u2fError(1);
- });
- }
-
- function u2fRegistered(resp) {
- if (checkError(resp)) {
- return;
- }
- $.ajax({
- url: `${AppSubUrl}/user/settings/security/u2f/register`,
- type: 'POST',
- headers: {'X-Csrf-Token': csrf},
- data: JSON.stringify(resp),
- contentType: 'application/json; charset=utf-8',
- success() {
- reload();
- },
- fail() {
- u2fError(1);
- }
- });
- }
-
- function checkError(resp) {
- if (!('errorCode' in resp)) {
- return false;
- }
- if (resp.errorCode === 0) {
- return false;
- }
- u2fError(resp.errorCode);
- return true;
- }
-
- function u2fError(errorType) {
- const u2fErrors = {
- browser: $('#unsupported-browser'),
- 1: $('#u2f-error-1'),
- 2: $('#u2f-error-2'),
- 3: $('#u2f-error-3'),
- 4: $('#u2f-error-4'),
- 5: $('.u2f-error-5')
- };
- u2fErrors[errorType].removeClass('hide');
-
- Object.keys(u2fErrors).forEach((type) => {
- if (type !== errorType) {
- u2fErrors[type].addClass('hide');
- }
- });
- $('#u2f-error').modal('show');
- }
-
- function initU2FRegister() {
- $('#register-device').modal({allowMultiple: false});
- $('#u2f-error').modal({allowMultiple: false});
- $('#register-security-key').on('click', (e) => {
- e.preventDefault();
- u2fApi.ensureSupport()
- .then(u2fRegisterRequest)
- .catch(() => {
- u2fError('browser');
- });
- });
- }
-
- function u2fRegisterRequest() {
- $.post(`${AppSubUrl}/user/settings/security/u2f/request_register`, {
- _csrf: csrf,
- name: $('#nickname').val()
- }).success((req) => {
- $('#nickname').closest('div.field').removeClass('error');
- $('#register-device').modal('show');
- if (req.registeredKeys === null) {
- req.registeredKeys = [];
- }
- u2fApi.register(req.appId, req.registerRequests, req.registeredKeys, 30)
- .then(u2fRegistered)
- .catch((reason) => {
- if (reason === undefined) {
- u2fError(1);
- return;
- }
- u2fError(reason.metaData.code);
- });
- }).fail((xhr) => {
- if (xhr.status === 409) {
- $('#nickname').closest('div.field').addClass('error');
- }
- });
- }
-
- function initWipTitle() {
- $('.title_wip_desc > a').click((e) => {
- e.preventDefault();
-
- const $issueTitle = $('#issue_title');
- $issueTitle.focus();
- const value = $issueTitle.val().trim().toUpperCase();
-
- for (const i in wipPrefixes) {
- if (value.startsWith(wipPrefixes[i].toUpperCase())) {
- return;
- }
- }
-
- $issueTitle.val(`${wipPrefixes[0]} ${$issueTitle.val()}`);
- });
- }
-
- function initTemplateSearch() {
- const $repoTemplate = $('#repo_template');
- const checkTemplate = function () {
- const $templateUnits = $('#template_units');
- const $nonTemplate = $('#non_template');
- if ($repoTemplate.val() !== '' && $repoTemplate.val() !== '0') {
- $templateUnits.show();
- $nonTemplate.hide();
- } else {
- $templateUnits.hide();
- $nonTemplate.show();
- }
- };
- $repoTemplate.change(checkTemplate);
- checkTemplate();
-
- const changeOwner = function () {
- $('#repo_template_search')
- .dropdown({
- apiSettings: {
- url: `${AppSubUrl}/api/v1/repos/search?q={query}&template=true&priority_owner_id=${$('#uid').val()}`,
- onResponse(response) {
- const filteredResponse = {success: true, results: []};
- filteredResponse.results.push({
- name: '',
- value: ''
- });
- // Parse the response from the api to work with our dropdown
- $.each(response.data, (_r, repo) => {
- filteredResponse.results.push({
- name: htmlEncode(repo.full_name),
- value: repo.id
- });
- });
- return filteredResponse;
- },
- cache: false,
- },
-
- fullTextSearch: true
- });
- };
- $('#uid').change(changeOwner);
- changeOwner();
- }
-
- $(document).ready(async () => {
- // Show exact time
- $('.time-since').each(function () {
- $(this)
- .addClass('poping up')
- .attr('data-content', $(this).attr('title'))
- .attr('data-variation', 'inverted tiny')
- .attr('title', '');
- });
-
- // Semantic UI modules.
- $('.dropdown:not(.custom)').dropdown();
- $('.jump.dropdown').dropdown({
- action: 'hide',
- onShow() {
- $('.poping.up').popup('hide');
- }
- });
- $('.slide.up.dropdown').dropdown({
- transition: 'slide up'
- });
- $('.upward.dropdown').dropdown({
- direction: 'upward'
- });
- $('.ui.accordion').accordion();
- $('.ui.checkbox').checkbox();
- $('.ui.progress').progress({
- showActivity: false
- });
- $('.poping.up').popup();
- $('.top.menu .poping.up').popup({
- onShow() {
- if ($('.top.menu .menu.transition').hasClass('visible')) {
- return false;
- }
- }
- });
- $('.tabular.menu .item').tab();
- $('.tabable.menu .item').tab();
-
- $('.toggle.button').click(function () {
- $($(this).data('target')).slideToggle(100);
- });
-
- // make table <tr> element clickable like a link
- $('tr[data-href]').click(function () {
- window.location = $(this).data('href');
- });
-
- // Dropzone
- const $dropzone = $('#dropzone');
- if ($dropzone.length > 0) {
- const filenameDict = {};
-
- await createDropzone('#dropzone', {
- url: $dropzone.data('upload-url'),
- headers: {'X-Csrf-Token': csrf},
- maxFiles: $dropzone.data('max-file'),
- maxFilesize: $dropzone.data('max-size'),
- acceptedFiles: ($dropzone.data('accepts') === '*/*') ? null : $dropzone.data('accepts'),
- addRemoveLinks: true,
- dictDefaultMessage: $dropzone.data('default-message'),
- dictInvalidFileType: $dropzone.data('invalid-input-type'),
- dictFileTooBig: $dropzone.data('file-too-big'),
- dictRemoveFile: $dropzone.data('remove-file'),
- init() {
- this.on('success', (file, data) => {
- filenameDict[file.name] = data.uuid;
- const input = $(`<input id="${data.uuid}" name="files" type="hidden">`).val(data.uuid);
- $('.files').append(input);
- });
- this.on('removedfile', (file) => {
- if (file.name in filenameDict) {
- $(`#${filenameDict[file.name]}`).remove();
- }
- if ($dropzone.data('remove-url') && $dropzone.data('csrf')) {
- $.post($dropzone.data('remove-url'), {
- file: filenameDict[file.name],
- _csrf: $dropzone.data('csrf')
- });
- }
- });
- },
- });
- }
-
- // Emojify
- emojify.setConfig({
- img_dir: `${AppSubUrl}/vendor/plugins/emojify/images`,
- ignore_emoticons: true
- });
- const hasEmoji = document.getElementsByClassName('has-emoji');
- for (let i = 0; i < hasEmoji.length; i++) {
- emojify.run(hasEmoji[i]);
- for (let j = 0; j < hasEmoji[i].childNodes.length; j++) {
- if (hasEmoji[i].childNodes[j].nodeName === 'A') {
- emojify.run(hasEmoji[i].childNodes[j]);
- }
- }
- }
-
- // Helpers.
- $('.delete-button').click(showDeletePopup);
- $('.add-all-button').click(showAddAllPopup);
- $('.link-action').click(linkAction);
- $('.link-email-action').click(linkEmailAction);
-
- $('.delete-branch-button').click(showDeletePopup);
-
- $('.undo-button').click(function () {
- const $this = $(this);
- $.post($this.data('url'), {
- _csrf: csrf,
- id: $this.data('id')
- }).done((data) => {
- window.location.href = data.redirect;
- });
- });
- $('.show-panel.button').click(function () {
- $($(this).data('panel')).show();
- });
- $('.show-modal.button').click(function () {
- $($(this).data('modal')).modal('show');
- });
- $('.delete-post.button').click(function () {
- const $this = $(this);
- $.post($this.data('request-url'), {
- _csrf: csrf
- }).done(() => {
- window.location.href = $this.data('done-url');
- });
- });
-
- // Set anchor.
- $('.markdown').each(function () {
- $(this).find('h1, h2, h3, h4, h5, h6').each(function () {
- let node = $(this);
- node = node.wrap('<div class="anchor-wrap"></div>');
- node.append(`<a class="anchor" href="#${encodeURIComponent(node.attr('id'))}">${svg('octicon-link', 16)}</a>`);
- });
- });
-
- $('.issue-checkbox').click(() => {
- const numChecked = $('.issue-checkbox').children('input:checked').length;
- if (numChecked > 0) {
- $('#issue-filters').addClass('hide');
- $('#issue-actions').removeClass('hide');
- } else {
- $('#issue-filters').removeClass('hide');
- $('#issue-actions').addClass('hide');
- }
- });
-
- $('.issue-action').click(function () {
- let {action} = this.dataset;
- let {elementId} = this.dataset;
- const issueIDs = $('.issue-checkbox').children('input:checked').map(function () {
- return this.dataset.issueId;
- }).get().join();
- const {url} = this.dataset;
- if (elementId === '0' && url.substr(-9) === '/assignee') {
- elementId = '';
- action = 'clear';
- }
- updateIssuesMeta(url, action, issueIDs, elementId, '').then(() => {
- // NOTICE: This reset of checkbox state targets Firefox caching behaviour, as the checkboxes stay checked after reload
- if (action === 'close' || action === 'open') {
- // uncheck all checkboxes
- $('.issue-checkbox input[type="checkbox"]').each((_, e) => { e.checked = false });
- }
- reload();
- });
- });
-
- // NOTICE: This event trigger targets Firefox caching behaviour, as the checkboxes stay checked after reload
- // trigger ckecked event, if checkboxes are checked on load
- $('.issue-checkbox input[type="checkbox"]:checked').first().each((_, e) => {
- e.checked = false;
- $(e).click();
- });
-
- buttonsClickOnEnter();
- searchUsers();
- searchTeams();
- searchRepositories();
-
- initCommentForm();
- initInstall();
- initRepository();
- initMigration();
- initWikiForm();
- initEditForm();
- initEditor();
- initOrganization();
- initGithook();
- initWebhook();
- initAdmin();
- initCodeView();
- initVueApp();
- initTeamSettings();
- initCtrlEnterSubmit();
- initNavbarContentToggle();
- initTopicbar();
- initU2FAuth();
- initU2FRegister();
- initIssueList();
- initWipTitle();
- initPullRequestReview();
- initRepoStatusChecker();
- initTemplateSearch();
- initContextPopups();
-
- // Repo clone url.
- if ($('#repo-clone-url').length > 0) {
- switch (localStorage.getItem('repo-clone-protocol')) {
- case 'ssh':
- if ($('#repo-clone-ssh').click().length === 0) {
- $('#repo-clone-https').click();
- }
- break;
- default:
- $('#repo-clone-https').click();
- break;
- }
- }
-
- const routes = {
- 'div.user.settings': initUserSettings,
- 'div.repository.settings.collaboration': initRepositoryCollaboration
- };
-
- let selector;
- for (selector in routes) {
- if ($(selector).length > 0) {
- routes[selector]();
- break;
- }
- }
-
- const $cloneAddr = $('#clone_addr');
- $cloneAddr.change(() => {
- const $repoName = $('#repo_name');
- if ($cloneAddr.val().length > 0 && $repoName.val().length === 0) { // Only modify if repo_name input is blank
- $repoName.val($cloneAddr.val().match(/^(.*\/)?((.+?)(\.git)?)$/)[3]);
- }
- });
-
- // parallel init of lazy-loaded features
- await Promise.all([
- highlight(document.querySelectorAll('pre code')),
- initGitGraph(),
- initClipboard(),
- initUserHeatmap(),
- ]);
- });
-
- function changeHash(hash) {
- if (window.history.pushState) {
- window.history.pushState(null, null, hash);
- } else {
- window.location.hash = hash;
- }
- }
-
- function deSelect() {
- if (window.getSelection) {
- window.getSelection().removeAllRanges();
- } else {
- document.selection.empty();
- }
- }
-
- function selectRange($list, $select, $from) {
- $list.removeClass('active');
- if ($from) {
- let a = parseInt($select.attr('rel').substr(1));
- let b = parseInt($from.attr('rel').substr(1));
- let c;
- if (a !== b) {
- if (a > b) {
- c = a;
- a = b;
- b = c;
- }
- const classes = [];
- for (let i = a; i <= b; i++) {
- classes.push(`.L${i}`);
- }
- $list.filter(classes.join(',')).addClass('active');
- changeHash(`#L${a}-L${b}`);
- return;
- }
- }
- $select.addClass('active');
- changeHash(`#${$select.attr('rel')}`);
- }
-
- $(() => {
- // Warn users that try to leave a page after entering data into a form.
- // Except on sign-in pages, and for forms marked as 'ignore-dirty'.
- if ($('.user.signin').length === 0) {
- $('form:not(.ignore-dirty)').areYouSure();
- }
-
- // Parse SSH Key
- $('#ssh-key-content').on('change paste keyup', function () {
- const arrays = $(this).val().split(' ');
- const $title = $('#ssh-key-title');
- if ($title.val() === '' && arrays.length === 3 && arrays[2] !== '') {
- $title.val(arrays[2]);
- }
- });
- });
-
- function showDeletePopup() {
- const $this = $(this);
- let filter = '';
- if ($this.attr('id')) {
- filter += `#${$this.attr('id')}`;
- }
-
- const dialog = $(`.delete.modal${filter}`);
- dialog.find('.name').text($this.data('name'));
-
- dialog.modal({
- closable: false,
- onApprove() {
- if ($this.data('type') === 'form') {
- $($this.data('form')).submit();
- return;
- }
-
- $.post($this.data('url'), {
- _csrf: csrf,
- id: $this.data('id')
- }).done((data) => {
- window.location.href = data.redirect;
- });
- }
- }).modal('show');
- return false;
- }
-
- function showAddAllPopup() {
- const $this = $(this);
- let filter = '';
- if ($this.attr('id')) {
- filter += `#${$this.attr('id')}`;
- }
-
- const dialog = $(`.addall.modal${filter}`);
- dialog.find('.name').text($this.data('name'));
-
- dialog.modal({
- closable: false,
- onApprove() {
- if ($this.data('type') === 'form') {
- $($this.data('form')).submit();
- return;
- }
-
- $.post($this.data('url'), {
- _csrf: csrf,
- id: $this.data('id')
- }).done((data) => {
- window.location.href = data.redirect;
- });
- }
- }).modal('show');
- return false;
- }
-
- function linkAction(e) {
- e.preventDefault();
- const $this = $(this);
- const redirect = $this.data('redirect');
- $.post($this.data('url'), {
- _csrf: csrf
- }).done((data) => {
- if (data.redirect) {
- window.location.href = data.redirect;
- } else if (redirect) {
- window.location.href = redirect;
- } else {
- window.location.reload();
- }
- });
- }
-
- function linkEmailAction(e) {
- const $this = $(this);
- $('#form-uid').val($this.data('uid'));
- $('#form-email').val($this.data('email'));
- $('#form-primary').val($this.data('primary'));
- $('#form-activate').val($this.data('activate'));
- $('#form-uid').val($this.data('uid'));
- $('#change-email-modal').modal('show');
- e.preventDefault();
- }
-
- function initVueComponents() {
- const vueDelimeters = ['${', '}'];
-
- Vue.component('repo-search', {
- delimiters: vueDelimeters,
-
- props: {
- searchLimit: {
- type: Number,
- default: 10
- },
- suburl: {
- type: String,
- required: true
- },
- uid: {
- type: Number,
- required: true
- },
- organizations: {
- type: Array,
- default: []
- },
- isOrganization: {
- type: Boolean,
- default: true
- },
- canCreateOrganization: {
- type: Boolean,
- default: false
- },
- organizationsTotalCount: {
- type: Number,
- default: 0
- },
- moreReposLink: {
- type: String,
- default: ''
- }
- },
-
- data() {
- return {
- tab: 'repos',
- repos: [],
- reposTotalCount: 0,
- reposFilter: 'all',
- searchQuery: '',
- isLoading: false,
- staticPrefix: StaticUrlPrefix,
- repoTypes: {
- all: {
- count: 0,
- searchMode: '',
- },
- forks: {
- count: 0,
- searchMode: 'fork',
- },
- mirrors: {
- count: 0,
- searchMode: 'mirror',
- },
- sources: {
- count: 0,
- searchMode: 'source',
- },
- collaborative: {
- count: 0,
- searchMode: 'collaborative',
- },
- }
- };
- },
-
- computed: {
- showMoreReposLink() {
- return this.repos.length > 0 && this.repos.length < this.repoTypes[this.reposFilter].count;
- },
- searchURL() {
- return `${this.suburl}/api/v1/repos/search?sort=updated&order=desc&uid=${this.uid}&q=${this.searchQuery
- }&limit=${this.searchLimit}&mode=${this.repoTypes[this.reposFilter].searchMode
- }${this.reposFilter !== 'all' ? '&exclusive=1' : ''}`;
- },
- repoTypeCount() {
- return this.repoTypes[this.reposFilter].count;
- }
- },
-
- mounted() {
- this.searchRepos(this.reposFilter);
-
- const self = this;
- Vue.nextTick(() => {
- self.$refs.search.focus();
- });
- },
-
- methods: {
- changeTab(t) {
- this.tab = t;
- },
-
- changeReposFilter(filter) {
- this.reposFilter = filter;
- this.repos = [];
- this.repoTypes[filter].count = 0;
- this.searchRepos(filter);
- },
-
- showRepo(repo, filter) {
- switch (filter) {
- case 'sources':
- return repo.owner.id === this.uid && !repo.mirror && !repo.fork;
- case 'forks':
- return repo.owner.id === this.uid && !repo.mirror && repo.fork;
- case 'mirrors':
- return repo.mirror;
- case 'collaborative':
- return repo.owner.id !== this.uid && !repo.mirror;
- default:
- return true;
- }
- },
-
- searchRepos(reposFilter) {
- const self = this;
-
- this.isLoading = true;
-
- const searchedMode = this.repoTypes[reposFilter].searchMode;
- const searchedURL = this.searchURL;
- const searchedQuery = this.searchQuery;
-
- $.getJSON(searchedURL, (result, _textStatus, request) => {
- if (searchedURL === self.searchURL) {
- self.repos = result.data;
- const count = request.getResponseHeader('X-Total-Count');
- if (searchedQuery === '' && searchedMode === '') {
- self.reposTotalCount = count;
- }
- self.repoTypes[reposFilter].count = count;
- }
- }).always(() => {
- if (searchedURL === self.searchURL) {
- self.isLoading = false;
- }
- });
- },
-
- repoClass(repo) {
- if (repo.fork) {
- return 'octicon-repo-forked';
- } if (repo.mirror) {
- return 'octicon-repo-clone';
- } if (repo.template) {
- return `octicon-repo-template${repo.private ? '-private' : ''}`;
- } if (repo.private) {
- return 'octicon-lock';
- }
- return 'octicon-repo';
- }
- }
- });
- }
-
- function initCtrlEnterSubmit() {
- $('.js-quick-submit').keydown(function (e) {
- if (((e.ctrlKey && !e.altKey) || e.metaKey) && (e.keyCode === 13 || e.keyCode === 10)) {
- $(this).closest('form').submit();
- }
- });
- }
-
- function initVueApp() {
- const el = document.getElementById('app');
- if (!el) {
- return;
- }
-
- initVueComponents();
-
- new Vue({
- delimiters: ['${', '}'],
- el,
- data: {
- searchLimit: Number((document.querySelector('meta[name=_search_limit]') || {}).content),
- suburl: AppSubUrl,
- uid: Number((document.querySelector('meta[name=_context_uid]') || {}).content),
- activityTopAuthors: window.ActivityTopAuthors || [],
- },
- components: {
- ActivityTopAuthors,
- },
- });
- }
-
- window.timeAddManual = function () {
- $('.mini.modal')
- .modal({
- duration: 200,
- onApprove() {
- $('#add_time_manual_form').submit();
- }
- }).modal('show');
- };
-
- window.toggleStopwatch = function () {
- $('#toggle_stopwatch_form').submit();
- };
- window.cancelStopwatch = function () {
- $('#cancel_stopwatch_form').submit();
- };
-
- function initFilterBranchTagDropdown(selector) {
- $(selector).each(function () {
- const $dropdown = $(this);
- const $data = $dropdown.find('.data');
- const data = {
- items: [],
- mode: $data.data('mode'),
- searchTerm: '',
- noResults: '',
- canCreateBranch: false,
- menuVisible: false,
- active: 0
- };
- $data.find('.item').each(function () {
- data.items.push({
- name: $(this).text(),
- url: $(this).data('url'),
- branch: $(this).hasClass('branch'),
- tag: $(this).hasClass('tag'),
- selected: $(this).hasClass('selected')
- });
- });
- $data.remove();
- new Vue({
- delimiters: ['${', '}'],
- el: this,
- data,
-
- beforeMount() {
- const vm = this;
-
- this.noResults = vm.$el.getAttribute('data-no-results');
- this.canCreateBranch = vm.$el.getAttribute('data-can-create-branch') === 'true';
-
- document.body.addEventListener('click', (event) => {
- if (vm.$el.contains(event.target)) {
- return;
- }
- if (vm.menuVisible) {
- Vue.set(vm, 'menuVisible', false);
- }
- });
- },
-
- watch: {
- menuVisible(visible) {
- if (visible) {
- this.focusSearchField();
- }
- }
- },
-
- computed: {
- filteredItems() {
- const vm = this;
-
- const items = vm.items.filter((item) => {
- return ((vm.mode === 'branches' && item.branch) || (vm.mode === 'tags' && item.tag)) &&
- (!vm.searchTerm || item.name.toLowerCase().includes(vm.searchTerm.toLowerCase()));
- });
-
- vm.active = (items.length === 0 && vm.showCreateNewBranch ? 0 : -1);
-
- return items;
- },
- showNoResults() {
- return this.filteredItems.length === 0 && !this.showCreateNewBranch;
- },
- showCreateNewBranch() {
- const vm = this;
- if (!this.canCreateBranch || !vm.searchTerm || vm.mode === 'tags') {
- return false;
- }
-
- return vm.items.filter((item) => item.name.toLowerCase() === vm.searchTerm.toLowerCase()).length === 0;
- }
- },
-
- methods: {
- selectItem(item) {
- const prev = this.getSelected();
- if (prev !== null) {
- prev.selected = false;
- }
- item.selected = true;
- window.location.href = item.url;
- },
- createNewBranch() {
- if (!this.showCreateNewBranch) {
- return;
- }
- this.$refs.newBranchForm.submit();
- },
- focusSearchField() {
- const vm = this;
- Vue.nextTick(() => {
- vm.$refs.searchField.focus();
- });
- },
- getSelected() {
- for (let i = 0, j = this.items.length; i < j; ++i) {
- if (this.items[i].selected) return this.items[i];
- }
- return null;
- },
- getSelectedIndexInFiltered() {
- for (let i = 0, j = this.filteredItems.length; i < j; ++i) {
- if (this.filteredItems[i].selected) return i;
- }
- return -1;
- },
- scrollToActive() {
- let el = this.$refs[`listItem${this.active}`];
- if (!el || el.length === 0) {
- return;
- }
- if (Array.isArray(el)) {
- el = el[0];
- }
-
- const cont = this.$refs.scrollContainer;
-
- if (el.offsetTop < cont.scrollTop) {
- cont.scrollTop = el.offsetTop;
- } else if (el.offsetTop + el.clientHeight > cont.scrollTop + cont.clientHeight) {
- cont.scrollTop = el.offsetTop + el.clientHeight - cont.clientHeight;
- }
- },
- keydown(event) {
- const vm = this;
- if (event.keyCode === 40) {
- // arrow down
- event.preventDefault();
-
- if (vm.active === -1) {
- vm.active = vm.getSelectedIndexInFiltered();
- }
-
- if (vm.active + (vm.showCreateNewBranch ? 0 : 1) >= vm.filteredItems.length) {
- return;
- }
- vm.active++;
- vm.scrollToActive();
- }
- if (event.keyCode === 38) {
- // arrow up
- event.preventDefault();
-
- if (vm.active === -1) {
- vm.active = vm.getSelectedIndexInFiltered();
- }
-
- if (vm.active <= 0) {
- return;
- }
- vm.active--;
- vm.scrollToActive();
- }
- if (event.keyCode === 13) {
- // enter
- event.preventDefault();
-
- if (vm.active >= vm.filteredItems.length) {
- vm.createNewBranch();
- } else if (vm.active >= 0) {
- vm.selectItem(vm.filteredItems[vm.active]);
- }
- }
- if (event.keyCode === 27) {
- // escape
- event.preventDefault();
- vm.menuVisible = false;
- }
- }
- }
- });
- });
- }
-
- $('.commit-button').click(function (e) {
- e.preventDefault();
- $(this).parent().find('.commit-body').toggle();
- });
-
- function initNavbarContentToggle() {
- const content = $('#navbar');
- const toggle = $('#navbar-expand-toggle');
- let isExpanded = false;
- toggle.click(() => {
- isExpanded = !isExpanded;
- if (isExpanded) {
- content.addClass('shown');
- toggle.addClass('active');
- } else {
- content.removeClass('shown');
- toggle.removeClass('active');
- }
- });
- }
-
- function initTopicbar() {
- const mgrBtn = $('#manage_topic');
- const editDiv = $('#topic_edit');
- const viewDiv = $('#repo-topics');
- const saveBtn = $('#save_topic');
- const topicDropdown = $('#topic_edit .dropdown');
- const topicForm = $('#topic_edit.ui.form');
- const topicPrompts = getPrompts();
-
- mgrBtn.click(() => {
- viewDiv.hide();
- editDiv.css('display', ''); // show Semantic UI Grid
- });
-
- function getPrompts() {
- const hidePrompt = $('div.hide#validate_prompt');
- const prompts = {
- countPrompt: hidePrompt.children('#count_prompt').text(),
- formatPrompt: hidePrompt.children('#format_prompt').text()
- };
- hidePrompt.remove();
- return prompts;
- }
-
- saveBtn.click(() => {
- const topics = $('input[name=topics]').val();
-
- $.post(saveBtn.data('link'), {
- _csrf: csrf,
- topics
- }, (_data, _textStatus, xhr) => {
- if (xhr.responseJSON.status === 'ok') {
- viewDiv.children('.topic').remove();
- if (topics.length) {
- const topicArray = topics.split(',');
-
- const last = viewDiv.children('a').last();
- for (let i = 0; i < topicArray.length; i++) {
- const link = $('<a class="ui repo-topic small label topic"></a>');
- link.attr('href', `${AppSubUrl}/explore/repos?q=${encodeURIComponent(topicArray[i])}&topic=1`);
- link.text(topicArray[i]);
- link.insertBefore(last);
- }
- }
- editDiv.css('display', 'none');
- viewDiv.show();
- }
- }).fail((xhr) => {
- if (xhr.status === 422) {
- if (xhr.responseJSON.invalidTopics.length > 0) {
- topicPrompts.formatPrompt = xhr.responseJSON.message;
-
- const {invalidTopics} = xhr.responseJSON;
- const topicLables = topicDropdown.children('a.ui.label');
-
- topics.split(',').forEach((value, index) => {
- for (let i = 0; i < invalidTopics.length; i++) {
- if (invalidTopics[i] === value) {
- topicLables.eq(index).removeClass('green').addClass('red');
- }
- }
- });
- } else {
- topicPrompts.countPrompt = xhr.responseJSON.message;
- }
- }
- }).always(() => {
- topicForm.form('validate form');
- });
- });
-
- topicDropdown.dropdown({
- allowAdditions: true,
- forceSelection: false,
- fields: {name: 'description', value: 'data-value'},
- saveRemoteData: false,
- label: {
- transition: 'horizontal flip',
- duration: 200,
- variation: false,
- blue: true,
- basic: true,
- },
- className: {
- label: 'ui small label'
- },
- apiSettings: {
- url: `${AppSubUrl}/api/v1/topics/search?q={query}`,
- throttle: 500,
- cache: false,
- onResponse(res) {
- const formattedResponse = {
- success: false,
- results: [],
- };
- const stripTags = function (text) {
- return text.replace(/<[^>]*>?/gm, '');
- };
-
- const query = stripTags(this.urlData.query.trim());
- let found_query = false;
- const current_topics = [];
- topicDropdown.find('div.label.visible.topic,a.label.visible').each((_, e) => { current_topics.push(e.dataset.value) });
-
- if (res.topics) {
- let found = false;
- for (let i = 0; i < res.topics.length; i++) {
- // skip currently added tags
- if (current_topics.includes(res.topics[i].topic_name)) {
- continue;
- }
-
- if (res.topics[i].topic_name.toLowerCase() === query.toLowerCase()) {
- found_query = true;
- }
- formattedResponse.results.push({description: res.topics[i].topic_name, 'data-value': res.topics[i].topic_name});
- found = true;
- }
- formattedResponse.success = found;
- }
-
- if (query.length > 0 && !found_query) {
- formattedResponse.success = true;
- formattedResponse.results.unshift({description: query, 'data-value': query});
- } else if (query.length > 0 && found_query) {
- formattedResponse.results.sort((a, b) => {
- if (a.description.toLowerCase() === query.toLowerCase()) return -1;
- if (b.description.toLowerCase() === query.toLowerCase()) return 1;
- if (a.description > b.description) return -1;
- if (a.description < b.description) return 1;
- return 0;
- });
- }
-
- return formattedResponse;
- },
- },
- onLabelCreate(value) {
- value = value.toLowerCase().trim();
- this.attr('data-value', value).contents().first().replaceWith(value);
- return $(this);
- },
- onAdd(addedValue, _addedText, $addedChoice) {
- addedValue = addedValue.toLowerCase().trim();
- $($addedChoice).attr('data-value', addedValue);
- $($addedChoice).attr('data-text', addedValue);
- }
- });
-
- $.fn.form.settings.rules.validateTopic = function (_values, regExp) {
- const topics = topicDropdown.children('a.ui.label');
- const status = topics.length === 0 || topics.last().attr('data-value').match(regExp);
- if (!status) {
- topics.last().removeClass('green').addClass('red');
- }
- return status && topicDropdown.children('a.ui.label.red').length === 0;
- };
-
- topicForm.form({
- on: 'change',
- inline: true,
- fields: {
- topics: {
- identifier: 'topics',
- rules: [
- {
- type: 'validateTopic',
- value: /^[a-z0-9][a-z0-9-]{0,35}$/,
- prompt: topicPrompts.formatPrompt
- },
- {
- type: 'maxCount[25]',
- prompt: topicPrompts.countPrompt
- }
- ]
- },
- }
- });
- }
-
- window.toggleDeadlineForm = function () {
- $('#deadlineForm').fadeToggle(150);
- };
-
- window.setDeadline = function () {
- const deadline = $('#deadlineDate').val();
- window.updateDeadline(deadline);
- };
-
- window.updateDeadline = function (deadlineString) {
- $('#deadline-err-invalid-date').hide();
- $('#deadline-loader').addClass('loading');
-
- let realDeadline = null;
- if (deadlineString !== '') {
- const newDate = Date.parse(deadlineString);
-
- if (Number.isNaN(newDate)) {
- $('#deadline-loader').removeClass('loading');
- $('#deadline-err-invalid-date').show();
- return false;
- }
- realDeadline = new Date(newDate);
- }
-
- $.ajax(`${$('#update-issue-deadline-form').attr('action')}/deadline`, {
- data: JSON.stringify({
- due_date: realDeadline,
- }),
- headers: {
- 'X-Csrf-Token': csrf,
- 'X-Remote': true,
- },
- contentType: 'application/json',
- type: 'POST',
- success() {
- reload();
- },
- error() {
- $('#deadline-loader').removeClass('loading');
- $('#deadline-err-invalid-date').show();
- }
- });
- };
-
- window.deleteDependencyModal = function (id, type) {
- $('.remove-dependency')
- .modal({
- closable: false,
- duration: 200,
- onApprove() {
- $('#removeDependencyID').val(id);
- $('#dependencyType').val(type);
- $('#removeDependencyForm').submit();
- }
- }).modal('show');
- };
-
- function initIssueList() {
- const repolink = $('#repolink').val();
- const repoId = $('#repoId').val();
- const crossRepoSearch = $('#crossRepoSearch').val();
- const tp = $('#type').val();
- let issueSearchUrl = `${AppSubUrl}/api/v1/repos/${repolink}/issues?q={query}&type=${tp}`;
- if (crossRepoSearch === 'true') {
- issueSearchUrl = `${AppSubUrl}/api/v1/repos/issues/search?q={query}&priority_repo_id=${repoId}&type=${tp}`;
- }
- $('#new-dependency-drop-list')
- .dropdown({
- apiSettings: {
- url: issueSearchUrl,
- onResponse(response) {
- const filteredResponse = {success: true, results: []};
- const currIssueId = $('#new-dependency-drop-list').data('issue-id');
- // Parse the response from the api to work with our dropdown
- $.each(response, (_i, issue) => {
- // Don't list current issue in the dependency list.
- if (issue.id === currIssueId) {
- return;
- }
- filteredResponse.results.push({
- name: `#${issue.number} ${htmlEncode(issue.title)
- }<div class="text small dont-break-out">${htmlEncode(issue.repository.full_name)}</div>`,
- value: issue.id
- });
- });
- return filteredResponse;
- },
- cache: false,
- },
-
- fullTextSearch: true
- });
-
- $('.menu a.label-filter-item').each(function () {
- $(this).click(function (e) {
- if (e.altKey) {
- e.preventDefault();
-
- const href = $(this).attr('href');
- const id = $(this).data('label-id');
-
- const regStr = `labels=(-?[0-9]+%2c)*(${id})(%2c-?[0-9]+)*&`;
- const newStr = 'labels=$1-$2$3&';
-
- window.location = href.replace(new RegExp(regStr), newStr);
- }
- });
- });
-
- $('.menu .ui.dropdown.label-filter').keydown((e) => {
- if (e.altKey && e.keyCode === 13) {
- const selectedItems = $('.menu .ui.dropdown.label-filter .menu .item.selected');
-
- if (selectedItems.length > 0) {
- const item = $(selectedItems[0]);
-
- const href = item.attr('href');
- const id = item.data('label-id');
-
- const regStr = `labels=(-?[0-9]+%2c)*(${id})(%2c-?[0-9]+)*&`;
- const newStr = 'labels=$1-$2$3&';
-
- window.location = href.replace(new RegExp(regStr), newStr);
- }
- }
- });
- }
- window.cancelCodeComment = function (btn) {
- const form = $(btn).closest('form');
- if (form.length > 0 && form.hasClass('comment-form')) {
- form.addClass('hide');
- form.parent().find('button.comment-form-reply').show();
- } else {
- form.closest('.comment-code-cloud').remove();
- }
- };
-
- window.submitReply = function (btn) {
- const form = $(btn).closest('form');
- if (form.length > 0 && form.hasClass('comment-form')) {
- form.submit();
- }
- };
-
- window.onOAuthLoginClick = function () {
- const oauthLoader = $('#oauth2-login-loader');
- const oauthNav = $('#oauth2-login-navigator');
-
- oauthNav.hide();
- oauthLoader.removeClass('disabled');
-
- setTimeout(() => {
- // recover previous content to let user try again
- // usually redirection will be performed before this action
- oauthLoader.addClass('disabled');
- oauthNav.show();
- }, 5000);
- };
-
- // Pull SVGs via AJAX to workaround CORS issues with <use> tags
- // https://css-tricks.com/ajaxing-svg-sprite/
- $.get(`${window.config.StaticUrlPrefix}/img/svg/icons.svg`, (data) => {
- const div = document.createElement('div');
- div.style.display = 'none';
- div.innerHTML = new XMLSerializer().serializeToString(data.documentElement);
- document.body.insertBefore(div, document.body.childNodes[0]);
- });
|