gogs.js 52 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571
  1. 'use strict';
  2. var csrf;
  3. var suburl;
  4. function initCommentPreviewTab($form) {
  5. var $tabMenu = $form.find('.tabular.menu');
  6. $tabMenu.find('.item').tab();
  7. $tabMenu.find('.item[data-tab="' + $tabMenu.data('preview') + '"]').click(function () {
  8. var $this = $(this);
  9. $.post($this.data('url'), {
  10. "_csrf": csrf,
  11. "mode": "gfm",
  12. "context": $this.data('context'),
  13. "text": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
  14. },
  15. function (data) {
  16. var $previewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('preview') + '"]');
  17. $previewPanel.html(data);
  18. emojify.run($previewPanel[0]);
  19. $('pre code', $previewPanel[0]).each(function (i, block) {
  20. hljs.highlightBlock(block);
  21. });
  22. }
  23. );
  24. });
  25. buttonsClickOnEnter();
  26. }
  27. var previewFileModes;
  28. function initEditPreviewTab($form) {
  29. var $tabMenu = $form.find('.tabular.menu');
  30. $tabMenu.find('.item').tab();
  31. var $previewTab = $tabMenu.find('.item[data-tab="' + $tabMenu.data('preview') + '"]');
  32. if ($previewTab.length) {
  33. previewFileModes = $previewTab.data('preview-file-modes').split(',');
  34. $previewTab.click(function () {
  35. var $this = $(this);
  36. $.post($this.data('url'), {
  37. "_csrf": csrf,
  38. "mode": "gfm",
  39. "context": $this.data('context'),
  40. "text": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
  41. },
  42. function (data) {
  43. var $previewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('preview') + '"]');
  44. $previewPanel.html(data);
  45. emojify.run($previewPanel[0]);
  46. $('pre code', $previewPanel[0]).each(function (i, block) {
  47. hljs.highlightBlock(block);
  48. });
  49. }
  50. );
  51. });
  52. }
  53. }
  54. function initEditDiffTab($form) {
  55. var $tabMenu = $form.find('.tabular.menu');
  56. $tabMenu.find('.item').tab();
  57. $tabMenu.find('.item[data-tab="' + $tabMenu.data('diff') + '"]').click(function () {
  58. var $this = $(this);
  59. $.post($this.data('url'), {
  60. "_csrf": csrf,
  61. "content": $form.find('.tab.segment[data-tab="' + $tabMenu.data('write') + '"] textarea').val()
  62. },
  63. function (data) {
  64. var $diffPreviewPanel = $form.find('.tab.segment[data-tab="' + $tabMenu.data('diff') + '"]');
  65. $diffPreviewPanel.html(data);
  66. emojify.run($diffPreviewPanel[0]);
  67. }
  68. );
  69. });
  70. }
  71. function initEditForm() {
  72. if ($('.edit.form').length == 0) {
  73. return;
  74. }
  75. initEditPreviewTab($('.edit.form'));
  76. initEditDiffTab($('.edit.form'));
  77. }
  78. function initCommentForm() {
  79. if ($('.comment.form').length == 0) {
  80. return
  81. }
  82. initCommentPreviewTab($('.comment.form'));
  83. // Labels
  84. var $list = $('.ui.labels.list');
  85. var $noSelect = $list.find('.no-select');
  86. var $labelMenu = $('.select-label .menu');
  87. var hasLabelUpdateAction = $labelMenu.data('action') == 'update';
  88. function updateIssueMeta(url, action, id) {
  89. $.post(url, {
  90. "_csrf": csrf,
  91. "action": action,
  92. "id": id
  93. });
  94. }
  95. // Add   to each unselected label to keep UI looks good.
  96. // This should be added directly to HTML but somehow just get empty <span> on this page.
  97. $labelMenu.find('.item:not(.no-select) .octicon:not(.octicon-check)').each(function () {
  98. $(this).html('&nbsp;');
  99. });
  100. $labelMenu.find('.item:not(.no-select)').click(function () {
  101. if ($(this).hasClass('checked')) {
  102. $(this).removeClass('checked');
  103. $(this).find('.octicon').removeClass('octicon-check').html('&nbsp;');
  104. if (hasLabelUpdateAction) {
  105. updateIssueMeta($labelMenu.data('update-url'), "detach", $(this).data('id'));
  106. }
  107. } else {
  108. $(this).addClass('checked');
  109. $(this).find('.octicon').addClass('octicon-check').html('');
  110. if (hasLabelUpdateAction) {
  111. updateIssueMeta($labelMenu.data('update-url'), "attach", $(this).data('id'));
  112. }
  113. }
  114. var labelIds = "";
  115. $(this).parent().find('.item').each(function () {
  116. if ($(this).hasClass('checked')) {
  117. labelIds += $(this).data('id') + ",";
  118. $($(this).data('id-selector')).removeClass('hide');
  119. } else {
  120. $($(this).data('id-selector')).addClass('hide');
  121. }
  122. });
  123. if (labelIds.length == 0) {
  124. $noSelect.removeClass('hide');
  125. } else {
  126. $noSelect.addClass('hide');
  127. }
  128. $($(this).parent().data('id')).val(labelIds);
  129. return false;
  130. });
  131. $labelMenu.find('.no-select.item').click(function () {
  132. if (hasLabelUpdateAction) {
  133. updateIssueMeta($labelMenu.data('update-url'), "clear", '');
  134. }
  135. $(this).parent().find('.item').each(function () {
  136. $(this).removeClass('checked');
  137. $(this).find('.octicon').removeClass('octicon-check').html('&nbsp;');
  138. });
  139. $list.find('.item').each(function () {
  140. $(this).addClass('hide');
  141. });
  142. $noSelect.removeClass('hide');
  143. $($(this).parent().data('id')).val('');
  144. });
  145. function selectItem(select_id, input_id) {
  146. var $menu = $(select_id + ' .menu');
  147. var $list = $('.ui' + select_id + '.list');
  148. var hasUpdateAction = $menu.data('action') == 'update';
  149. $menu.find('.item:not(.no-select)').click(function () {
  150. $(this).parent().find('.item').each(function () {
  151. $(this).removeClass('selected active')
  152. });
  153. $(this).addClass('selected active');
  154. if (hasUpdateAction) {
  155. updateIssueMeta($menu.data('update-url'), '', $(this).data('id'));
  156. }
  157. switch (input_id) {
  158. case '#milestone_id':
  159. $list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
  160. $(this).text() + '</a>');
  161. break;
  162. case '#assignee_id':
  163. $list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
  164. '<img class="ui avatar image" src=' + $(this).data('avatar') + '>' +
  165. $(this).text() + '</a>');
  166. }
  167. $('.ui' + select_id + '.list .no-select').addClass('hide');
  168. $(input_id).val($(this).data('id'));
  169. });
  170. $menu.find('.no-select.item').click(function () {
  171. $(this).parent().find('.item:not(.no-select)').each(function () {
  172. $(this).removeClass('selected active')
  173. });
  174. if (hasUpdateAction) {
  175. updateIssueMeta($menu.data('update-url'), '', '');
  176. }
  177. $list.find('.selected').html('');
  178. $list.find('.no-select').removeClass('hide');
  179. $(input_id).val('');
  180. });
  181. }
  182. // Milestone and assignee
  183. selectItem('.select-milestone', '#milestone_id');
  184. selectItem('.select-assignee', '#assignee_id');
  185. }
  186. function initRepository() {
  187. if ($('.repository').length == 0) {
  188. return;
  189. }
  190. function initFilterSearchDropdown(selector) {
  191. var $dropdown = $(selector);
  192. $dropdown.dropdown({
  193. fullTextSearch: true,
  194. onChange: function (text, value, $choice) {
  195. window.location.href = $choice.data('url');
  196. console.log($choice.data('url'))
  197. },
  198. message: { noResults: $dropdown.data('no-results') }
  199. });
  200. }
  201. // File list and commits
  202. if ($('.repository.file.list').length > 0 ||
  203. ('.repository.commits').length > 0) {
  204. initFilterSearchDropdown('.choose.reference .dropdown');
  205. $('.reference.column').click(function () {
  206. $('.choose.reference .scrolling.menu').css('display', 'none');
  207. $('.choose.reference .text').removeClass('black');
  208. $($(this).data('target')).css('display', 'block');
  209. $(this).find('.text').addClass('black');
  210. return false;
  211. });
  212. }
  213. // Wiki
  214. if ($('.repository.wiki.view').length > 0) {
  215. initFilterSearchDropdown('.choose.page .dropdown');
  216. }
  217. // Options
  218. if ($('.repository.settings.options').length > 0) {
  219. $('#repo_name').keyup(function () {
  220. var $prompt = $('#repo-name-change-prompt');
  221. if ($(this).val().toString().toLowerCase() != $(this).data('repo-name').toString().toLowerCase()) {
  222. $prompt.show();
  223. } else {
  224. $prompt.hide();
  225. }
  226. });
  227. }
  228. // Branches
  229. if ($('.repository.settings.branches').length > 0) {
  230. initFilterSearchDropdown('.protected-branches .dropdown');
  231. $('.enable-protection, .enable-whitelist').change(function () {
  232. if (this.checked) {
  233. $($(this).data('target')).removeClass('disabled');
  234. } else {
  235. $($(this).data('target')).addClass('disabled');
  236. }
  237. });
  238. }
  239. // Labels
  240. if ($('.repository.labels').length > 0) {
  241. // Create label
  242. var $newLabelPanel = $('.new-label.segment');
  243. $('.new-label.button').click(function () {
  244. $newLabelPanel.show();
  245. });
  246. $('.new-label.segment .cancel').click(function () {
  247. $newLabelPanel.hide();
  248. });
  249. $('.color-picker').each(function () {
  250. $(this).minicolors();
  251. });
  252. $('.precolors .color').click(function () {
  253. var color_hex = $(this).data('color-hex');
  254. $('.color-picker').val(color_hex);
  255. $('.minicolors-swatch-color').css("background-color", color_hex);
  256. });
  257. $('.edit-label-button').click(function () {
  258. $('#label-modal-id').val($(this).data('id'));
  259. $('.edit-label .new-label-input').val($(this).data('title'));
  260. $('.edit-label .color-picker').val($(this).data('color'));
  261. $('.minicolors-swatch-color').css("background-color", $(this).data('color'));
  262. $('.edit-label.modal').modal({
  263. onApprove: function () {
  264. $('.edit-label.form').submit();
  265. }
  266. }).modal('show');
  267. return false;
  268. });
  269. }
  270. // Milestones
  271. if ($('.repository.milestones').length > 0) {
  272. }
  273. if ($('.repository.new.milestone').length > 0) {
  274. var $datepicker = $('.milestone.datepicker');
  275. $datepicker.datetimepicker({
  276. lang: $datepicker.data('lang'),
  277. inline: true,
  278. timepicker: false,
  279. startDate: $datepicker.data('start-date'),
  280. formatDate: 'Y-m-d',
  281. onSelectDate: function (ct) {
  282. $('#deadline').val(ct.dateFormat('Y-m-d'));
  283. }
  284. });
  285. $('#clear-date').click(function () {
  286. $('#deadline').val('');
  287. return false;
  288. });
  289. }
  290. // Issues
  291. if ($('.repository.view.issue').length > 0) {
  292. // Edit issue title
  293. var $issueTitle = $('#issue-title');
  294. var $editInput = $('#edit-title-input').find('input');
  295. var editTitleToggle = function () {
  296. $issueTitle.toggle();
  297. $('.not-in-edit').toggle();
  298. $('#edit-title-input').toggle();
  299. $('.in-edit').toggle();
  300. $editInput.focus();
  301. return false;
  302. };
  303. $('#edit-title').click(editTitleToggle);
  304. $('#cancel-edit-title').click(editTitleToggle);
  305. $('#save-edit-title').click(editTitleToggle).click(function () {
  306. if ($editInput.val().length == 0 ||
  307. $editInput.val() == $issueTitle.text()) {
  308. $editInput.val($issueTitle.text());
  309. return false;
  310. }
  311. $.post($(this).data('update-url'), {
  312. "_csrf": csrf,
  313. "title": $editInput.val()
  314. },
  315. function (data) {
  316. $editInput.val(data.title);
  317. $issueTitle.text(data.title);
  318. });
  319. return false;
  320. });
  321. // Edit issue or comment content
  322. $('.edit-content').click(function () {
  323. var $segment = $(this).parent().parent().parent().next();
  324. var $editContentZone = $segment.find('.edit-content-zone');
  325. var $renderContent = $segment.find('.render-content');
  326. var $rawContent = $segment.find('.raw-content');
  327. var $textarea;
  328. // Setup new form
  329. if ($editContentZone.html().length == 0) {
  330. $editContentZone.html($('#edit-content-form').html());
  331. $textarea = $segment.find('textarea');
  332. // Give new write/preview data-tab name to distinguish from others
  333. var $editContentForm = $editContentZone.find('.ui.comment.form');
  334. var $tabMenu = $editContentForm.find('.tabular.menu');
  335. $tabMenu.attr('data-write', $editContentZone.data('write'));
  336. $tabMenu.attr('data-preview', $editContentZone.data('preview'));
  337. $tabMenu.find('.write.item').attr('data-tab', $editContentZone.data('write'));
  338. $tabMenu.find('.preview.item').attr('data-tab', $editContentZone.data('preview'));
  339. $editContentForm.find('.write.segment').attr('data-tab', $editContentZone.data('write'));
  340. $editContentForm.find('.preview.segment').attr('data-tab', $editContentZone.data('preview'));
  341. initCommentPreviewTab($editContentForm);
  342. $editContentZone.find('.cancel.button').click(function () {
  343. $renderContent.show();
  344. $editContentZone.hide();
  345. });
  346. $editContentZone.find('.save.button').click(function () {
  347. $renderContent.show();
  348. $editContentZone.hide();
  349. $.post($editContentZone.data('update-url'), {
  350. "_csrf": csrf,
  351. "content": $textarea.val(),
  352. "context": $editContentZone.data('context')
  353. },
  354. function (data) {
  355. if (data.length == 0) {
  356. $renderContent.html($('#no-content').html());
  357. } else {
  358. $renderContent.html(data.content);
  359. emojify.run($renderContent[0]);
  360. $('pre code', $renderContent[0]).each(function (i, block) {
  361. hljs.highlightBlock(block);
  362. });
  363. }
  364. });
  365. });
  366. } else {
  367. $textarea = $segment.find('textarea');
  368. }
  369. // Show write/preview tab and copy raw content as needed
  370. $editContentZone.show();
  371. $renderContent.hide();
  372. if ($textarea.val().length == 0) {
  373. $textarea.val($rawContent.text());
  374. }
  375. $textarea.focus();
  376. return false;
  377. });
  378. // Delete comment
  379. $('.delete-comment').click(function () {
  380. var $this = $(this);
  381. if (confirm($this.data('locale'))) {
  382. $.post($this.data('url'), {
  383. "_csrf": csrf
  384. }).success(function () {
  385. $('#' + $this.data('comment-id')).remove();
  386. });
  387. }
  388. return false;
  389. });
  390. // Change status
  391. var $statusButton = $('#status-button');
  392. $('#comment-form .edit_area').keyup(function () {
  393. if ($(this).val().length == 0) {
  394. $statusButton.text($statusButton.data('status'))
  395. } else {
  396. $statusButton.text($statusButton.data('status-and-comment'))
  397. }
  398. });
  399. $statusButton.click(function () {
  400. $('#status').val($statusButton.data('status-val'));
  401. $('#comment-form').submit();
  402. });
  403. }
  404. // Diff
  405. if ($('.repository.diff').length > 0) {
  406. var $counter = $('.diff-counter');
  407. if ($counter.length >= 1) {
  408. $counter.each(function (i, item) {
  409. var $item = $(item);
  410. var addLine = $item.find('span[data-line].add').data("line");
  411. var delLine = $item.find('span[data-line].del').data("line");
  412. var addPercent = parseFloat(addLine) / (parseFloat(addLine) + parseFloat(delLine)) * 100;
  413. $item.find(".bar .add").css("width", addPercent + "%");
  414. });
  415. }
  416. $('.diff-file-box .lines-num').click(function () {
  417. if ($(this).attr('id')) {
  418. window.location.href = '#' + $(this).attr('id');
  419. }
  420. });
  421. $(window).on('hashchange', function (e) {
  422. $('.diff-file-box .lines-code.active').removeClass('active');
  423. var m = window.location.hash.match(/^#diff-.+$/);
  424. if (m) {
  425. $(m[0]).siblings('.lines-code').addClass('active');
  426. }
  427. }).trigger('hashchange');
  428. }
  429. // Quick start and repository home
  430. $('#repo-clone-ssh').click(function () {
  431. $('.clone-url').text($(this).data('link'));
  432. $('#repo-clone-url').val($(this).data('link'));
  433. $(this).addClass('blue');
  434. $('#repo-clone-https').removeClass('blue');
  435. $('#repo-clone-gin').removeClass('blue');
  436. localStorage.setItem('repo-clone-protocol', 'ssh');
  437. });
  438. $('#repo-clone-https').click(function () {
  439. $('.clone-url').text($(this).data('link'));
  440. $('#repo-clone-url').val($(this).data('link'));
  441. $(this).addClass('blue');
  442. $('#repo-clone-ssh').removeClass('blue');
  443. $('#repo-clone-gin').removeClass('blue');
  444. localStorage.setItem('repo-clone-protocol', 'https');
  445. });
  446. $('#repo-clone-gin').click(function () {
  447. $('.clone-url').text($(this).data('link'));
  448. $('#repo-clone-url').val($(this).data('link'));
  449. $(this).addClass('blue');
  450. $('#repo-clone-ssh').removeClass('blue');
  451. $('#repo-clone-https').removeClass('blue');
  452. localStorage.setItem('repo-clone-protocol', 'gin');
  453. });
  454. $('#repo-clone-url').click(function () {
  455. $(this).select();
  456. });
  457. // Pull request
  458. if ($('.repository.compare.pull').length > 0) {
  459. initFilterSearchDropdown('.choose.branch .dropdown');
  460. }
  461. if ($('.repository.view.pull').length > 0) {
  462. $('.comment.merge.box input[name=merge_style]').change(function () {
  463. if ($(this).val() === 'create_merge_commit') {
  464. $('.commit.description.field').show();
  465. } else {
  466. $('.commit.description.field').hide();
  467. }
  468. })
  469. }
  470. }
  471. function initWikiForm() {
  472. var $editArea = $('.repository.wiki textarea#edit_area');
  473. if ($editArea.length > 0) {
  474. new SimpleMDE({
  475. autoDownloadFontAwesome: false,
  476. element: $editArea[0],
  477. forceSync: true,
  478. previewRender: function (plainText, preview) { // Async method
  479. setTimeout(function () {
  480. // FIXME: still send render request when return back to edit mode
  481. $.post($editArea.data('url'), {
  482. "_csrf": csrf,
  483. "mode": "gfm",
  484. "context": $editArea.data('context'),
  485. "text": plainText
  486. },
  487. function (data) {
  488. preview.innerHTML = '<div class="markdown">' + data + '</div>';
  489. emojify.run($('.editor-preview')[0]);
  490. }
  491. );
  492. }, 0);
  493. return "Loading...";
  494. },
  495. renderingConfig: {
  496. singleLineBreaks: false
  497. },
  498. indentWithTabs: false,
  499. tabSize: 4,
  500. spellChecker: false,
  501. toolbar: ["bold", "italic", "strikethrough", "|",
  502. "heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
  503. "code", "quote", "|",
  504. "unordered-list", "ordered-list", "|",
  505. "link", "image", "table", "horizontal-rule", "|",
  506. "clean-block", "preview", "fullscreen"]
  507. })
  508. }
  509. }
  510. var simpleMDEditor;
  511. var codeMirrorEditor;
  512. // For IE
  513. String.prototype.endsWith = function (pattern) {
  514. var d = this.length - pattern.length;
  515. return d >= 0 && this.lastIndexOf(pattern) === d;
  516. };
  517. // Adding function to get the cursor position in a text field to jQuery object.
  518. (function ($, undefined) {
  519. $.fn.getCursorPosition = function () {
  520. var el = $(this).get(0);
  521. var pos = 0;
  522. if ('selectionStart' in el) {
  523. pos = el.selectionStart;
  524. } else if ('selection' in document) {
  525. el.focus();
  526. var Sel = document.selection.createRange();
  527. var SelLength = document.selection.createRange().text.length;
  528. Sel.moveStart('character', -el.value.length);
  529. pos = Sel.text.length - SelLength;
  530. }
  531. return pos;
  532. }
  533. })(jQuery);
  534. function setSimpleMDE($editArea) {
  535. if (codeMirrorEditor) {
  536. codeMirrorEditor.toTextArea();
  537. codeMirrorEditor = null;
  538. }
  539. if (simpleMDEditor) {
  540. return true;
  541. }
  542. simpleMDEditor = new SimpleMDE({
  543. autoDownloadFontAwesome: false,
  544. element: $editArea[0],
  545. forceSync: true,
  546. renderingConfig: {
  547. singleLineBreaks: false
  548. },
  549. indentWithTabs: false,
  550. tabSize: 4,
  551. spellChecker: false,
  552. previewRender: function (plainText, preview) { // Async method
  553. setTimeout(function () {
  554. // FIXME: still send render request when return back to edit mode
  555. $.post($editArea.data('url'), {
  556. "_csrf": csrf,
  557. "mode": "gfm",
  558. "context": $editArea.data('context'),
  559. "text": plainText
  560. },
  561. function (data) {
  562. preview.innerHTML = '<div class="markdown">' + data + '</div>';
  563. emojify.run($('.editor-preview')[0]);
  564. }
  565. );
  566. }, 0);
  567. return "Loading...";
  568. },
  569. toolbar: ["bold", "italic", "strikethrough", "|",
  570. "heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
  571. "code", "quote", "|",
  572. "unordered-list", "ordered-list", "|",
  573. "link", "image", "table", "horizontal-rule", "|",
  574. "clean-block"]
  575. });
  576. return true;
  577. }
  578. function setCodeMirror($editArea) {
  579. if (simpleMDEditor) {
  580. simpleMDEditor.toTextArea();
  581. simpleMDEditor = null;
  582. }
  583. if (codeMirrorEditor) {
  584. return true;
  585. }
  586. codeMirrorEditor = CodeMirror.fromTextArea($editArea[0], {
  587. lineNumbers: true
  588. });
  589. codeMirrorEditor.on("change", function (cm, change) {
  590. $editArea.val(cm.getValue());
  591. });
  592. codeMirrorEditor.on("keyup", function (cm, change) {
  593. if (typeof (jsonEditor)!== 'undefined') {
  594. try {
  595. jsonEditor.set(JSON.parse(cm.getValue()));
  596. document.getElementById("parseerr").innerHTML = "Valid JSON";
  597. document.getElementById("parseerr").className="ui positive message"
  598. }
  599. catch(err) {
  600. document.getElementById("parseerr").innerHTML = err.message;
  601. document.getElementById("parseerr").className="ui negative message"
  602. }
  603. }
  604. if (typeof (yamleditor)!== 'undefined') {
  605. try {
  606. yamleditor.set(YAML.parse(cm.getValue()));
  607. document.getElementById("parseerr").innerHTML = "Valid YAML";
  608. document.getElementById("parseerr").className="ui positive message"
  609. }
  610. catch(err) {
  611. document.getElementById("parseerr").innerHTML = err.message;
  612. document.getElementById("parseerr").className="ui negative message"
  613. }
  614. }
  615. });
  616. return true;
  617. }
  618. function initEditor() {
  619. $('.js-quick-pull-choice-option').change(function () {
  620. if ($(this).val() == 'commit-to-new-branch') {
  621. $('.quick-pull-branch-name').show();
  622. $('.quick-pull-branch-name input').prop('required', true);
  623. } else {
  624. $('.quick-pull-branch-name').hide();
  625. $('.quick-pull-branch-name input').prop('required', false);
  626. }
  627. });
  628. var $editFilename = $("#file-name");
  629. $editFilename.keyup(function (e) {
  630. var $section = $('.breadcrumb span.section');
  631. var $divider = $('.breadcrumb div.divider');
  632. if (e.keyCode == 8) {
  633. if ($(this).getCursorPosition() == 0) {
  634. if ($section.length > 0) {
  635. var value = $section.last().find('a').text();
  636. $(this).val(value + $(this).val());
  637. $(this)[0].setSelectionRange(value.length, value.length);
  638. $section.last().remove();
  639. $divider.last().remove();
  640. }
  641. }
  642. }
  643. if (e.keyCode == 191) {
  644. var parts = $(this).val().split('/');
  645. for (var i = 0; i < parts.length; ++i) {
  646. var value = parts[i];
  647. if (i < parts.length - 1) {
  648. if (value.length) {
  649. $('<span class="section"><a href="#">' + value + '</a></span>').insertBefore($(this));
  650. $('<div class="divider"> / </div>').insertBefore($(this));
  651. }
  652. }
  653. else {
  654. $(this).val(value);
  655. }
  656. $(this)[0].setSelectionRange(0, 0);
  657. }
  658. }
  659. var parts = [];
  660. $('.breadcrumb span.section').each(function (i, element) {
  661. element = $(element);
  662. if (element.find('a').length) {
  663. parts.push(element.find('a').text());
  664. } else {
  665. parts.push(element.text());
  666. }
  667. });
  668. if ($(this).val()) {
  669. parts.push($(this).val());
  670. }
  671. var tree_path = parts.join('/');
  672. $('#tree_path').val(tree_path);
  673. $('#preview-tab').data('context', $('#preview-tab').data('root-context') + tree_path.substring(0, tree_path.lastIndexOf("/") + 1));
  674. }).trigger('keyup');
  675. var $editArea = $('.repository.editor textarea#edit_area');
  676. if (!$editArea.length)
  677. return;
  678. var markdownFileExts = $editArea.data("markdown-file-exts").split(",");
  679. var lineWrapExtensions = $editArea.data("line-wrap-extensions").split(",");
  680. $editFilename.on("keyup", function (e) {
  681. var val = $editFilename.val(), m, mode, spec, extension, extWithDot, previewLink, dataUrl, apiCall;
  682. extension = extWithDot = "";
  683. if (m = /.+\.([^.]+)$/.exec(val)) {
  684. extension = m[1];
  685. extWithDot = "." + extension;
  686. }
  687. var info = CodeMirror.findModeByExtension(extension);
  688. previewLink = $('a[data-tab=preview]');
  689. if (info) {
  690. mode = info.mode;
  691. spec = info.mime;
  692. apiCall = mode;
  693. }
  694. else {
  695. apiCall = extension
  696. }
  697. if (previewLink.length && apiCall && previewFileModes && previewFileModes.length && previewFileModes.indexOf(apiCall) >= 0) {
  698. dataUrl = previewLink.data('url');
  699. previewLink.data('url', dataUrl.replace(/(.*)\/.*/i, '$1/' + mode));
  700. previewLink.show();
  701. }
  702. else {
  703. previewLink.hide();
  704. }
  705. // If this file is a Markdown extensions, we will load that editor and return
  706. if (markdownFileExts.indexOf(extWithDot) >= 0) {
  707. if (setSimpleMDE($editArea)) {
  708. return;
  709. }
  710. }
  711. // Else we are going to use CodeMirror
  712. if (!codeMirrorEditor && !setCodeMirror($editArea)) {
  713. return;
  714. }
  715. if (mode) {
  716. codeMirrorEditor.setOption("mode", spec);
  717. CodeMirror.autoLoadMode(codeMirrorEditor, mode);
  718. }
  719. if (lineWrapExtensions.indexOf(extWithDot) >= 0) {
  720. codeMirrorEditor.setOption("lineWrapping", true);
  721. }
  722. else {
  723. codeMirrorEditor.setOption("lineWrapping", false);
  724. }
  725. // get the filename without any folder
  726. var value = $editFilename.val();
  727. if (value.length === 0) {
  728. return;
  729. }
  730. value = value.split('/');
  731. value = value[value.length - 1];
  732. $.getJSON($editFilename.data('ec-url-prefix') + value, function (editorconfig) {
  733. if (editorconfig.indent_style === 'tab') {
  734. codeMirrorEditor.setOption("indentWithTabs", true);
  735. codeMirrorEditor.setOption('extraKeys', {});
  736. } else {
  737. codeMirrorEditor.setOption("indentWithTabs", false);
  738. // required because CodeMirror doesn't seems to use spaces correctly for {"indentWithTabs": false}:
  739. // - https://github.com/codemirror/CodeMirror/issues/988
  740. // - https://codemirror.net/doc/manual.html#keymaps
  741. codeMirrorEditor.setOption('extraKeys', {
  742. Tab: function (cm) {
  743. var spaces = Array(parseInt(cm.getOption("indentUnit")) + 1).join(" ");
  744. cm.replaceSelection(spaces);
  745. }
  746. });
  747. }
  748. codeMirrorEditor.setOption("indentUnit", editorconfig.indent_size || 4);
  749. codeMirrorEditor.setOption("tabSize", editorconfig.tab_width || 4);
  750. });
  751. }).trigger('keyup');
  752. }
  753. function initOrganization() {
  754. if ($('.organization').length == 0) {
  755. return;
  756. }
  757. // Options
  758. if ($('.organization.settings.options').length > 0) {
  759. $('#org_name').keyup(function () {
  760. var $prompt = $('#org-name-change-prompt');
  761. if ($(this).val().toString().toLowerCase() != $(this).data('org-name').toString().toLowerCase()) {
  762. $prompt.show();
  763. } else {
  764. $prompt.hide();
  765. }
  766. });
  767. }
  768. }
  769. function initAdmin() {
  770. if ($('.admin').length == 0) {
  771. return;
  772. }
  773. // New user
  774. if ($('.admin.new.user').length > 0 ||
  775. $('.admin.edit.user').length > 0) {
  776. $('#login_type').change(function () {
  777. if ($(this).val().substring(0, 1) == '0') {
  778. $('#login_name').removeAttr('required');
  779. $('.non-local').hide();
  780. $('.local').show();
  781. $('#user_name').focus();
  782. if ($(this).data('password') == "required") {
  783. $('#password').attr('required', 'required');
  784. }
  785. } else {
  786. $('#login_name').attr('required', 'required');
  787. $('.non-local').show();
  788. $('.local').hide();
  789. $('#login_name').focus();
  790. $('#password').removeAttr('required');
  791. }
  792. });
  793. }
  794. function onSecurityProtocolChange() {
  795. if ($('#security_protocol').val() > 0) {
  796. $('.has-tls').show();
  797. } else {
  798. $('.has-tls').hide();
  799. }
  800. }
  801. // New authentication
  802. if ($('.admin.new.authentication').length > 0) {
  803. $('#auth_type').change(function () {
  804. $('.ldap').hide();
  805. $('.dldap').hide();
  806. $('.smtp').hide();
  807. $('.pam').hide();
  808. $('.github').hide();
  809. $('.has-tls').hide();
  810. var authType = $(this).val();
  811. switch (authType) {
  812. case '2': // LDAP
  813. $('.ldap').show();
  814. break;
  815. case '3': // SMTP
  816. $('.smtp').show();
  817. $('.has-tls').show();
  818. break;
  819. case '4': // PAM
  820. $('.pam').show();
  821. break;
  822. case '5': // LDAP
  823. $('.dldap').show();
  824. break;
  825. case '6': //GITHUB
  826. $('.github').show();
  827. break;
  828. }
  829. if (authType == '2' || authType == '5') {
  830. onSecurityProtocolChange()
  831. }
  832. });
  833. $('#security_protocol').change(onSecurityProtocolChange)
  834. }
  835. // Edit authentication
  836. if ($('.admin.edit.authentication').length > 0) {
  837. var authType = $('#auth_type').val();
  838. if (authType == '2' || authType == '5') {
  839. $('#security_protocol').change(onSecurityProtocolChange);
  840. }
  841. }
  842. // Notice
  843. if ($('.admin.notice')) {
  844. var $detailModal = $('#detail-modal');
  845. // Attach view detail modals
  846. $('.view-detail').click(function () {
  847. $detailModal.find('.content p').text($(this).data('content'));
  848. $detailModal.modal('show');
  849. return false;
  850. });
  851. // Select actions
  852. var $checkboxes = $('.select.table .ui.checkbox');
  853. $('.select.action').click(function () {
  854. switch ($(this).data('action')) {
  855. case 'select-all':
  856. $checkboxes.checkbox('check');
  857. break;
  858. case 'deselect-all':
  859. $checkboxes.checkbox('uncheck');
  860. break;
  861. case 'inverse':
  862. $checkboxes.checkbox('toggle');
  863. break;
  864. }
  865. });
  866. $('#delete-selection').click(function () {
  867. var $this = $(this);
  868. $this.addClass("loading disabled");
  869. var ids = [];
  870. $checkboxes.each(function () {
  871. if ($(this).checkbox('is checked')) {
  872. ids.push($(this).data('id'));
  873. }
  874. });
  875. $.post($this.data('link'), {
  876. "_csrf": csrf,
  877. "ids": ids
  878. }).done(function () {
  879. window.location.href = $this.data('redirect');
  880. });
  881. });
  882. }
  883. }
  884. function buttonsClickOnEnter() {
  885. $('.ui.button').keypress(function (e) {
  886. if (e.keyCode == 13 || e.keyCode == 32) // enter key or space bar
  887. $(this).click();
  888. });
  889. }
  890. function hideWhenLostFocus(body, parent) {
  891. $(document).click(function (e) {
  892. var target = e.target;
  893. if (!$(target).is(body) && !$(target).parents().is(parent)) {
  894. $(body).hide();
  895. }
  896. });
  897. }
  898. function searchUsers() {
  899. if (!$('#search-user-box .results').length) {
  900. return;
  901. }
  902. var $searchUserBox = $('#search-user-box');
  903. var $results = $searchUserBox.find('.results');
  904. $searchUserBox.keyup(function () {
  905. var $this = $(this);
  906. var keyword = $this.find('input').val();
  907. if (keyword.length < 2) {
  908. $results.hide();
  909. return;
  910. }
  911. $.ajax({
  912. url: suburl + '/api/v1/users/search?q=' + keyword,
  913. dataType: "json",
  914. success: function (response) {
  915. var notEmpty = function (str) {
  916. return str && str.length > 0;
  917. };
  918. $results.html('');
  919. if (response.ok && response.data.length) {
  920. var html = '';
  921. $.each(response.data, function (i, item) {
  922. html += '<div class="item"><img class="ui avatar image" src="' + item.avatar_url + '"><span class="username">' + item.username + '</span>';
  923. if (notEmpty(item.full_name)) {
  924. html += ' (' + item.full_name + ')';
  925. }
  926. html += '</div>';
  927. });
  928. $results.html(html);
  929. $this.find('.results .item').click(function () {
  930. $this.find('input').val($(this).find('.username').text());
  931. $results.hide();
  932. });
  933. $results.show();
  934. } else {
  935. $results.hide();
  936. }
  937. }
  938. });
  939. });
  940. $searchUserBox.find('input').focus(function () {
  941. $searchUserBox.keyup();
  942. });
  943. hideWhenLostFocus('#search-user-box .results', '#search-user-box');
  944. }
  945. // FIXME: merge common parts in two functions
  946. function searchRepositories() {
  947. if (!$('#search-repo-box .results').length) {
  948. return;
  949. }
  950. var $searchRepoBox = $('#search-repo-box');
  951. var $results = $searchRepoBox.find('.results');
  952. $searchRepoBox.keyup(function () {
  953. var $this = $(this);
  954. var keyword = $this.find('input').val();
  955. if (keyword.length < 2) {
  956. $results.hide();
  957. return;
  958. }
  959. $.ajax({
  960. url: suburl + '/api/v1/repos/search?q=' + keyword + "&uid=" + $searchRepoBox.data('uid'),
  961. dataType: "json",
  962. success: function (response) {
  963. var notEmpty = function (str) {
  964. return str && str.length > 0;
  965. };
  966. $results.html('');
  967. if (response.ok && response.data.length) {
  968. var html = '';
  969. $.each(response.data, function (i, item) {
  970. html += '<div class="item"><i class="octicon octicon-repo"></i> <span class="fullname">' + item.full_name + '</span></div>';
  971. });
  972. $results.html(html);
  973. $this.find('.results .item').click(function () {
  974. $this.find('input').val($(this).find('.fullname').text().split("/")[1]);
  975. $results.hide();
  976. });
  977. $results.show();
  978. } else {
  979. $results.hide();
  980. }
  981. }
  982. });
  983. });
  984. $searchRepoBox.find('input').focus(function () {
  985. $searchRepoBox.keyup();
  986. });
  987. hideWhenLostFocus('#search-repo-box .results', '#search-repo-box');
  988. }
  989. function initCodeView() {
  990. if ($('.code-view .linenums').length > 0) {
  991. $(document).on('click', '.lines-num span', function (e) {
  992. var $select = $(this);
  993. var $list = $select.parent().siblings('.lines-code').find('ol.linenums > li');
  994. selectRange($list, $list.filter('[rel=' + $select.attr('id') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null));
  995. deSelect();
  996. });
  997. $(window).on('hashchange', function (e) {
  998. var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/);
  999. var $list = $('.code-view ol.linenums > li');
  1000. var $first;
  1001. if (m) {
  1002. $first = $list.filter('.' + m[1]);
  1003. selectRange($list, $first, $list.filter('.' + m[2]));
  1004. $("html, body").scrollTop($first.offset().top - 200);
  1005. return;
  1006. }
  1007. m = window.location.hash.match(/^#(L\d+)$/);
  1008. if (m) {
  1009. $first = $list.filter('.' + m[1]);
  1010. selectRange($list, $first);
  1011. $("html, body").scrollTop($first.offset().top - 200);
  1012. }
  1013. }).trigger('hashchange');
  1014. }
  1015. }
  1016. function initCookieWarn() {
  1017. // Automatically shows on init if cookie isnt set
  1018. if (Cookies.get('cookieok') === undefined) {
  1019. $('.cookie.nag')
  1020. .nag({
  1021. key: 'accepts-cookies',
  1022. value: true
  1023. })
  1024. ;
  1025. $('.nag.close').click(function () {
  1026. Cookies.set('cookieok', true, { expires: 365 })
  1027. })
  1028. }
  1029. }
  1030. function initUserSettings() {
  1031. console.log('initUserSettings');
  1032. // Options
  1033. if ($('.user.settings.profile').length > 0) {
  1034. $('#username').keyup(function () {
  1035. var $prompt = $('#name-change-prompt');
  1036. if ($(this).val().toString().toLowerCase() != $(this).data('name').toString().toLowerCase()) {
  1037. $prompt.show();
  1038. } else {
  1039. $prompt.hide();
  1040. }
  1041. });
  1042. }
  1043. }
  1044. function initRepositoryCollaboration() {
  1045. console.log('initRepositoryCollaboration');
  1046. // Change collaborator access mode
  1047. $('.access-mode.menu .item').click(function () {
  1048. var $menu = $(this).parent();
  1049. $.post($menu.data('url'), {
  1050. "_csrf": csrf,
  1051. "uid": $menu.data('uid'),
  1052. "mode": $(this).data('value')
  1053. })
  1054. });
  1055. }
  1056. function initWebhookSettings() {
  1057. $('.events.checkbox input').change(function () {
  1058. if ($(this).is(':checked')) {
  1059. $('.events.fields').show();
  1060. }
  1061. });
  1062. $('.non-events.checkbox input').change(function () {
  1063. if ($(this).is(':checked')) {
  1064. $('.events.fields').hide();
  1065. }
  1066. });
  1067. // Highlight payload on first click
  1068. $('.hook.history.list .toggle.button').click(function () {
  1069. $($(this).data('target') + ' .nohighlight').each(function () {
  1070. var $this = $(this);
  1071. $this.removeClass('nohighlight');
  1072. setTimeout(function () { hljs.highlightBlock($this[0]) }, 500);
  1073. })
  1074. })
  1075. // Trigger delivery
  1076. $('.delivery.button, .redelivery.button').click(function () {
  1077. var $this = $(this);
  1078. $this.addClass('loading disabled');
  1079. $.post($this.data('link'), {
  1080. "_csrf": csrf
  1081. }).done(
  1082. setTimeout(function () {
  1083. window.location.href = $this.data('redirect');
  1084. }, 5000)
  1085. );
  1086. });
  1087. }
  1088. $(document).ready(function () {
  1089. csrf = $('meta[name=_csrf]').attr("content");
  1090. suburl = $('meta[name=_suburl]').attr("content");
  1091. // Set cursor to the end of autofocus input string
  1092. $('input[autofocus]').each(function () {
  1093. $(this).val($(this).val());
  1094. })
  1095. // Show exact time
  1096. $('.time-since').each(function () {
  1097. $(this).addClass('poping up').attr('data-content', $(this).attr('title')).attr('data-variation', 'inverted tiny').attr('title', '');
  1098. });
  1099. // Semantic UI modules.
  1100. $('.ui.dropdown').dropdown({
  1101. forceSelection: false
  1102. });
  1103. $('.jump.dropdown').dropdown({
  1104. action: 'select',
  1105. onShow: function () {
  1106. $('.poping.up').popup('hide');
  1107. }
  1108. });
  1109. $('.slide.up.dropdown').dropdown({
  1110. transition: 'slide up'
  1111. });
  1112. $('.upward.dropdown').dropdown({
  1113. direction: 'upward'
  1114. });
  1115. $('.ui.accordion').accordion();
  1116. $('.ui.checkbox').checkbox();
  1117. $('.ui.progress').progress({
  1118. showActivity: false
  1119. });
  1120. $('.poping.up').popup();
  1121. $('.top.menu .poping.up').popup({
  1122. onShow: function () {
  1123. if ($('.top.menu .menu.transition').hasClass('visible')) {
  1124. return false;
  1125. }
  1126. }
  1127. });
  1128. $('.tabular.menu .item').tab();
  1129. $('.tabable.menu .item').tab();
  1130. $('.toggle.button').click(function () {
  1131. $($(this).data('target')).slideToggle(100);
  1132. });
  1133. // Highlight JS
  1134. if (typeof hljs != 'undefined') {
  1135. if (typeof(Worker) !== "undefined") {
  1136. addEventListener('load', function () {
  1137. var code = document.querySelector('code');
  1138. var worker = new Worker('/plugins/highlighter.js');
  1139. worker.onmessage = function (event) {
  1140. code.innerHTML = event.data;
  1141. }
  1142. worker.postMessage(code.textContent);
  1143. })
  1144. } else {
  1145. hljs.initHighlightingOnLoad()
  1146. }
  1147. }
  1148. // Dropzone
  1149. var $dropzone = $('#dropzone');
  1150. if ($dropzone.length > 0) {
  1151. // Disable auto discover for all elements:
  1152. Dropzone.autoDiscover = false;
  1153. var filenameDict = {};
  1154. $dropzone.dropzone({
  1155. url: $dropzone.data('upload-url'),
  1156. headers: { "X-Csrf-Token": csrf },
  1157. maxFiles: $dropzone.data('max-file'),
  1158. maxFilesize: $dropzone.data('max-size'),
  1159. acceptedFiles: ($dropzone.data('accepts') === '*/*') ? null : $dropzone.data('accepts'),
  1160. addRemoveLinks: true,
  1161. dictDefaultMessage: $dropzone.data('default-message'),
  1162. dictInvalidFileType: $dropzone.data('invalid-input-type'),
  1163. dictFileTooBig: $dropzone.data('file-too-big'),
  1164. dictRemoveFile: $dropzone.data('remove-file'),
  1165. init: function () {
  1166. this.on("success", function (file, data) {
  1167. filenameDict[file.name] = data.uuid;
  1168. var input = $('<input id="' + data.uuid + '" name="files" type="hidden">').val(data.uuid);
  1169. $('.files').append(input);
  1170. });
  1171. this.on("removedfile", function (file) {
  1172. if (file.name in filenameDict) {
  1173. $('#' + filenameDict[file.name]).remove();
  1174. }
  1175. if ($dropzone.data('remove-url') && $dropzone.data('csrf')) {
  1176. $.post($dropzone.data('remove-url'), {
  1177. file: filenameDict[file.name],
  1178. _csrf: $dropzone.data('csrf')
  1179. });
  1180. }
  1181. })
  1182. }
  1183. });
  1184. }
  1185. // Emojify
  1186. emojify.setConfig({
  1187. img_dir: suburl + '/img/emoji',
  1188. ignore_emoticons: true
  1189. });
  1190. var hasEmoji = document.getElementsByClassName('has-emoji');
  1191. for (var i = 0; i < hasEmoji.length; i++) {
  1192. emojify.run(hasEmoji[i]);
  1193. }
  1194. // Clipboard JS
  1195. var clipboard = new Clipboard('.clipboard');
  1196. clipboard.on('success', function (e) {
  1197. e.clearSelection();
  1198. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  1199. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-success'))
  1200. $('#' + e.trigger.getAttribute('id')).popup('show');
  1201. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  1202. });
  1203. clipboard.on('error', function (e) {
  1204. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  1205. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-error'))
  1206. $('#' + e.trigger.getAttribute('id')).popup('show');
  1207. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  1208. });
  1209. // Autosize
  1210. if ($('#description.autosize').length > 0) {
  1211. autosize($('#description'));
  1212. showMessageMaxLength(512, 'description', 'descLength');
  1213. }
  1214. // AJAX load buttons
  1215. $('.ajax-load-button').click(function () {
  1216. var $this = $(this);
  1217. $this.addClass('disabled');
  1218. $.ajax({
  1219. url: $this.data('url'),
  1220. headers: {
  1221. 'X-AJAX': "true"
  1222. }
  1223. }).success(function (data, status, request) {
  1224. $(data).insertBefore($this);
  1225. // Update new URL or remove self if no more feeds
  1226. var url = request.getResponseHeader('X-AJAX-URL');
  1227. if (url) {
  1228. $this.data('url', url);
  1229. $this.removeClass('disabled');
  1230. } else {
  1231. $this.remove();
  1232. }
  1233. });
  1234. });
  1235. // Helpers
  1236. $('.delete-button').click(function () {
  1237. var $this = $(this);
  1238. $('.delete.modal').modal({
  1239. closable: false,
  1240. onApprove: function () {
  1241. if ($this.data('type') == "form") {
  1242. $($this.data('form')).submit();
  1243. return;
  1244. }
  1245. $.post($this.data('url'), {
  1246. "_csrf": csrf,
  1247. "id": $this.data("id")
  1248. }).success(function (data) {
  1249. window.location.href = data.redirect;
  1250. });
  1251. }
  1252. }).modal('show');
  1253. return false;
  1254. });
  1255. $('.show-panel.button').click(function () {
  1256. $($(this).data('panel')).show();
  1257. });
  1258. $('.show-modal.button').click(function () {
  1259. $($(this).data('modal')).modal('show');
  1260. });
  1261. $('.delete-post.button').click(function () {
  1262. var $this = $(this);
  1263. $.post($this.data('request-url'), {
  1264. "_csrf": csrf
  1265. }).done(function () {
  1266. window.location.href = $this.data('done-url');
  1267. });
  1268. });
  1269. // To make arbitrary form element to behave like a submit button
  1270. $('.submit-button').click(function () {
  1271. $($(this).data('form')).submit();
  1272. });
  1273. // Check or select on option to enable/disable target region
  1274. $('.enable-system').change(function () {
  1275. if (this.checked) {
  1276. $($(this).data('target')).removeClass('disabled');
  1277. } else {
  1278. $($(this).data('target')).addClass('disabled');
  1279. }
  1280. });
  1281. $('.enable-system-radio').change(function () {
  1282. $($(this).data('enable')).removeClass('disabled');
  1283. $($(this).data('disable')).addClass('disabled');
  1284. });
  1285. // Set anchor.
  1286. $('.markdown').each(function () {
  1287. var headers = {};
  1288. $(this).find('h1, h2, h3, h4, h5, h6').each(function () {
  1289. var node = $(this);
  1290. var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\u00C0-\u1FFF\u2C00-\uD7FF\w\- ]/g, '').replace(/[ ]/g, '-'));
  1291. var name = val;
  1292. if (headers[val] > 0) {
  1293. name = val + '-' + headers[val];
  1294. }
  1295. if (headers[val] == undefined) {
  1296. headers[val] = 1;
  1297. } else {
  1298. headers[val] += 1;
  1299. }
  1300. node = node.wrap('<div id="' + name + '" class="anchor-wrap" ></div>');
  1301. node.append('<a class="anchor" href="#' + name + '"><span class="octicon octicon-link"></span></a>');
  1302. });
  1303. });
  1304. buttonsClickOnEnter();
  1305. searchUsers();
  1306. searchRepositories();
  1307. initCommentForm();
  1308. initRepository();
  1309. initWikiForm();
  1310. initEditForm();
  1311. initEditor();
  1312. initOrganization();
  1313. initAdmin();
  1314. initCodeView();
  1315. initCookieWarn();
  1316. // Repo clone url.
  1317. if ($('#repo-clone-url').length > 0) {
  1318. switch (localStorage.getItem('repo-clone-protocol')) {
  1319. case 'ssh':
  1320. if ($('#repo-clone-ssh').click().length === 0) {
  1321. $('#repo-clone-https').click();
  1322. }
  1323. break;
  1324. default:
  1325. $('#repo-clone-gin').click();
  1326. break;
  1327. }
  1328. }
  1329. var routes = {
  1330. 'div.user.settings': initUserSettings,
  1331. 'div.repository.settings.collaboration': initRepositoryCollaboration,
  1332. 'div.webhook.settings': initWebhookSettings
  1333. };
  1334. var selector;
  1335. for (selector in routes) {
  1336. if ($(selector).length > 0) {
  1337. routes[selector]();
  1338. break;
  1339. }
  1340. }
  1341. });
  1342. function changeHash(hash) {
  1343. if (history.pushState) {
  1344. history.pushState(null, null, hash);
  1345. }
  1346. else {
  1347. location.hash = hash;
  1348. }
  1349. }
  1350. function deSelect() {
  1351. if (window.getSelection) {
  1352. window.getSelection().removeAllRanges();
  1353. } else {
  1354. document.selection.empty();
  1355. }
  1356. }
  1357. function selectRange($list, $select, $from) {
  1358. $list.removeClass('active');
  1359. if ($from) {
  1360. var a = parseInt($select.attr('rel').substr(1));
  1361. var b = parseInt($from.attr('rel').substr(1));
  1362. var c;
  1363. if (a != b) {
  1364. if (a > b) {
  1365. c = a;
  1366. a = b;
  1367. b = c;
  1368. }
  1369. var classes = [];
  1370. for (var i = a; i <= b; i++) {
  1371. classes.push('.L' + i);
  1372. }
  1373. $list.filter(classes.join(',')).addClass('active');
  1374. changeHash('#L' + a + '-' + 'L' + b);
  1375. return
  1376. }
  1377. }
  1378. $select.addClass('active');
  1379. changeHash('#' + $select.attr('rel'));
  1380. }
  1381. $(function () {
  1382. if ($('.user.signin').length > 0) return;
  1383. $('form').areYouSure();
  1384. });
  1385. // getByteLen counts bytes in a string's UTF-8 representation.
  1386. function getByteLen(normalVal) {
  1387. // Force string type
  1388. normalVal = String(normalVal);
  1389. var byteLen = 0;
  1390. for (var i = 0; i < normalVal.length; i++) {
  1391. var c = normalVal.charCodeAt(i);
  1392. byteLen += c < (1 << 7) ? 1 :
  1393. c < (1 << 11) ? 2 :
  1394. c < (1 << 16) ? 3 :
  1395. c < (1 << 21) ? 4 :
  1396. c < (1 << 26) ? 5 :
  1397. c < (1 << 31) ? 6 : Number.NaN;
  1398. }
  1399. return byteLen;
  1400. }
  1401. function showMessageMaxLength(maxLen, textElemId, counterId) {
  1402. var $msg = $('#' + textElemId);
  1403. $('#' + counterId).html(maxLen - getByteLen($msg.val()));
  1404. var onMessageKey = function (e) {
  1405. var $msg = $(this);
  1406. var text = $msg.val();
  1407. var len = getByteLen(text);
  1408. var remainder = maxLen - len;
  1409. if (len >= maxLen) {
  1410. $msg.val($msg.val().substr(0, maxLen));
  1411. remainder = 0;
  1412. }
  1413. $('#' + counterId).html(remainder);
  1414. };
  1415. $msg.keyup(onMessageKey).keydown(onMessageKey);
  1416. }