gogs.js 35 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037
  1. 'use strict';
  2. var csrf;
  3. var suburl;
  4. function initCommentPreviewTab($form) {
  5. var $tab_menu = $form.find('.tabular.menu');
  6. $tab_menu.find('.item').tab();
  7. $tab_menu.find('.item[data-tab="' + $tab_menu.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="' + $tab_menu.data('write') + '"] textarea').val()
  14. },
  15. function (data) {
  16. var $preview_tab = $form.find('.tab.segment[data-tab="' + $tab_menu.data('preview') + '"]');
  17. $preview_tab.html(data);
  18. emojify.run($preview_tab[0]);
  19. }
  20. );
  21. });
  22. buttonsClickOnEnter();
  23. }
  24. function initCommentForm() {
  25. if ($('.comment.form').length == 0) {
  26. return
  27. }
  28. initCommentPreviewTab($('.comment.form'));
  29. // Labels
  30. var $list = $('.ui.labels.list');
  31. var $no_select = $list.find('.no-select');
  32. var $label_menu = $('.select-label .menu');
  33. var has_label_update_action = $label_menu.data('action') == 'update';
  34. function updateIssueMeta(url, action, id) {
  35. $.post(url, {
  36. "_csrf": csrf,
  37. "action": action,
  38. "id": id
  39. });
  40. }
  41. $label_menu.find('.item:not(.no-select)').click(function () {
  42. if ($(this).hasClass('checked')) {
  43. $(this).removeClass('checked');
  44. $(this).find('.octicon').removeClass('octicon-check');
  45. if (has_label_update_action) {
  46. updateIssueMeta($label_menu.data('update-url'), "detach", $(this).data('id'));
  47. }
  48. } else {
  49. $(this).addClass('checked');
  50. $(this).find('.octicon').addClass('octicon-check');
  51. if (has_label_update_action) {
  52. updateIssueMeta($label_menu.data('update-url'), "attach", $(this).data('id'));
  53. }
  54. }
  55. var label_ids = "";
  56. $(this).parent().find('.item').each(function () {
  57. if ($(this).hasClass('checked')) {
  58. label_ids += $(this).data('id') + ",";
  59. $($(this).data('id-selector')).removeClass('hide');
  60. } else {
  61. $($(this).data('id-selector')).addClass('hide');
  62. }
  63. });
  64. if (label_ids.length == 0) {
  65. $no_select.removeClass('hide');
  66. } else {
  67. $no_select.addClass('hide');
  68. }
  69. $($(this).parent().data('id')).val(label_ids);
  70. return false;
  71. });
  72. $label_menu.find('.no-select.item').click(function () {
  73. if (has_label_update_action) {
  74. updateIssueMeta($label_menu.data('update-url'), "clear", '');
  75. }
  76. $(this).parent().find('.item').each(function () {
  77. $(this).removeClass('checked');
  78. $(this).find('.octicon').removeClass('octicon-check');
  79. });
  80. $list.find('.item').each(function () {
  81. $(this).addClass('hide');
  82. });
  83. $no_select.removeClass('hide');
  84. $($(this).parent().data('id')).val('');
  85. });
  86. function selectItem(select_id, input_id) {
  87. var $menu = $(select_id + ' .menu');
  88. var $list = $('.ui' + select_id + '.list');
  89. var has_update_action = $menu.data('action') == 'update';
  90. $menu.find('.item:not(.no-select)').click(function () {
  91. $(this).parent().find('.item').each(function () {
  92. $(this).removeClass('selected active')
  93. });
  94. $(this).addClass('selected active');
  95. if (has_update_action) {
  96. updateIssueMeta($menu.data('update-url'), '', $(this).data('id'));
  97. }
  98. switch (input_id) {
  99. case '#milestone_id':
  100. $list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
  101. $(this).text() + '</a>');
  102. break;
  103. case '#assignee_id':
  104. $list.find('.selected').html('<a class="item" href=' + $(this).data('href') + '>' +
  105. '<img class="ui avatar image" src=' + $(this).data('avatar') + '>' +
  106. $(this).text() + '</a>');
  107. }
  108. $('.ui' + select_id + '.list .no-select').addClass('hide');
  109. $(input_id).val($(this).data('id'));
  110. });
  111. $menu.find('.no-select.item').click(function () {
  112. $(this).parent().find('.item:not(.no-select)').each(function () {
  113. $(this).removeClass('selected active')
  114. });
  115. if (has_update_action) {
  116. updateIssueMeta($menu.data('update-url'), '', '');
  117. }
  118. $list.find('.selected').html('');
  119. $list.find('.no-select').removeClass('hide');
  120. $(input_id).val('');
  121. });
  122. }
  123. // Milestone and assignee
  124. selectItem('.select-milestone', '#milestone_id');
  125. selectItem('.select-assignee', '#assignee_id');
  126. }
  127. function initInstall() {
  128. if ($('.install').length == 0) {
  129. return;
  130. }
  131. // Database type change detection.
  132. $("#db_type").change(function () {
  133. var sqlite_default = 'data/gogs.db';
  134. var tidb_default = 'data/gogs_tidb';
  135. var db_type = $(this).val();
  136. if (db_type === "SQLite3" || db_type === "TiDB") {
  137. $('#sql_settings').hide();
  138. $('#pgsql_settings').hide();
  139. $('#sqlite_settings').show();
  140. if (db_type === "SQLite3" && $('#db_path').val() == tidb_default) {
  141. $('#db_path').val(sqlite_default);
  142. } else if (db_type === "TiDB" && $('#db_path').val() == sqlite_default) {
  143. $('#db_path').val(tidb_default);
  144. }
  145. return;
  146. }
  147. var mysql_default = '127.0.0.1:3306';
  148. var postgres_default = '127.0.0.1:5432';
  149. $('#sqlite_settings').hide();
  150. $('#sql_settings').show();
  151. if (db_type === "PostgreSQL") {
  152. $('#pgsql_settings').show();
  153. if ($('#db_host').val() == mysql_default) {
  154. $('#db_host').val(postgres_default);
  155. }
  156. } else {
  157. $('#pgsql_settings').hide();
  158. if ($('#db_host').val() == postgres_default) {
  159. $('#db_host').val(mysql_default);
  160. }
  161. }
  162. });
  163. $('#offline-mode input').change(function () {
  164. if ($(this).is(':checked')) {
  165. $('#disable-gravatar').checkbox('check');
  166. }
  167. });
  168. $('#disable-registration input').change(function () {
  169. if ($(this).is(':checked')) {
  170. $('#enable-captcha').checkbox('uncheck');
  171. }
  172. });
  173. $('#enable-captcha input').change(function () {
  174. if ($(this).is(':checked')) {
  175. $('#disable-registration').checkbox('uncheck');
  176. }
  177. });
  178. }
  179. function initRepository() {
  180. if ($('.repository').length == 0) {
  181. return;
  182. }
  183. function initFilterSearchDropdown(selector) {
  184. var $dropdown = $(selector);
  185. $dropdown.dropdown({
  186. fullTextSearch: true,
  187. onChange: function (text, value, $choice) {
  188. window.location.href = $choice.data('url');
  189. console.log($choice.data('url'))
  190. },
  191. message: {noResults: $dropdown.data('no-results')}
  192. });
  193. }
  194. // File list and commits
  195. if ($('.repository.file.list').length > 0 ||
  196. ('.repository.commits').length > 0) {
  197. initFilterSearchDropdown('.choose.reference .dropdown');
  198. $('.reference.column').click(function () {
  199. $('.choose.reference .scrolling.menu').css('display', 'none');
  200. $('.choose.reference .text').removeClass('black');
  201. $($(this).data('target')).css('display', 'block');
  202. $(this).find('.text').addClass('black');
  203. return false;
  204. });
  205. }
  206. // Wiki
  207. if ($('.repository.wiki.view').length > 0) {
  208. initFilterSearchDropdown('.choose.page .dropdown');
  209. }
  210. // Options
  211. if ($('.repository.settings.options').length > 0) {
  212. $('#repo_name').keyup(function () {
  213. var $prompt_span = $('#repo-name-change-prompt');
  214. if ($(this).val().toString().toLowerCase() != $(this).data('repo-name').toString().toLowerCase()) {
  215. $prompt_span.show();
  216. } else {
  217. $prompt_span.hide();
  218. }
  219. });
  220. }
  221. // Labels
  222. if ($('.repository.labels').length > 0) {
  223. // Create label
  224. var $new_label_panel = $('.new-label.segment');
  225. $('.new-label.button').click(function () {
  226. $new_label_panel.show();
  227. });
  228. $('.new-label.segment .cancel').click(function () {
  229. $new_label_panel.hide();
  230. });
  231. $('.color-picker').each(function () {
  232. $(this).minicolors();
  233. });
  234. $('.precolors .color').click(function () {
  235. var color_hex = $(this).data('color-hex');
  236. $('.color-picker').val(color_hex);
  237. $('.minicolors-swatch-color').css("background-color", color_hex);
  238. });
  239. $('.edit-label-button').click(function () {
  240. $('#label-modal-id').val($(this).data('id'));
  241. $('.edit-label .new-label-input').val($(this).data('title'));
  242. $('.edit-label .color-picker').val($(this).data('color'));
  243. $('.minicolors-swatch-color').css("background-color", $(this).data('color'));
  244. $('.edit-label.modal').modal({
  245. onApprove: function () {
  246. $('.edit-label.form').submit();
  247. }
  248. }).modal('show');
  249. return false;
  250. });
  251. }
  252. // Milestones
  253. if ($('.repository.milestones').length > 0) {
  254. }
  255. if ($('.repository.new.milestone').length > 0) {
  256. var $datepicker = $('.milestone.datepicker');
  257. $datepicker.datetimepicker({
  258. lang: $datepicker.data('lang'),
  259. inline: true,
  260. timepicker: false,
  261. startDate: $datepicker.data('start-date'),
  262. formatDate: 'Y-m-d',
  263. onSelectDate: function (ct) {
  264. $('#deadline').val(ct.dateFormat('Y-m-d'));
  265. }
  266. });
  267. $('#clear-date').click(function () {
  268. $('#deadline').val('');
  269. return false;
  270. });
  271. }
  272. // Issues
  273. if ($('.repository.view.issue').length > 0) {
  274. // Edit issue title
  275. var $issue_title = $('#issue-title');
  276. var $edit_input = $('#edit-title-input input');
  277. var editTitleToggle = function () {
  278. $issue_title.toggle();
  279. $('.not-in-edit').toggle();
  280. $('#edit-title-input').toggle();
  281. $('.in-edit').toggle();
  282. $edit_input.focus();
  283. return false;
  284. };
  285. $('#edit-title').click(editTitleToggle);
  286. $('#cancel-edit-title').click(editTitleToggle);
  287. $('#save-edit-title').click(editTitleToggle).
  288. click(function () {
  289. if ($edit_input.val().length == 0 ||
  290. $edit_input.val() == $issue_title.text()) {
  291. $edit_input.val($issue_title.text());
  292. return false;
  293. }
  294. $.post($(this).data('update-url'), {
  295. "_csrf": csrf,
  296. "title": $edit_input.val()
  297. },
  298. function (data) {
  299. $edit_input.val(data.title);
  300. $issue_title.text(data.title);
  301. });
  302. return false;
  303. });
  304. // Edit issue or comment content
  305. $('.edit-content').click(function () {
  306. var $segment = $(this).parent().parent().next();
  307. var $edit_content_zone = $segment.find('.edit-content-zone');
  308. var $render_content = $segment.find('.render-content');
  309. var $raw_content = $segment.find('.raw-content');
  310. var $textarea;
  311. // Setup new form
  312. if ($edit_content_zone.html().length == 0) {
  313. $edit_content_zone.html($('#edit-content-form').html());
  314. $textarea = $segment.find('textarea');
  315. // Give new write/preview data-tab name to distinguish from others
  316. var $edit_content_form = $edit_content_zone.find('.ui.comment.form');
  317. var $tabular_menu = $edit_content_form.find('.tabular.menu');
  318. $tabular_menu.attr('data-write', $edit_content_zone.data('write'));
  319. $tabular_menu.attr('data-preview', $edit_content_zone.data('preview'));
  320. $tabular_menu.find('.write.item').attr('data-tab', $edit_content_zone.data('write'));
  321. $tabular_menu.find('.preview.item').attr('data-tab', $edit_content_zone.data('preview'));
  322. $edit_content_form.find('.write.segment').attr('data-tab', $edit_content_zone.data('write'));
  323. $edit_content_form.find('.preview.segment').attr('data-tab', $edit_content_zone.data('preview'));
  324. initCommentPreviewTab($edit_content_form);
  325. $edit_content_zone.find('.cancel.button').click(function () {
  326. $render_content.show();
  327. $edit_content_zone.hide();
  328. });
  329. $edit_content_zone.find('.save.button').click(function () {
  330. $render_content.show();
  331. $edit_content_zone.hide();
  332. $.post($edit_content_zone.data('update-url'), {
  333. "_csrf": csrf,
  334. "content": $textarea.val(),
  335. "context": $edit_content_zone.data('context')
  336. },
  337. function (data) {
  338. if (data.length == 0) {
  339. $render_content.html($('#no-content').html());
  340. } else {
  341. $render_content.html(data.content);
  342. emojify.run($render_content[0]);
  343. }
  344. });
  345. });
  346. } else {
  347. $textarea = $segment.find('textarea');
  348. }
  349. // Show write/preview tab and copy raw content as needed
  350. $edit_content_zone.show();
  351. $render_content.hide();
  352. if ($textarea.val().length == 0) {
  353. $textarea.val($raw_content.text());
  354. }
  355. $textarea.focus();
  356. return false;
  357. });
  358. // Change status
  359. var $status_btn = $('#status-button');
  360. $('#content').keyup(function () {
  361. if ($(this).val().length == 0) {
  362. $status_btn.text($status_btn.data('status'))
  363. } else {
  364. $status_btn.text($status_btn.data('status-and-comment'))
  365. }
  366. });
  367. $status_btn.click(function () {
  368. $('#status').val($status_btn.data('status-val'));
  369. $('#comment-form').submit();
  370. });
  371. }
  372. // Diff
  373. if ($('.repository.diff').length > 0) {
  374. var $counter = $('.diff-counter');
  375. if ($counter.length >= 1) {
  376. $counter.each(function (i, item) {
  377. var $item = $(item);
  378. var addLine = $item.find('span[data-line].add').data("line");
  379. var delLine = $item.find('span[data-line].del').data("line");
  380. var addPercent = parseFloat(addLine) / (parseFloat(addLine) + parseFloat(delLine)) * 100;
  381. $item.find(".bar .add").css("width", addPercent + "%");
  382. });
  383. }
  384. }
  385. // Quick start and repository home
  386. $('#repo-clone-ssh').click(function () {
  387. $('.clone-url').text($(this).data('link'));
  388. $('#repo-clone-url').val($(this).data('link'));
  389. $(this).addClass('blue');
  390. $('#repo-clone-https').removeClass('blue');
  391. });
  392. $('#repo-clone-https').click(function () {
  393. $('.clone-url').text($(this).data('link'));
  394. $('#repo-clone-url').val($(this).data('link'));
  395. $(this).addClass('blue');
  396. $('#repo-clone-ssh').removeClass('blue');
  397. });
  398. $('#repo-clone-url').click(function () {
  399. $(this).select();
  400. });
  401. // Pull request
  402. if ($('.repository.compare.pull').length > 0) {
  403. initFilterSearchDropdown('.choose.branch .dropdown');
  404. }
  405. }
  406. function initWiki() {
  407. if ($('.repository.wiki').length == 0) {
  408. return;
  409. }
  410. if ($('.repository.wiki.new').length > 0) {
  411. var $edit_area = $('#edit-area');
  412. var simplemde = new SimpleMDE({
  413. autoDownloadFontAwesome: false,
  414. element: $edit_area[0],
  415. previewRender: function (plainText, preview) { // Async method
  416. setTimeout(function () {
  417. // FIXME: still send render request when return back to edit mode
  418. $.post($edit_area.data('url'), {
  419. "_csrf": csrf,
  420. "mode": "gfm",
  421. "context": $edit_area.data('context'),
  422. "text": plainText
  423. },
  424. function (data) {
  425. preview.innerHTML = '<div class="markdown">' + data + '</div>';
  426. emojify.run($('.editor-preview')[0]);
  427. }
  428. );
  429. }, 0);
  430. return "Loading...";
  431. },
  432. renderingConfig: {
  433. singleLineBreaks: false
  434. },
  435. spellChecker: false,
  436. tabSize: 4,
  437. toolbar: ["bold", "italic", "strikethrough", "|",
  438. "heading", "heading-1", "heading-2", "heading-3", "|",
  439. "code", "quote", "|",
  440. "unordered-list", "ordered-list", "|",
  441. "link", "image", "horizontal-rule", "|",
  442. "preview", "fullscreen"]
  443. })
  444. }
  445. }
  446. function initOrganization() {
  447. if ($('.organization').length == 0) {
  448. return;
  449. }
  450. // Options
  451. if ($('.organization.settings.options').length > 0) {
  452. $('#org_name').keyup(function () {
  453. var $prompt_span = $('#org-name-change-prompt');
  454. if ($(this).val().toString().toLowerCase() != $(this).data('org-name').toString().toLowerCase()) {
  455. $prompt_span.show();
  456. } else {
  457. $prompt_span.hide();
  458. }
  459. });
  460. }
  461. }
  462. function initUser() {
  463. if ($('.user').length == 0) {
  464. return;
  465. }
  466. // Options
  467. if ($('.user.settings.profile').length > 0) {
  468. $('#username').keyup(function () {
  469. var $prompt_span = $('#name-change-prompt');
  470. if ($(this).val().toString().toLowerCase() != $(this).data('name').toString().toLowerCase()) {
  471. $prompt_span.show();
  472. } else {
  473. $prompt_span.hide();
  474. }
  475. });
  476. }
  477. }
  478. function initWebhook() {
  479. if ($('.new.webhook').length == 0) {
  480. return;
  481. }
  482. $('.events.checkbox input').change(function () {
  483. if ($(this).is(':checked')) {
  484. $('.events.fields').show();
  485. }
  486. });
  487. $('.non-events.checkbox input').change(function () {
  488. if ($(this).is(':checked')) {
  489. $('.events.fields').hide();
  490. }
  491. });
  492. // Test delivery
  493. $('#test-delivery').click(function () {
  494. var $this = $(this);
  495. $this.addClass('loading disabled');
  496. $.post($this.data('link'), {
  497. "_csrf": csrf
  498. }).done(
  499. setTimeout(function () {
  500. window.location.href = $this.data('redirect');
  501. }, 5000)
  502. )
  503. });
  504. }
  505. function initAdmin() {
  506. if ($('.admin').length == 0) {
  507. return;
  508. }
  509. // New user
  510. if ($('.admin.new.user').length > 0 ||
  511. $('.admin.edit.user').length > 0) {
  512. $('#login_type').change(function () {
  513. if ($(this).val().substring(0, 1) == '0') {
  514. $('#login_name').removeAttr('required');
  515. $('.non-local').hide();
  516. $('.local').show();
  517. $('#user_name').focus();
  518. if ($(this).data('password') == "required") {
  519. $('#password').attr('required', 'required');
  520. }
  521. } else {
  522. $('#login_name').attr('required', 'required');
  523. $('.non-local').show();
  524. $('.local').hide();
  525. $('#login_name').focus();
  526. $('#password').removeAttr('required');
  527. }
  528. });
  529. }
  530. // New authentication
  531. if ($('.admin.new.authentication').length > 0) {
  532. $('#auth_type').change(function () {
  533. $('.ldap').hide();
  534. $('.dldap').hide();
  535. $('.smtp').hide();
  536. $('.pam').hide();
  537. var auth_type = $(this).val();
  538. switch (auth_type) {
  539. case '2': // LDAP
  540. $('.ldap').show();
  541. break;
  542. case '3': // SMTP
  543. $('.smtp').show();
  544. break;
  545. case '4': // PAM
  546. $('.pam').show();
  547. break;
  548. case '5': // LDAP
  549. $('.dldap').show();
  550. break;
  551. }
  552. });
  553. }
  554. // Notice
  555. if ($('.admin.notice')) {
  556. var $detail_modal = $('#detail-modal');
  557. // Attach view detail modals
  558. $('.view-detail').click(function () {
  559. $detail_modal.find('.content p').text($(this).data('content'));
  560. $detail_modal.modal('show');
  561. return false;
  562. });
  563. // Select actions
  564. var $checkboxes = $('.select.table .ui.checkbox');
  565. $('.select.action').click(function () {
  566. switch ($(this).data('action')) {
  567. case 'select-all':
  568. $checkboxes.checkbox('check');
  569. break;
  570. case 'deselect-all':
  571. $checkboxes.checkbox('uncheck');
  572. break;
  573. case 'inverse':
  574. $checkboxes.checkbox('toggle');
  575. break;
  576. }
  577. });
  578. $('#delete-selection').click(function () {
  579. var $this = $(this);
  580. $this.addClass("loading disabled");
  581. var ids = [];
  582. $checkboxes.each(function () {
  583. if ($(this).checkbox('is checked')) {
  584. ids.push($(this).data('id'));
  585. }
  586. });
  587. $.post($this.data('link'), {
  588. "_csrf": csrf,
  589. "ids": ids
  590. }).done(function () {
  591. window.location.href = $this.data('redirect');
  592. });
  593. });
  594. }
  595. }
  596. function buttonsClickOnEnter() {
  597. $('.ui.button').keypress(function (e) {
  598. if (e.keyCode == 13 || e.keyCode == 32) // enter key or space bar
  599. $(this).click();
  600. });
  601. }
  602. function hideWhenLostFocus(body, parent) {
  603. $(document).click(function (e) {
  604. var target = e.target;
  605. if (!$(target).is(body) && !$(target).parents().is(parent)) {
  606. $(body).hide();
  607. }
  608. });
  609. }
  610. function searchUsers() {
  611. if (!$('#search-user-box .results').length) {
  612. return;
  613. }
  614. var $search_user_box = $('#search-user-box');
  615. var $result_list = $search_user_box.find('.results');
  616. $search_user_box.keyup(function () {
  617. var $this = $(this);
  618. var keyword = $this.find('input').val();
  619. if (keyword.length < 2) {
  620. $result_list.hide();
  621. return;
  622. }
  623. $.ajax({
  624. url: suburl + '/api/v1/users/search?q=' + keyword,
  625. dataType: "json",
  626. success: function (response) {
  627. var notEmpty = function (str) {
  628. return str && str.length > 0;
  629. };
  630. $result_list.html('');
  631. if (response.ok && response.data.length) {
  632. var html = '';
  633. $.each(response.data, function (i, item) {
  634. html += '<div class="item"><img class="ui avatar image" src="' + item.avatar_url + '"><span class="username">' + item.username + '</span>';
  635. if (notEmpty(item.full_name)) {
  636. html += ' (' + item.full_name + ')';
  637. }
  638. html += '</div>';
  639. });
  640. $result_list.html(html);
  641. $this.find('.results .item').click(function () {
  642. $this.find('input').val($(this).find('.username').text());
  643. $result_list.hide();
  644. });
  645. $result_list.show();
  646. } else {
  647. $result_list.hide();
  648. }
  649. }
  650. });
  651. });
  652. $search_user_box.find('input').focus(function () {
  653. $search_user_box.keyup();
  654. });
  655. hideWhenLostFocus('#search-user-box .results', '#search-user-box');
  656. }
  657. // FIXME: merge common parts in two functions
  658. function searchRepositories() {
  659. if (!$('#search-repo-box .results').length) {
  660. return;
  661. }
  662. var $search_repo_box = $('#search-repo-box');
  663. var $result_list = $search_repo_box.find('.results');
  664. $search_repo_box.keyup(function () {
  665. var $this = $(this);
  666. var keyword = $this.find('input').val();
  667. if (keyword.length < 2) {
  668. $result_list.hide();
  669. return;
  670. }
  671. $.ajax({
  672. url: suburl + '/api/v1/repos/search?q=' + keyword + "&uid=" + $search_repo_box.data('uid'),
  673. dataType: "json",
  674. success: function (response) {
  675. var notEmpty = function (str) {
  676. return str && str.length > 0;
  677. };
  678. $result_list.html('');
  679. if (response.ok && response.data.length) {
  680. var html = '';
  681. $.each(response.data, function (i, item) {
  682. html += '<div class="item"><i class="icon octicon octicon-repo"></i> <span class="fullname">' + item.full_name + '</span></div>';
  683. });
  684. $result_list.html(html);
  685. $this.find('.results .item').click(function () {
  686. $this.find('input').val($(this).find('.fullname').text().split("/")[1]);
  687. $result_list.hide();
  688. });
  689. $result_list.show();
  690. } else {
  691. $result_list.hide();
  692. }
  693. }
  694. });
  695. });
  696. $search_repo_box.find('input').focus(function () {
  697. $search_repo_box.keyup();
  698. });
  699. hideWhenLostFocus('#search-repo-box .results', '#search-repo-box');
  700. }
  701. $(document).ready(function () {
  702. csrf = $('meta[name=_csrf]').attr("content");
  703. suburl = $('meta[name=_suburl]').attr("content");
  704. // Show exact time
  705. $('.time-since').each(function () {
  706. $(this).addClass('poping up').
  707. attr('data-content', $(this).attr('title')).
  708. attr('data-variation', 'inverted tiny').
  709. attr('title', '');
  710. });
  711. // Semantic UI modules.
  712. $('.dropdown').dropdown();
  713. $('.jump.dropdown').dropdown({
  714. action: 'hide',
  715. onShow: function () {
  716. $('.poping.up').popup('hide');
  717. }
  718. });
  719. $('.slide.up.dropdown').dropdown({
  720. transition: 'slide up'
  721. });
  722. $('.upward.dropdown').dropdown({
  723. direction: 'upward'
  724. });
  725. $('.ui.accordion').accordion();
  726. $('.ui.checkbox').checkbox();
  727. $('.ui.progress').progress({
  728. showActivity: false
  729. });
  730. $('.poping.up').popup();
  731. $('.top.menu .poping.up').popup({
  732. onShow: function () {
  733. if ($('.top.menu .menu.transition').hasClass('visible')) {
  734. return false;
  735. }
  736. }
  737. });
  738. $('.tabular.menu .item').tab();
  739. $('.tabable.menu .item').tab();
  740. $('.toggle.button').click(function () {
  741. $($(this).data('target')).slideToggle(100);
  742. });
  743. // Highlight JS
  744. if (typeof hljs != 'undefined') {
  745. hljs.initHighlightingOnLoad();
  746. }
  747. // Dropzone
  748. if ($('#dropzone').length > 0) {
  749. // Disable auto discover for all elements:
  750. Dropzone.autoDiscover = false;
  751. var filenameDict = {};
  752. var $dropz = $('#dropzone');
  753. $dropz.dropzone({
  754. url: $dropz.data('upload-url'),
  755. headers: {"X-Csrf-Token": csrf},
  756. maxFiles: $dropz.data('max-file'),
  757. maxFilesize: $dropz.data('max-size'),
  758. acceptedFiles: ($dropz.data('accepts') === '*/*') ? null : $dropz.data('accepts'),
  759. addRemoveLinks: true,
  760. dictDefaultMessage: $dropz.data('default-message'),
  761. dictInvalidFileType: $dropz.data('invalid-input-type'),
  762. dictFileTooBig: $dropz.data('file-too-big'),
  763. dictRemoveFile: $dropz.data('remove-file'),
  764. init: function () {
  765. this.on("success", function (file, data) {
  766. filenameDict[file.name] = data.uuid;
  767. $('.attachments').append('<input id="' + data.uuid + '" name="attachments" type="hidden" value="' + data.uuid + '">');
  768. });
  769. this.on("removedfile", function (file) {
  770. if (file.name in filenameDict) {
  771. $('#' + filenameDict[file.name]).remove();
  772. }
  773. })
  774. }
  775. });
  776. }
  777. // Emojify
  778. emojify.setConfig({
  779. img_dir: suburl + '/img/emoji'
  780. });
  781. emojify.run();
  782. // Clipboard JS
  783. var clipboard = new Clipboard('.clipboard');
  784. clipboard.on('success', function (e) {
  785. e.clearSelection();
  786. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  787. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-success'))
  788. $('#' + e.trigger.getAttribute('id')).popup('show');
  789. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  790. });
  791. clipboard.on('error', function (e) {
  792. $('#' + e.trigger.getAttribute('id')).popup('destroy');
  793. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-error'))
  794. $('#' + e.trigger.getAttribute('id')).popup('show');
  795. e.trigger.setAttribute('data-content', e.trigger.getAttribute('data-original'))
  796. });
  797. // Helpers.
  798. $('.delete-button').click(function () {
  799. var $this = $(this);
  800. $('.delete.modal').modal({
  801. closable: false,
  802. onApprove: function () {
  803. if ($this.data('type') == "form") {
  804. $($this.data('form')).submit();
  805. return;
  806. }
  807. $.post($this.data('url'), {
  808. "_csrf": csrf,
  809. "id": $this.data("id")
  810. }).done(function (data) {
  811. window.location.href = data.redirect;
  812. });
  813. }
  814. }).modal('show');
  815. return false;
  816. });
  817. $('.show-panel.button').click(function () {
  818. $($(this).data('panel')).show();
  819. });
  820. $('.show-modal.button').click(function () {
  821. $($(this).data('modal')).modal('show');
  822. });
  823. // Set anchor.
  824. $('.markdown').each(function () {
  825. var headers = {};
  826. $(this).find('h1, h2, h3, h4, h5, h6').each(function () {
  827. var node = $(this);
  828. var val = encodeURIComponent(node.text().toLowerCase().replace(/[^\w\- ]/g, '').replace(/[ ]/g, '-'));
  829. var name = val;
  830. if (headers[val] > 0) {
  831. name = val + '-' + headers[val];
  832. }
  833. if (headers[val] == undefined) {
  834. headers[val] = 1;
  835. } else {
  836. headers[val] += 1;
  837. }
  838. node = node.wrap('<div id="' + name + '" class="anchor-wrap" ></div>');
  839. node.append('<a class="anchor" href="#' + name + '"><span class="octicon octicon-link"></span></a>');
  840. });
  841. });
  842. buttonsClickOnEnter();
  843. searchUsers();
  844. searchRepositories();
  845. initCommentForm();
  846. initInstall();
  847. initRepository();
  848. initWiki();
  849. initOrganization();
  850. initUser();
  851. initWebhook();
  852. initAdmin();
  853. });
  854. $(window).load(function () {
  855. function changeHash(hash) {
  856. if (history.pushState) {
  857. history.pushState(null, null, hash);
  858. }
  859. else {
  860. location.hash = hash;
  861. }
  862. }
  863. function deSelect() {
  864. if (window.getSelection) {
  865. window.getSelection().removeAllRanges();
  866. } else {
  867. document.selection.empty();
  868. }
  869. }
  870. function selectRange($list, $select, $from) {
  871. $list.removeClass('active');
  872. if ($from) {
  873. var a = parseInt($select.attr('rel').substr(1));
  874. var b = parseInt($from.attr('rel').substr(1));
  875. var c;
  876. if (a != b) {
  877. if (a > b) {
  878. c = a;
  879. a = b;
  880. b = c;
  881. }
  882. var classes = [];
  883. for (i = a; i <= b; i++) {
  884. classes.push('.L' + i);
  885. }
  886. $list.filter(classes.join(',')).addClass('active');
  887. changeHash('#L' + a + '-' + 'L' + b);
  888. return
  889. }
  890. }
  891. $select.addClass('active');
  892. changeHash('#' + $select.attr('rel'));
  893. }
  894. // Code view.
  895. if ($('.code-view .linenums').length > 0) {
  896. var $block = $('.code-view .linenums');
  897. var lines = $block.html().split("\n");
  898. $block.html('');
  899. var $num_list = $('.code-view .lines-num');
  900. // Building blocks.
  901. for (var i = 0; i < lines.length; i++) {
  902. $block.append('<li class="L' + (i + 1) + '" rel="L' + (i + 1) + '">' + lines[i] + '</li>');
  903. $num_list.append('<span id="L' + (i + 1) + '">' + (i + 1) + '</span>');
  904. }
  905. $(document).on('click', '.lines-num span', function (e) {
  906. var $select = $(this);
  907. var $list = $select.parent().siblings('.lines-code').find('ol.linenums > li');
  908. selectRange($list, $list.filter('[rel=' + $select.attr('id') + ']'), (e.shiftKey ? $list.filter('.active').eq(0) : null));
  909. deSelect();
  910. });
  911. $(window).on('hashchange', function (e) {
  912. var m = window.location.hash.match(/^#(L\d+)\-(L\d+)$/);
  913. var $list = $('.code-view ol.linenums > li');
  914. var $first;
  915. if (m) {
  916. $first = $list.filter('.' + m[1]);
  917. selectRange($list, $first, $list.filter('.' + m[2]));
  918. $("html, body").scrollTop($first.offset().top - 200);
  919. return;
  920. }
  921. m = window.location.hash.match(/^#(L\d+)$/);
  922. if (m) {
  923. $first = $list.filter('.' + m[1]);
  924. selectRange($list, $first);
  925. $("html, body").scrollTop($first.offset().top - 200);
  926. }
  927. }).trigger('hashchange');
  928. }
  929. });