gogs.js 50 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499
  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. localStorage.setItem('repo-clone-protocol', 'ssh');
  436. });
  437. $('#repo-clone-https').click(function () {
  438. $('.clone-url').text($(this).data('link'));
  439. $('#repo-clone-url').val($(this).data('link'));
  440. $(this).addClass('blue');
  441. $('#repo-clone-ssh').removeClass('blue');
  442. localStorage.setItem('repo-clone-protocol', 'https');
  443. });
  444. $('#repo-clone-url').click(function () {
  445. $(this).select();
  446. });
  447. // Pull request
  448. if ($('.repository.compare.pull').length > 0) {
  449. initFilterSearchDropdown('.choose.branch .dropdown');
  450. }
  451. if ($('.repository.view.pull').length > 0) {
  452. $('.comment.merge.box input[name=merge_style]').change(function () {
  453. if ($(this).val() === 'create_merge_commit') {
  454. $('.commit.description.field').show();
  455. } else {
  456. $('.commit.description.field').hide();
  457. }
  458. })
  459. }
  460. }
  461. function initWikiForm() {
  462. var $editArea = $('.repository.wiki textarea#edit_area');
  463. if ($editArea.length > 0) {
  464. new SimpleMDE({
  465. autoDownloadFontAwesome: false,
  466. element: $editArea[0],
  467. forceSync: true,
  468. previewRender: function (plainText, preview) { // Async method
  469. setTimeout(function () {
  470. // FIXME: still send render request when return back to edit mode
  471. $.post($editArea.data('url'), {
  472. "_csrf": csrf,
  473. "mode": "gfm",
  474. "context": $editArea.data('context'),
  475. "text": plainText
  476. },
  477. function (data) {
  478. preview.innerHTML = '<div class="markdown">' + data + '</div>';
  479. emojify.run($('.editor-preview')[0]);
  480. }
  481. );
  482. }, 0);
  483. return "Loading...";
  484. },
  485. renderingConfig: {
  486. singleLineBreaks: false
  487. },
  488. indentWithTabs: false,
  489. tabSize: 4,
  490. spellChecker: false,
  491. toolbar: ["bold", "italic", "strikethrough", "|",
  492. "heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
  493. "code", "quote", "|",
  494. "unordered-list", "ordered-list", "|",
  495. "link", "image", "table", "horizontal-rule", "|",
  496. "clean-block", "preview", "fullscreen"]
  497. })
  498. }
  499. }
  500. var simpleMDEditor;
  501. var codeMirrorEditor;
  502. // For IE
  503. String.prototype.endsWith = function (pattern) {
  504. var d = this.length - pattern.length;
  505. return d >= 0 && this.lastIndexOf(pattern) === d;
  506. };
  507. // Adding function to get the cursor position in a text field to jQuery object.
  508. (function ($, undefined) {
  509. $.fn.getCursorPosition = function () {
  510. var el = $(this).get(0);
  511. var pos = 0;
  512. if ('selectionStart' in el) {
  513. pos = el.selectionStart;
  514. } else if ('selection' in document) {
  515. el.focus();
  516. var Sel = document.selection.createRange();
  517. var SelLength = document.selection.createRange().text.length;
  518. Sel.moveStart('character', -el.value.length);
  519. pos = Sel.text.length - SelLength;
  520. }
  521. return pos;
  522. }
  523. })(jQuery);
  524. function setSimpleMDE($editArea) {
  525. if (codeMirrorEditor) {
  526. codeMirrorEditor.toTextArea();
  527. codeMirrorEditor = null;
  528. }
  529. if (simpleMDEditor) {
  530. return true;
  531. }
  532. simpleMDEditor = new SimpleMDE({
  533. autoDownloadFontAwesome: false,
  534. element: $editArea[0],
  535. forceSync: true,
  536. renderingConfig: {
  537. singleLineBreaks: false
  538. },
  539. indentWithTabs: false,
  540. tabSize: 4,
  541. spellChecker: false,
  542. previewRender: function (plainText, preview) { // Async method
  543. setTimeout(function () {
  544. // FIXME: still send render request when return back to edit mode
  545. $.post($editArea.data('url'), {
  546. "_csrf": csrf,
  547. "mode": "gfm",
  548. "context": $editArea.data('context'),
  549. "text": plainText
  550. },
  551. function (data) {
  552. preview.innerHTML = '<div class="markdown">' + data + '</div>';
  553. emojify.run($('.editor-preview')[0]);
  554. }
  555. );
  556. }, 0);
  557. return "Loading...";
  558. },
  559. toolbar: ["bold", "italic", "strikethrough", "|",
  560. "heading-1", "heading-2", "heading-3", "heading-bigger", "heading-smaller", "|",
  561. "code", "quote", "|",
  562. "unordered-list", "ordered-list", "|",
  563. "link", "image", "table", "horizontal-rule", "|",
  564. "clean-block"]
  565. });
  566. return true;
  567. }
  568. function setCodeMirror($editArea) {
  569. if (simpleMDEditor) {
  570. simpleMDEditor.toTextArea();
  571. simpleMDEditor = null;
  572. }
  573. if (codeMirrorEditor) {
  574. return true;
  575. }
  576. codeMirrorEditor = CodeMirror.fromTextArea($editArea[0], {
  577. lineNumbers: true
  578. });
  579. codeMirrorEditor.on("change", function (cm, change) {
  580. $editArea.val(cm.getValue());
  581. });
  582. return true;
  583. }
  584. function initEditor() {
  585. $('.js-quick-pull-choice-option').change(function () {
  586. if ($(this).val() == 'commit-to-new-branch') {
  587. $('.quick-pull-branch-name').show();
  588. $('.quick-pull-branch-name input').prop('required',true);
  589. } else {
  590. $('.quick-pull-branch-name').hide();
  591. $('.quick-pull-branch-name input').prop('required',false);
  592. }
  593. });
  594. var $editFilename = $("#file-name");
  595. $editFilename.keyup(function (e) {
  596. var $section = $('.breadcrumb span.section');
  597. var $divider = $('.breadcrumb div.divider');
  598. if (e.keyCode == 8) {
  599. if ($(this).getCursorPosition() == 0) {
  600. if ($section.length > 0) {
  601. var value = $section.last().find('a').text();
  602. $(this).val(value + $(this).val());
  603. $(this)[0].setSelectionRange(value.length, value.length);
  604. $section.last().remove();
  605. $divider.last().remove();
  606. }
  607. }
  608. }
  609. if (e.keyCode == 191) {
  610. var parts = $(this).val().split('/');
  611. for (var i = 0; i < parts.length; ++i) {
  612. var value = parts[i];
  613. if (i < parts.length - 1) {
  614. if (value.length) {
  615. $('<span class="section"><a href="#">' + value + '</a></span>').insertBefore($(this));
  616. $('<div class="divider"> / </div>').insertBefore($(this));
  617. }
  618. }
  619. else {
  620. $(this).val(value);
  621. }
  622. $(this)[0].setSelectionRange(0, 0);
  623. }
  624. }
  625. var parts = [];
  626. $('.breadcrumb span.section').each(function (i, element) {
  627. element = $(element);
  628. if (element.find('a').length) {
  629. parts.push(element.find('a').text());
  630. } else {
  631. parts.push(element.text());
  632. }
  633. });
  634. if ($(this).val()) {
  635. parts.push($(this).val());
  636. }
  637. var tree_path = parts.join('/');
  638. $('#tree_path').val(tree_path);
  639. $('#preview-tab').data('context', $('#preview-tab').data('root-context') + tree_path.substring(0, tree_path.lastIndexOf("/")+1));
  640. }).trigger('keyup');
  641. var $editArea = $('.repository.editor textarea#edit_area');
  642. if (!$editArea.length)
  643. return;
  644. var markdownFileExts = $editArea.data("markdown-file-exts").split(",");
  645. var lineWrapExtensions = $editArea.data("line-wrap-extensions").split(",");
  646. $editFilename.on("keyup", function (e) {
  647. var val = $editFilename.val(), m, mode, spec, extension, extWithDot, previewLink, dataUrl, apiCall;
  648. extension = extWithDot = "";
  649. if (m = /.+\.([^.]+)$/.exec(val)) {
  650. extension = m[1];
  651. extWithDot = "." + extension;
  652. }
  653. var info = CodeMirror.findModeByExtension(extension);
  654. previewLink = $('a[data-tab=preview]');
  655. if (info) {
  656. mode = info.mode;
  657. spec = info.mime;
  658. apiCall = mode;
  659. }
  660. else {
  661. apiCall = extension
  662. }
  663. if (previewLink.length && apiCall && previewFileModes && previewFileModes.length && previewFileModes.indexOf(apiCall) >= 0) {
  664. dataUrl = previewLink.data('url');
  665. previewLink.data('url', dataUrl.replace(/(.*)\/.*/i, '$1/' + mode));
  666. previewLink.show();
  667. }
  668. else {
  669. previewLink.hide();
  670. }
  671. // If this file is a Markdown extensions, we will load that editor and return
  672. if (markdownFileExts.indexOf(extWithDot) >= 0) {
  673. if (setSimpleMDE($editArea)) {
  674. return;
  675. }
  676. }
  677. // Else we are going to use CodeMirror
  678. if (!codeMirrorEditor && !setCodeMirror($editArea)) {
  679. return;
  680. }
  681. if (mode) {
  682. codeMirrorEditor.setOption("mode", spec);
  683. CodeMirror.autoLoadMode(codeMirrorEditor, mode);
  684. }
  685. if (lineWrapExtensions.indexOf(extWithDot) >= 0) {
  686. codeMirrorEditor.setOption("lineWrapping", true);
  687. }
  688. else {
  689. codeMirrorEditor.setOption("lineWrapping", false);
  690. }
  691. // get the filename without any folder
  692. var value = $editFilename.val();
  693. if (value.length === 0) {
  694. return;
  695. }
  696. value = value.split('/');
  697. value = value[value.length - 1];
  698. $.getJSON($editFilename.data('ec-url-prefix')+value, function(editorconfig) {
  699. if (editorconfig.indent_style === 'tab') {
  700. codeMirrorEditor.setOption("indentWithTabs", true);
  701. codeMirrorEditor.setOption('extraKeys', {});
  702. } else {
  703. codeMirrorEditor.setOption("indentWithTabs", false);
  704. // required because CodeMirror doesn't seems to use spaces correctly for {"indentWithTabs": false}:
  705. // - https://github.com/codemirror/CodeMirror/issues/988
  706. // - https://codemirror.net/doc/manual.html#keymaps
  707. codeMirrorEditor.setOption('extraKeys', {
  708. Tab: function(cm) {
  709. var spaces = Array(parseInt(cm.getOption("indentUnit")) + 1).join(" ");
  710. cm.replaceSelection(spaces);
  711. }
  712. });
  713. }
  714. codeMirrorEditor.setOption("indentUnit", editorconfig.indent_size || 4);
  715. codeMirrorEditor.setOption("tabSize", editorconfig.tab_width || 4);
  716. });
  717. }).trigger('keyup');
  718. }
  719. function initOrganization() {
  720. if ($('.organization').length == 0) {
  721. return;
  722. }
  723. // Options
  724. if ($('.organization.settings.options').length > 0) {
  725. $('#org_name').keyup(function () {
  726. var $prompt = $('#org-name-change-prompt');
  727. if ($(this).val().toString().toLowerCase() != $(this).data('org-name').toString().toLowerCase()) {
  728. $prompt.show();
  729. } else {
  730. $prompt.hide();
  731. }
  732. });
  733. }
  734. }
  735. function initAdmin() {
  736. if ($('.admin').length == 0) {
  737. return;
  738. }
  739. // New user
  740. if ($('.admin.new.user').length > 0 ||
  741. $('.admin.edit.user').length > 0) {
  742. $('#login_type').change(function () {
  743. if ($(this).val().substring(0, 1) == '0') {
  744. $('#login_name').removeAttr('required');
  745. $('.non-local').hide();
  746. $('.local').show();
  747. $('#user_name').focus();
  748. if ($(this).data('password') == "required") {
  749. $('#password').attr('required', 'required');
  750. }
  751. } else {
  752. $('#login_name').attr('required', 'required');
  753. $('.non-local').show();
  754. $('.local').hide();
  755. $('#login_name').focus();
  756. $('#password').removeAttr('required');
  757. }
  758. });
  759. }
  760. function onSecurityProtocolChange() {
  761. if ($('#security_protocol').val() > 0) {
  762. $('.has-tls').show();
  763. } else {
  764. $('.has-tls').hide();
  765. }
  766. }
  767. // New authentication
  768. if ($('.admin.new.authentication').length > 0) {
  769. $('#auth_type').change(function () {
  770. $('.ldap').hide();
  771. $('.dldap').hide();
  772. $('.smtp').hide();
  773. $('.pam').hide();
  774. $('.has-tls').hide();
  775. var authType = $(this).val();
  776. switch (authType) {
  777. case '2': // LDAP
  778. $('.ldap').show();
  779. break;
  780. case '3': // SMTP
  781. $('.smtp').show();
  782. $('.has-tls').show();
  783. break;
  784. case '4': // PAM
  785. $('.pam').show();
  786. break;
  787. case '5': // LDAP
  788. $('.dldap').show();
  789. break;
  790. }
  791. if (authType == '2' || authType == '5') {
  792. onSecurityProtocolChange()
  793. }
  794. });
  795. $('#security_protocol').change(onSecurityProtocolChange)
  796. }
  797. // Edit authentication
  798. if ($('.admin.edit.authentication').length > 0) {
  799. var authType = $('#auth_type').val();
  800. if (authType == '2' || authType == '5') {
  801. $('#security_protocol').change(onSecurityProtocolChange);
  802. }
  803. }
  804. // Notice
  805. if ($('.admin.notice')) {
  806. var $detailModal = $('#detail-modal');
  807. // Attach view detail modals
  808. $('.view-detail').click(function () {
  809. $detailModal.find('.content p').text($(this).data('content'));
  810. $detailModal.modal('show');
  811. return false;
  812. });
  813. // Select actions
  814. var $checkboxes = $('.select.table .ui.checkbox');
  815. $('.select.action').click(function () {
  816. switch ($(this).data('action')) {
  817. case 'select-all':
  818. $checkboxes.checkbox('check');
  819. break;
  820. case 'deselect-all':
  821. $checkboxes.checkbox('uncheck');
  822. break;
  823. case 'inverse':
  824. $checkboxes.checkbox('toggle');
  825. break;
  826. }
  827. });
  828. $('#delete-selection').click(function () {
  829. var $this = $(this);
  830. $this.addClass("loading disabled");
  831. var ids = [];
  832. $checkboxes.each(function () {
  833. if ($(this).checkbox('is checked')) {
  834. ids.push($(this).data('id'));
  835. }
  836. });
  837. $.post($this.data('link'), {
  838. "_csrf": csrf,
  839. "ids": ids
  840. }).done(function () {
  841. window.location.href = $this.data('redirect');
  842. });
  843. });
  844. }
  845. }
  846. function buttonsClickOnEnter() {
  847. $('.ui.button').keypress(function (e) {
  848. if (e.keyCode == 13 || e.keyCode == 32) // enter key or space bar
  849. $(this).click();
  850. });
  851. }
  852. function hideWhenLostFocus(body, parent) {
  853. $(document).click(function (e) {
  854. var target = e.target;
  855. if (!$(target).is(body) && !$(target).parents().is(parent)) {
  856. $(body).hide();
  857. }
  858. });
  859. }
  860. function searchUsers() {
  861. if (!$('#search-user-box .results').length) {
  862. return;
  863. }
  864. var $searchUserBox = $('#search-user-box');
  865. var $results = $searchUserBox.find('.results');
  866. $searchUserBox.keyup(function () {
  867. var $this = $(this);
  868. var keyword = $this.find('input').val();
  869. if (keyword.length < 2) {
  870. $results.hide();
  871. return;
  872. }
  873. $.ajax({
  874. url: suburl + '/api/v1/users/search?q=' + keyword,
  875. dataType: "json",
  876. success: function (response) {
  877. var notEmpty = function (str) {
  878. return str && str.length > 0;
  879. };
  880. $results.html('');
  881. if (response.ok && response.data.length) {
  882. var html = '';
  883. $.each(response.data, function (i, item) {
  884. html += '<div class="item"><img class="ui avatar image" src="' + item.avatar_url + '"><span class="username">' + item.username + '</span>';
  885. if (notEmpty(item.full_name)) {
  886. html += ' (' + item.full_name + ')';
  887. }
  888. html += '</div>';
  889. });
  890. $results.html(html);
  891. $this.find('.results .item').click(function () {
  892. $this.find('input').val($(this).find('.username').text());
  893. $results.hide();
  894. });
  895. $results.show();
  896. } else {
  897. $results.hide();
  898. }
  899. }
  900. });
  901. });
  902. $searchUserBox.find('input').focus(function () {
  903. $searchUserBox.keyup();
  904. });
  905. hideWhenLostFocus('#search-user-box .results', '#search-user-box');
  906. }
  907. // FIXME: merge common parts in two functions
  908. function searchRepositories() {
  909. if (!$('#search-repo-box .results').length) {
  910. return;
  911. }
  912. var $searchRepoBox = $('#search-repo-box');
  913. var $results = $searchRepoBox.find('.results');
  914. $searchRepoBox.keyup(function () {
  915. var $this = $(this);
  916. var keyword = $this.find('input').val();
  917. if (keyword.length < 2) {
  918. $results.hide();
  919. return;
  920. }
  921. $.ajax({
  922. url: suburl + '/api/v1/repos/search?q=' + keyword + "&uid=" + $searchRepoBox.data('uid'),
  923. dataType: "json",
  924. success: function (response) {
  925. var notEmpty = function (str) {
  926. return str && str.length > 0;
  927. };
  928. $results.html('');
  929. if (response.ok && response.data.length) {
  930. var html = '';
  931. $.each(response.data, function (i, item) {
  932. html += '<div class="item"><i class="octicon octicon-repo"></i> <span class="fullname">' + item.full_name + '</span></div>';
  933. });
  934. $results.html(html);
  935. $this.find('.results .item').click(function () {
  936. $this.find('input').val($(this).find('.fullname').text().split("/")[1]);
  937. $results.hide();
  938. });
  939. $results.show();
  940. } else {
  941. $results.hide();
  942. }
  943. }
  944. });
  945. });
  946. $searchRepoBox.find('input').focus(function () {
  947. $searchRepoBox.keyup();
  948. });
  949. hideWhenLostFocus('#search-repo-box .results', '#search-repo-box');
  950. }
  951. function initCodeView() {
  952. if ($('.code-view .linenums').length > 0) {
  953. $(document).on('click', '.lines-num span', function (e) {
  954. var $select = $(this);
  955. var $list = $select.parent().siblings('.lines-code').find('ol.linenums > li');
  956. selectRange($list, $list.filter('[rel=' + $select.attr('id') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null));
  957. deSelect();
  958. });
  959. $(window).on('hashchange', function (e) {
  960. var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/);
  961. var $list = $('.code-view ol.linenums > li');
  962. var $first;
  963. if (m) {
  964. $first = $list.filter('.' + m[1]);
  965. selectRange($list, $first, $list.filter('.' + m[2]));
  966. $("html, body").scrollTop($first.offset().top - 200);
  967. return;
  968. }
  969. m = window.location.hash.match(/^#(L\d+)$/);
  970. if (m) {
  971. $first = $list.filter('.' + m[1]);
  972. selectRange($list, $first);
  973. $("html, body").scrollTop($first.offset().top - 200);
  974. }
  975. }).trigger('hashchange');
  976. }
  977. }
  978. function initUserSettings() {
  979. console.log('initUserSettings');
  980. // Options
  981. if ($('.user.settings.profile').length > 0) {
  982. $('#username').keyup(function () {
  983. var $prompt = $('#name-change-prompt');
  984. if ($(this).val().toString().toLowerCase() != $(this).data('name').toString().toLowerCase()) {
  985. $prompt.show();
  986. } else {
  987. $prompt.hide();
  988. }
  989. });
  990. }
  991. }
  992. function initRepositoryCollaboration() {
  993. console.log('initRepositoryCollaboration');
  994. // Change collaborator access mode
  995. $('.access-mode.menu .item').click(function () {
  996. var $menu = $(this).parent();
  997. $.post($menu.data('url'), {
  998. "_csrf": csrf,
  999. "uid": $menu.data('uid'),
  1000. "mode": $(this).data('value')
  1001. })
  1002. });
  1003. }
  1004. function initWebhookSettings() {
  1005. $('.events.checkbox input').change(function () {
  1006. if ($(this).is(':checked')) {
  1007. $('.events.fields').show();
  1008. }
  1009. });
  1010. $('.non-events.checkbox input').change(function () {
  1011. if ($(this).is(':checked')) {
  1012. $('.events.fields').hide();
  1013. }
  1014. });
  1015. // Highlight payload on first click
  1016. $('.hook.history.list .toggle.button').click(function () {
  1017. $($(this).data('target') + ' .nohighlight').each(function () {
  1018. var $this = $(this);
  1019. $this.removeClass('nohighlight');
  1020. setTimeout(function(){ hljs.highlightBlock($this[0]) }, 500);
  1021. })
  1022. })
  1023. // Trigger delivery
  1024. $('.delivery.button, .redelivery.button').click(function () {
  1025. var $this = $(this);
  1026. $this.addClass('loading disabled');
  1027. $.post($this.data('link'), {
  1028. "_csrf": csrf
  1029. }).done(
  1030. setTimeout(function () {
  1031. window.location.href = $this.data('redirect');
  1032. }, 5000)
  1033. );
  1034. });
  1035. }
  1036. $(document).ready(function () {
  1037. csrf = $('meta[name=_csrf]').attr("content");
  1038. suburl = $('meta[name=_suburl]').attr("content");
  1039. // Set cursor to the end of autofocus input string
  1040. $('input[autofocus]').each(function () {
  1041. $(this).val($(this).val());
  1042. })
  1043. // Show exact time
  1044. $('.time-since').each(function () {
  1045. $(this).addClass('poping up').attr('data-content', $(this).attr('title')).attr('data-variation', 'inverted tiny').attr('title', '');
  1046. });
  1047. // Semantic UI modules.
  1048. $('.ui.dropdown').dropdown({
  1049. forceSelection: false
  1050. });
  1051. $('.jump.dropdown').dropdown({
  1052. action: 'select',
  1053. onShow: function () {
  1054. $('.poping.up').popup('hide');
  1055. }
  1056. });
  1057. $('.slide.up.dropdown').dropdown({
  1058. transition: 'slide up'
  1059. });
  1060. $('.upward.dropdown').dropdown({
  1061. direction: 'upward'
  1062. });
  1063. $('.ui.accordion').accordion();
  1064. $('.ui.checkbox').checkbox();
  1065. $('.ui.progress').progress({
  1066. showActivity: false
  1067. });
  1068. $('.poping.up').popup();
  1069. $('.top.menu .poping.up').popup({
  1070. onShow: function () {
  1071. if ($('.top.menu .menu.transition').hasClass('visible')) {
  1072. return false;
  1073. }
  1074. }
  1075. });
  1076. $('.tabular.menu .item').tab();
  1077. $('.tabable.menu .item').tab();
  1078. $('.toggle.button').click(function () {
  1079. $($(this).data('target')).slideToggle(100);
  1080. });
  1081. // Highlight JS
  1082. if (typeof hljs != 'undefined') {
  1083. hljs.initHighlightingOnLoad();
  1084. }
  1085. // Dropzone
  1086. var $dropzone = $('#dropzone');
  1087. if ($dropzone.length > 0) {
  1088. // Disable auto discover for all elements:
  1089. Dropzone.autoDiscover = false;
  1090. var filenameDict = {};
  1091. $dropzone.dropzone({
  1092. url: $dropzone.data('upload-url'),
  1093. headers: {"X-Csrf-Token": csrf},
  1094. maxFiles: $dropzone.data('max-file'),
  1095. maxFilesize: $dropzone.data('max-size'),
  1096. acceptedFiles: ($dropzone.data('accepts') === '*/*') ? null : $dropzone.data('accepts'),
  1097. addRemoveLinks: true,
  1098. dictDefaultMessage: $dropzone.data('default-message'),
  1099. dictInvalidFileType: $dropzone.data('invalid-input-type'),
  1100. dictFileTooBig: $dropzone.data('file-too-big'),
  1101. dictRemoveFile: $dropzone.data('remove-file'),
  1102. init: function () {
  1103. this.on("success", function (file, data) {
  1104. filenameDict[file.name] = data.uuid;
  1105. var input = $('<input id="' + data.uuid + '" name="files" type="hidden">').val(data.uuid);
  1106. $('.files').append(input);
  1107. });
  1108. this.on("removedfile", function (file) {
  1109. if (file.name in filenameDict) {
  1110. $('#' + filenameDict[file.name]).remove();
  1111. }
  1112. if ($dropzone.data('remove-url') && $dropzone.data('csrf')) {
  1113. $.post($dropzone.data('remove-url'), {
  1114. file: filenameDict[file.name],
  1115. _csrf: $dropzone.data('csrf')
  1116. });
  1117. }
  1118. })
  1119. }
  1120. });
  1121. }
  1122. // Emojify
  1123. emojify.setConfig({
  1124. img_dir: suburl + '/img/emoji',
  1125. ignore_emoticons: true
  1126. });
  1127. var hasEmoji = document.getElementsByClassName('has-emoji');
  1128. for (var i = 0; i < hasEmoji.length; i++) {
  1129. emojify.run(hasEmoji[i]);
  1130. }
  1131. // Clipboard JS
  1132. var clipboard = new Clipboard('.clipboard');
  1133. clipboard.on('success', function (e) {
  1134. e.clearSelection();
  1135. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  1136. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-success'))
  1137. $('#' + e.trigger.getAttribute('id')).popup('show');
  1138. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  1139. });
  1140. clipboard.on('error', function (e) {
  1141. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  1142. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-error'))
  1143. $('#' + e.trigger.getAttribute('id')).popup('show');
  1144. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  1145. });
  1146. // Autosize
  1147. if ($('#description.autosize').length > 0) {
  1148. autosize($('#description'));
  1149. showMessageMaxLength(512, 'description', 'descLength');
  1150. }
  1151. // AJAX load buttons
  1152. $('.ajax-load-button').click(function () {
  1153. var $this = $(this);
  1154. $this.addClass('disabled');
  1155. $.ajax({
  1156. url: $this.data('url'),
  1157. headers: {
  1158. 'X-AJAX': "true"
  1159. }
  1160. }).success(function (data, status, request) {
  1161. $(data).insertBefore($this);
  1162. // Update new URL or remove self if no more feeds
  1163. var url = request.getResponseHeader('X-AJAX-URL');
  1164. if (url) {
  1165. $this.data('url', url);
  1166. $this.removeClass('disabled');
  1167. } else {
  1168. $this.remove();
  1169. }
  1170. });
  1171. });
  1172. // Helpers
  1173. $('.delete-button').click(function () {
  1174. var $this = $(this);
  1175. $('.delete.modal').modal({
  1176. closable: false,
  1177. onApprove: function () {
  1178. if ($this.data('type') == "form") {
  1179. $($this.data('form')).submit();
  1180. return;
  1181. }
  1182. $.post($this.data('url'), {
  1183. "_csrf": csrf,
  1184. "id": $this.data("id")
  1185. }).success(function (data) {
  1186. window.location.href = data.redirect;
  1187. });
  1188. }
  1189. }).modal('show');
  1190. return false;
  1191. });
  1192. $('.show-panel.button').click(function () {
  1193. $($(this).data('panel')).show();
  1194. });
  1195. $('.show-modal.button').click(function () {
  1196. $($(this).data('modal')).modal('show');
  1197. });
  1198. $('.delete-post.button').click(function () {
  1199. var $this = $(this);
  1200. $.post($this.data('request-url'), {
  1201. "_csrf": csrf
  1202. }).done(function () {
  1203. window.location.href = $this.data('done-url');
  1204. });
  1205. });
  1206. // Check or select on option to enable/disable target region
  1207. $('.enable-system').change(function () {
  1208. if (this.checked) {
  1209. $($(this).data('target')).removeClass('disabled');
  1210. } else {
  1211. $($(this).data('target')).addClass('disabled');
  1212. }
  1213. });
  1214. $('.enable-system-radio').change(function () {
  1215. $($(this).data('enable')).removeClass('disabled');
  1216. $($(this).data('disable')).addClass('disabled');
  1217. });
  1218. // Set anchor.
  1219. $('.markdown').each(function () {
  1220. var headers = {};
  1221. $(this).find('h1, h2, h3, h4, h5, h6').each(function () {
  1222. var node = $(this);
  1223. var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\u00C0-\u1FFF\u2C00-\uD7FF\w\- ]/g, '').replace(/[ ]/g, '-'));
  1224. var name = val;
  1225. if (headers[val] > 0) {
  1226. name = val + '-' + headers[val];
  1227. }
  1228. if (headers[val] == undefined) {
  1229. headers[val] = 1;
  1230. } else {
  1231. headers[val] += 1;
  1232. }
  1233. node = node.wrap('<div id="' + name + '" class="anchor-wrap" ></div>');
  1234. node.append('<a class="anchor" href="#' + name + '"><span class="octicon octicon-link"></span></a>');
  1235. });
  1236. });
  1237. buttonsClickOnEnter();
  1238. searchUsers();
  1239. searchRepositories();
  1240. initCommentForm();
  1241. initRepository();
  1242. initWikiForm();
  1243. initEditForm();
  1244. initEditor();
  1245. initOrganization();
  1246. initAdmin();
  1247. initCodeView();
  1248. // Repo clone url.
  1249. if ($('#repo-clone-url').length > 0) {
  1250. switch (localStorage.getItem('repo-clone-protocol')) {
  1251. case 'ssh':
  1252. if ($('#repo-clone-ssh').click().length === 0) {
  1253. $('#repo-clone-https').click();
  1254. }
  1255. break;
  1256. default:
  1257. $('#repo-clone-https').click();
  1258. break;
  1259. }
  1260. }
  1261. var routes = {
  1262. 'div.user.settings': initUserSettings,
  1263. 'div.repository.settings.collaboration': initRepositoryCollaboration,
  1264. 'div.webhook.settings': initWebhookSettings
  1265. };
  1266. var selector;
  1267. for (selector in routes) {
  1268. if ($(selector).length > 0) {
  1269. routes[selector]();
  1270. break;
  1271. }
  1272. }
  1273. });
  1274. function changeHash(hash) {
  1275. if (history.pushState) {
  1276. history.pushState(null, null, hash);
  1277. }
  1278. else {
  1279. location.hash = hash;
  1280. }
  1281. }
  1282. function deSelect() {
  1283. if (window.getSelection) {
  1284. window.getSelection().removeAllRanges();
  1285. } else {
  1286. document.selection.empty();
  1287. }
  1288. }
  1289. function selectRange($list, $select, $from) {
  1290. $list.removeClass('active');
  1291. if ($from) {
  1292. var a = parseInt($select.attr('rel').substr(1));
  1293. var b = parseInt($from.attr('rel').substr(1));
  1294. var c;
  1295. if (a != b) {
  1296. if (a > b) {
  1297. c = a;
  1298. a = b;
  1299. b = c;
  1300. }
  1301. var classes = [];
  1302. for (var i = a; i <= b; i++) {
  1303. classes.push('.L' + i);
  1304. }
  1305. $list.filter(classes.join(',')).addClass('active');
  1306. changeHash('#L' + a + '-' + 'L' + b);
  1307. return
  1308. }
  1309. }
  1310. $select.addClass('active');
  1311. changeHash('#' + $select.attr('rel'));
  1312. }
  1313. $(function () {
  1314. if ($('.user.signin').length > 0) return;
  1315. $('form').areYouSure();
  1316. });
  1317. // getByteLen counts bytes in a string's UTF-8 representation.
  1318. function getByteLen(normalVal) {
  1319. // Force string type
  1320. normalVal = String(normalVal);
  1321. var byteLen = 0;
  1322. for (var i = 0; i < normalVal.length; i++) {
  1323. var c = normalVal.charCodeAt(i);
  1324. byteLen += c < (1 << 7) ? 1 :
  1325. c < (1 << 11) ? 2 :
  1326. c < (1 << 16) ? 3 :
  1327. c < (1 << 21) ? 4 :
  1328. c < (1 << 26) ? 5 :
  1329. c < (1 << 31) ? 6 : Number.NaN;
  1330. }
  1331. return byteLen;
  1332. }
  1333. function showMessageMaxLength(maxLen, textElemId, counterId) {
  1334. var $msg = $('#'+textElemId);
  1335. $('#'+counterId).html(maxLen - getByteLen($msg.val()));
  1336. var onMessageKey = function (e) {
  1337. var $msg = $(this);
  1338. var text = $msg.val();
  1339. var len = getByteLen(text);
  1340. var remainder = maxLen - len;
  1341. if (len >= maxLen) {
  1342. $msg.val($msg.val().substr(0, maxLen));
  1343. remainder = 0;
  1344. }
  1345. $('#'+counterId).html(remainder);
  1346. };
  1347. $msg.keyup(onMessageKey).keydown(onMessageKey);
  1348. }