element clickable like a link
+ $('tr[data-href]').on('click', function () {
+ window.location = $(this).data('href');
+ });
+
+ // make table | element clickable like a link
+ $('td[data-href]').click(function () {
+ window.location = $(this).data('href');
+ });
+}
+
+export async function initGlobalDropzone() {
+ // Dropzone
+ for (const el of document.querySelectorAll('.dropzone')) {
+ const $dropzone = $(el);
+ await createDropzone(el, {
+ url: $dropzone.data('upload-url'),
+ headers: {'X-Csrf-Token': csrf},
+ maxFiles: $dropzone.data('max-file'),
+ maxFilesize: $dropzone.data('max-size'),
+ acceptedFiles: (['*/*', ''].includes($dropzone.data('accepts'))) ? null : $dropzone.data('accepts'),
+ addRemoveLinks: true,
+ dictDefaultMessage: $dropzone.data('default-message'),
+ dictInvalidFileType: $dropzone.data('invalid-input-type'),
+ dictFileTooBig: $dropzone.data('file-too-big'),
+ dictRemoveFile: $dropzone.data('remove-file'),
+ timeout: 0,
+ thumbnailMethod: 'contain',
+ thumbnailWidth: 480,
+ thumbnailHeight: 480,
+ init() {
+ this.on('success', (_file, data) => {
+ const input = $(``).val(data.uuid);
+ $dropzone.find('.files').append(input);
+ });
+ this.on('removedfile', (file) => {
+ $(`#${file.uuid}`).remove();
+ if ($dropzone.data('remove-url')) {
+ $.post($dropzone.data('remove-url'), {
+ file: file.uuid,
+ _csrf: csrf,
+ });
+ }
+ });
+ },
+ });
+ }
+}
+
+export function initGlobalLinkActions() {
+ function showDeletePopup() {
+ const $this = $(this);
+ const dataArray = $this.data();
+ let filter = '';
+ if ($this.data('modal-id')) {
+ filter += `#${$this.data('modal-id')}`;
+ }
+
+ const dialog = $(`.delete.modal${filter}`);
+ dialog.find('.name').text($this.data('name'));
+ for (const [key, value] of Object.entries(dataArray)) {
+ if (key && key.startsWith('data')) {
+ dialog.find(`.${key}`).text(value);
+ }
+ }
+
+ dialog.modal({
+ closable: false,
+ onApprove() {
+ if ($this.data('type') === 'form') {
+ $($this.data('form')).trigger('submit');
+ return;
+ }
+
+ const postData = {
+ _csrf: csrf,
+ };
+ for (const [key, value] of Object.entries(dataArray)) {
+ if (key && key.startsWith('data')) {
+ postData[key.substr(4)] = value;
+ }
+ if (key === 'id') {
+ postData['id'] = value;
+ }
+ }
+
+ $.post($this.data('url'), postData).done((data) => {
+ window.location.href = data.redirect;
+ });
+ }
+ }).modal('show');
+ return false;
+ }
+
+ function showAddAllPopup() {
+ const $this = $(this);
+ let filter = '';
+ if ($this.attr('id')) {
+ filter += `#${$this.attr('id')}`;
+ }
+
+ const dialog = $(`.addall.modal${filter}`);
+ dialog.find('.name').text($this.data('name'));
+
+ dialog.modal({
+ closable: false,
+ onApprove() {
+ if ($this.data('type') === 'form') {
+ $($this.data('form')).trigger('submit');
+ return;
+ }
+
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ id: $this.data('id')
+ }).done((data) => {
+ window.location.href = data.redirect;
+ });
+ }
+ }).modal('show');
+ return false;
+ }
+
+ function linkAction(e) {
+ e.preventDefault();
+ const $this = $(this);
+ const redirect = $this.data('redirect');
+ $.post($this.data('url'), {
+ _csrf: csrf
+ }).done((data) => {
+ if (data.redirect) {
+ window.location.href = data.redirect;
+ } else if (redirect) {
+ window.location.href = redirect;
+ } else {
+ window.location.reload();
+ }
+ });
+ }
+
+ // Helpers.
+ $('.delete-button').on('click', showDeletePopup);
+ $('.link-action').on('click', linkAction);
+
+ // FIXME: this function is only used once, and not common, not well designed. should be refactored later
+ $('.add-all-button').on('click', showAddAllPopup);
+
+ // FIXME: this is only used once, and should be replace with `link-action` instead
+ $('.undo-button').on('click', function () {
+ const $this = $(this);
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ id: $this.data('id')
+ }).done((data) => {
+ window.location.href = data.redirect;
+ });
+ });
+}
+
+export function initGlobalButtons() {
+ $('.show-panel.button').on('click', function () {
+ $($(this).data('panel')).show();
+ });
+
+ $('.hide-panel.button').on('click', function () {
+ $($(this).data('panel')).hide();
+ });
+
+ $('.show-modal.button').on('click', function () {
+ $($(this).data('modal')).modal('show');
+ const colorPickers = $($(this).data('modal')).find('.color-picker');
+ if (colorPickers.length > 0) {
+ initCompColorPicker();
+ }
+ });
+
+ $('.delete-post.button').on('click', function () {
+ const $this = $(this);
+ $.post($this.data('request-url'), {
+ _csrf: csrf
+ }).done(() => {
+ window.location.href = $this.data('done-url');
+ });
+ });
+}
diff --git a/web_src/js/features/common-issue.js b/web_src/js/features/common-issue.js
new file mode 100644
index 000000000..e2cf51f2a
--- /dev/null
+++ b/web_src/js/features/common-issue.js
@@ -0,0 +1,40 @@
+import {updateIssuesMeta} from './repo-issue.js';
+
+export function initCommonIssue() {
+ $('.issue-checkbox').on('click', () => {
+ const numChecked = $('.issue-checkbox').children('input:checked').length;
+ if (numChecked > 0) {
+ $('#issue-filters').addClass('hide');
+ $('#issue-actions').removeClass('hide');
+ } else {
+ $('#issue-filters').removeClass('hide');
+ $('#issue-actions').addClass('hide');
+ }
+ });
+
+ $('.issue-action').on('click', function () {
+ let {action, elementId, url} = this.dataset;
+ const issueIDs = $('.issue-checkbox').children('input:checked').map((_, el) => {
+ return el.dataset.issueId;
+ }).get().join(',');
+ if (elementId === '0' && url.substr(-9) === '/assignee') {
+ elementId = '';
+ action = 'clear';
+ }
+ updateIssuesMeta(url, action, issueIDs, elementId, '').then(() => {
+ // NOTICE: This reset of checkbox state targets Firefox caching behaviour, as the checkboxes stay checked after reload
+ if (action === 'close' || action === 'open') {
+ // uncheck all checkboxes
+ $('.issue-checkbox input[type="checkbox"]').each((_, e) => { e.checked = false });
+ }
+ window.location.reload();
+ });
+ });
+
+ // NOTICE: This event trigger targets Firefox caching behaviour, as the checkboxes stay checked after reload
+ // trigger ckecked event, if checkboxes are checked on load
+ $('.issue-checkbox input[type="checkbox"]:checked').first().each((_, e) => {
+ e.checked = false;
+ $(e).trigger('click');
+ });
+}
diff --git a/web_src/js/features/common-organization.js b/web_src/js/features/common-organization.js
new file mode 100644
index 000000000..9496f8ff2
--- /dev/null
+++ b/web_src/js/features/common-organization.js
@@ -0,0 +1,24 @@
+import {initCompLabelEdit} from './comp/LabelEdit.js';
+
+export function initCommonOrganization() {
+ if ($('.organization').length === 0) {
+ return;
+ }
+
+ if ($('.organization.settings.options').length > 0) {
+ $('#org_name').on('keyup', function () {
+ const $prompt = $('#org-name-change-prompt');
+ const $prompt_redirect = $('#org-name-change-redirect-prompt');
+ if ($(this).val().toString().toLowerCase() !== $(this).data('org-name').toString().toLowerCase()) {
+ $prompt.show();
+ $prompt_redirect.show();
+ } else {
+ $prompt.hide();
+ $prompt_redirect.hide();
+ }
+ });
+ }
+
+ // Labels
+ initCompLabelEdit('.organization.settings.labels');
+}
diff --git a/web_src/js/features/comp/ColorPicker.js b/web_src/js/features/comp/ColorPicker.js
new file mode 100644
index 000000000..669e1d1f1
--- /dev/null
+++ b/web_src/js/features/comp/ColorPicker.js
@@ -0,0 +1,11 @@
+import createColorPicker from '../colorpicker.js';
+
+export function initCompColorPicker() {
+ createColorPicker($('.color-picker'));
+
+ $('.precolors .color').on('click', function () {
+ const color_hex = $(this).data('color-hex');
+ $('.color-picker').val(color_hex);
+ $('.minicolors-swatch-color').css('background-color', color_hex);
+ });
+}
diff --git a/web_src/js/features/comp/CommentSimpleMDE.js b/web_src/js/features/comp/CommentSimpleMDE.js
new file mode 100644
index 000000000..fbc0ec8ba
--- /dev/null
+++ b/web_src/js/features/comp/CommentSimpleMDE.js
@@ -0,0 +1,72 @@
+import attachTribute from '../tribute.js';
+
+export function createCommentSimpleMDE($editArea) {
+ if ($editArea.length === 0) {
+ return null;
+ }
+
+ const simplemde = new SimpleMDE({
+ autoDownloadFontAwesome: false,
+ element: $editArea[0],
+ forceSync: true,
+ renderingConfig: {
+ singleLineBreaks: false
+ },
+ indentWithTabs: false,
+ tabSize: 4,
+ spellChecker: false,
+ toolbar: ['bold', 'italic', 'strikethrough', '|',
+ 'heading-1', 'heading-2', 'heading-3', 'heading-bigger', 'heading-smaller', '|',
+ 'code', 'quote', '|', {
+ name: 'checkbox-empty',
+ action(e) {
+ const cm = e.codemirror;
+ cm.replaceSelection(`\n- [ ] ${cm.getSelection()}`);
+ cm.focus();
+ },
+ className: 'fa fa-square-o',
+ title: 'Add Checkbox (empty)',
+ },
+ {
+ name: 'checkbox-checked',
+ action(e) {
+ const cm = e.codemirror;
+ cm.replaceSelection(`\n- [x] ${cm.getSelection()}`);
+ cm.focus();
+ },
+ className: 'fa fa-check-square-o',
+ title: 'Add Checkbox (checked)',
+ }, '|',
+ 'unordered-list', 'ordered-list', '|',
+ 'link', 'image', 'table', 'horizontal-rule', '|',
+ 'clean-block', '|',
+ {
+ name: 'revert-to-textarea',
+ action(e) {
+ e.toTextArea();
+ },
+ className: 'fa fa-file',
+ title: 'Revert to simple textarea',
+ },
+ ]
+ });
+ $(simplemde.codemirror.getInputField()).addClass('js-quick-submit');
+ simplemde.codemirror.setOption('extraKeys', {
+ Enter: () => {
+ const tributeContainer = document.querySelector('.tribute-container');
+ if (!tributeContainer || tributeContainer.style.display === 'none') {
+ return CodeMirror.Pass;
+ }
+ },
+ Backspace: (cm) => {
+ if (cm.getInputField().trigger) {
+ cm.getInputField().trigger('input');
+ }
+ cm.execCommand('delCharBefore');
+ }
+ });
+ attachTribute(simplemde.codemirror.getInputField(), {mentions: true, emoji: true});
+ $editArea.data('simplemde', simplemde);
+ $(simplemde.codemirror.getInputField()).data('simplemde', simplemde);
+ return simplemde;
+}
diff --git a/web_src/js/features/comp/ImagePaste.js b/web_src/js/features/comp/ImagePaste.js
new file mode 100644
index 000000000..b6881dd28
--- /dev/null
+++ b/web_src/js/features/comp/ImagePaste.js
@@ -0,0 +1,91 @@
+const {AppSubUrl, csrf} = window.config;
+
+async function uploadFile(file, uploadUrl) {
+ const formData = new FormData();
+ formData.append('file', file, file.name);
+
+ const res = await fetch(uploadUrl, {
+ method: 'POST',
+ headers: {'X-Csrf-Token': csrf},
+ body: formData,
+ });
+ return await res.json();
+}
+
+function clipboardPastedImages(e) {
+ if (!e.clipboardData) return [];
+
+ const files = [];
+ for (const item of e.clipboardData.items || []) {
+ if (!item.type || !item.type.startsWith('image/')) continue;
+ files.push(item.getAsFile());
+ }
+
+ if (files.length) {
+ e.preventDefault();
+ e.stopPropagation();
+ }
+ return files;
+}
+
+
+function insertAtCursor(field, value) {
+ if (field.selectionStart || field.selectionStart === 0) {
+ const startPos = field.selectionStart;
+ const endPos = field.selectionEnd;
+ field.value = field.value.substring(0, startPos) + value + field.value.substring(endPos, field.value.length);
+ field.selectionStart = startPos + value.length;
+ field.selectionEnd = startPos + value.length;
+ } else {
+ field.value += value;
+ }
+}
+
+function replaceAndKeepCursor(field, oldval, newval) {
+ if (field.selectionStart || field.selectionStart === 0) {
+ const startPos = field.selectionStart;
+ const endPos = field.selectionEnd;
+ field.value = field.value.replace(oldval, newval);
+ field.selectionStart = startPos + newval.length - oldval.length;
+ field.selectionEnd = endPos + newval.length - oldval.length;
+ } else {
+ field.value = field.value.replace(oldval, newval);
+ }
+}
+
+export function initCompImagePaste($target) {
+ $target.each(function () {
+ const dropzone = this.querySelector('.dropzone');
+ if (!dropzone) {
+ return;
+ }
+ const uploadUrl = dropzone.dataset.uploadUrl;
+ const dropzoneFiles = dropzone.querySelector('.files');
+ for (const textarea of this.querySelectorAll('textarea')) {
+ textarea.addEventListener('paste', async (e) => {
+ for (const img of clipboardPastedImages(e)) {
+ const name = img.name.substr(0, img.name.lastIndexOf('.'));
+ insertAtCursor(textarea, `![${name}]()`);
+ const data = await uploadFile(img, uploadUrl);
+ replaceAndKeepCursor(textarea, `![${name}]()`, ``);
+ const input = $(``).val(data.uuid);
+ dropzoneFiles.appendChild(input[0]);
+ }
+ }, false);
+ }
+ });
+}
+
+export function initSimpleMDEImagePaste(simplemde, dropzone, files) {
+ const uploadUrl = dropzone.dataset.uploadUrl;
+ simplemde.codemirror.on('paste', async (_, e) => {
+ for (const img of clipboardPastedImages(e)) {
+ const name = img.name.substr(0, img.name.lastIndexOf('.'));
+ const data = await uploadFile(img, uploadUrl);
+ const pos = simplemde.codemirror.getCursor();
+ simplemde.codemirror.replaceRange(``, pos);
+ const input = $(``).val(data.uuid);
+ files.append(input);
+ }
+ });
+}
diff --git a/web_src/js/features/comp/LabelEdit.js b/web_src/js/features/comp/LabelEdit.js
new file mode 100644
index 000000000..7d71e6eff
--- /dev/null
+++ b/web_src/js/features/comp/LabelEdit.js
@@ -0,0 +1,30 @@
+import {initCompColorPicker} from './ColorPicker.js';
+
+export function initCompLabelEdit(selector) {
+ if (!$(selector).length) return;
+ // Create label
+ const $newLabelPanel = $('.new-label.segment');
+ $('.new-label.button').on('click', () => {
+ $newLabelPanel.show();
+ });
+ $('.new-label.segment .cancel').on('click', () => {
+ $newLabelPanel.hide();
+ });
+
+ initCompColorPicker();
+
+ $('.edit-label-button').on('click', function () {
+ $('.edit-label .color-picker').minicolors('value', $(this).data('color'));
+ $('#label-modal-id').val($(this).data('id'));
+ $('.edit-label .new-label-input').val($(this).data('title'));
+ $('.edit-label .new-label-desc-input').val($(this).data('description'));
+ $('.edit-label .color-picker').val($(this).data('color'));
+ $('.edit-label .minicolors-swatch-color').css('background-color', $(this).data('color'));
+ $('.edit-label.modal').modal({
+ onApprove() {
+ $('.edit-label.form').trigger('submit');
+ }
+ }).modal('show');
+ return false;
+ });
+}
diff --git a/web_src/js/features/comp/MarkupContentPreview.js b/web_src/js/features/comp/MarkupContentPreview.js
new file mode 100644
index 000000000..0b05c4efa
--- /dev/null
+++ b/web_src/js/features/comp/MarkupContentPreview.js
@@ -0,0 +1,21 @@
+import {initMarkupContent} from '../../markup/content.js';
+
+const {csrf} = window.config;
+
+export function initCompMarkupContentPreviewTab($form) {
+ const $tabMenu = $form.find('.tabular.menu');
+ $tabMenu.find('.item').tab();
+ $tabMenu.find(`.item[data-tab="${$tabMenu.data('preview')}"]`).on('click', function () {
+ const $this = $(this);
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ mode: 'comment',
+ context: $this.data('context'),
+ text: $form.find(`.tab[data-tab="${$tabMenu.data('write')}"] textarea`).val()
+ }, (data) => {
+ const $previewPanel = $form.find(`.tab[data-tab="${$tabMenu.data('preview')}"]`);
+ $previewPanel.html(data);
+ initMarkupContent();
+ });
+ });
+}
diff --git a/web_src/js/features/comp/ReactionSelector.js b/web_src/js/features/comp/ReactionSelector.js
new file mode 100644
index 000000000..d11c9667b
--- /dev/null
+++ b/web_src/js/features/comp/ReactionSelector.js
@@ -0,0 +1,48 @@
+const {csrf} = window.config;
+
+export function initCompReactionSelector(parent) {
+ let reactions = '';
+ if (!parent) {
+ parent = $(document);
+ reactions = '.reactions > ';
+ }
+
+ parent.find(`${reactions}a.label`).popup({position: 'bottom left', metadata: {content: 'title', title: 'none'}});
+
+ parent.find(`.select-reaction > .menu > .item, ${reactions}a.label`).on('click', function (e) {
+ e.preventDefault();
+
+ if ($(this).hasClass('disabled')) return;
+
+ const actionURL = $(this).hasClass('item') ? $(this).closest('.select-reaction').data('action-url') : $(this).data('action-url');
+ const url = `${actionURL}/${$(this).hasClass('blue') ? 'unreact' : 'react'}`;
+ $.ajax({
+ type: 'POST',
+ url,
+ data: {
+ _csrf: csrf,
+ content: $(this).data('content')
+ }
+ }).done((resp) => {
+ if (resp && (resp.html || resp.empty)) {
+ const content = $(this).closest('.content');
+ let react = content.find('.segment.reactions');
+ if ((!resp.empty || resp.html === '') && react.length > 0) {
+ react.remove();
+ }
+ if (!resp.empty) {
+ react = $('');
+ const attachments = content.find('.segment.bottom:first');
+ if (attachments.length > 0) {
+ react.insertBefore(attachments);
+ } else {
+ react.appendTo(content);
+ }
+ react.html(resp.html);
+ react.find('.dropdown').dropdown();
+ initCompReactionSelector(react);
+ }
+ }
+ });
+ });
+}
diff --git a/web_src/js/features/comp/SearchUserBox.js b/web_src/js/features/comp/SearchUserBox.js
new file mode 100644
index 000000000..9019f17de
--- /dev/null
+++ b/web_src/js/features/comp/SearchUserBox.js
@@ -0,0 +1,36 @@
+import {htmlEscape} from 'escape-goat';
+
+const {AppSubUrl} = window.config;
+
+export function initSearchUserBox() {
+ const $searchUserBox = $('#search-user-box');
+ $searchUserBox.search({
+ minCharacters: 2,
+ apiSettings: {
+ url: `${AppSubUrl}/api/v1/users/search?q={query}`,
+ onResponse(response) {
+ const items = [];
+ const searchQueryUppercase = $searchUserBox.find('input').val().toUpperCase();
+ $.each(response.data, (_i, item) => {
+ let title = item.login;
+ if (item.full_name && item.full_name.length > 0) {
+ title += ` (${htmlEscape(item.full_name)})`;
+ }
+ const resultItem = {
+ title,
+ image: item.avatar_url
+ };
+ if (searchQueryUppercase === item.login.toUpperCase()) {
+ items.unshift(resultItem);
+ } else {
+ items.push(resultItem);
+ }
+ });
+
+ return {results: items};
+ }
+ },
+ searchFields: ['login', 'full_name'],
+ showNoResults: false
+ });
+}
diff --git a/web_src/js/features/comp/WebHookEditor.js b/web_src/js/features/comp/WebHookEditor.js
new file mode 100644
index 000000000..6911c6cb1
--- /dev/null
+++ b/web_src/js/features/comp/WebHookEditor.js
@@ -0,0 +1,40 @@
+const {csrf} = window.config;
+
+export function initWebHookEditor() {
+ if ($('.new.webhook').length === 0) {
+ return;
+ }
+
+ $('.events.checkbox input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('.events.fields').show();
+ }
+ });
+ $('.non-events.checkbox input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('.events.fields').hide();
+ }
+ });
+
+ const updateContentType = function () {
+ const visible = $('#http_method').val() === 'POST';
+ $('#content_type').parent().parent()[visible ? 'show' : 'hide']();
+ };
+ updateContentType();
+ $('#http_method').on('change', () => {
+ updateContentType();
+ });
+
+ // Test delivery
+ $('#test-delivery').on('click', function () {
+ const $this = $(this);
+ $this.addClass('loading disabled');
+ $.post($this.data('link'), {
+ _csrf: csrf
+ }).done(
+ setTimeout(() => {
+ window.location.href = $this.data('redirect');
+ }, 5000)
+ );
+ });
+}
diff --git a/web_src/js/features/install.js b/web_src/js/features/install.js
new file mode 100644
index 000000000..6083fa7a5
--- /dev/null
+++ b/web_src/js/features/install.js
@@ -0,0 +1,91 @@
+export function initInstall() {
+ if ($('.install').length === 0) {
+ return;
+ }
+
+ if ($('#db_host').val() === '') {
+ $('#db_host').val('127.0.0.1:3306');
+ $('#db_user').val('gitea');
+ $('#db_name').val('gitea');
+ }
+
+ // Database type change detection.
+ $('#db_type').on('change', function () {
+ const sqliteDefault = 'data/gitea.db';
+ const tidbDefault = 'data/gitea_tidb';
+
+ const dbType = $(this).val();
+ if (dbType === 'SQLite3') {
+ $('#sql_settings').hide();
+ $('#pgsql_settings').hide();
+ $('#mysql_settings').hide();
+ $('#sqlite_settings').show();
+
+ if (dbType === 'SQLite3' && $('#db_path').val() === tidbDefault) {
+ $('#db_path').val(sqliteDefault);
+ }
+ return;
+ }
+
+ const dbDefaults = {
+ MySQL: '127.0.0.1:3306',
+ PostgreSQL: '127.0.0.1:5432',
+ MSSQL: '127.0.0.1:1433'
+ };
+
+ $('#sqlite_settings').hide();
+ $('#sql_settings').show();
+
+ $('#pgsql_settings').toggle(dbType === 'PostgreSQL');
+ $('#mysql_settings').toggle(dbType === 'MySQL');
+ $.each(dbDefaults, (_type, defaultHost) => {
+ if ($('#db_host').val() === defaultHost) {
+ $('#db_host').val(dbDefaults[dbType]);
+ return false;
+ }
+ });
+ });
+
+ // TODO: better handling of exclusive relations.
+ $('#offline-mode input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('#disable-gravatar').checkbox('check');
+ $('#federated-avatar-lookup').checkbox('uncheck');
+ }
+ });
+ $('#disable-gravatar input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('#federated-avatar-lookup').checkbox('uncheck');
+ } else {
+ $('#offline-mode').checkbox('uncheck');
+ }
+ });
+ $('#federated-avatar-lookup input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('#disable-gravatar').checkbox('uncheck');
+ $('#offline-mode').checkbox('uncheck');
+ }
+ });
+ $('#enable-openid-signin input').on('change', function () {
+ if ($(this).is(':checked')) {
+ if (!$('#disable-registration input').is(':checked')) {
+ $('#enable-openid-signup').checkbox('check');
+ }
+ } else {
+ $('#enable-openid-signup').checkbox('uncheck');
+ }
+ });
+ $('#disable-registration input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('#enable-captcha').checkbox('uncheck');
+ $('#enable-openid-signup').checkbox('uncheck');
+ } else {
+ $('#enable-openid-signup').checkbox('check');
+ }
+ });
+ $('#enable-captcha input').on('change', function () {
+ if ($(this).is(':checked')) {
+ $('#disable-registration').checkbox('uncheck');
+ }
+ });
+}
diff --git a/web_src/js/features/org-team.js b/web_src/js/features/org-team.js
new file mode 100644
index 000000000..d6492965f
--- /dev/null
+++ b/web_src/js/features/org-team.js
@@ -0,0 +1,37 @@
+const {AppSubUrl} = window.config;
+
+export function initOrgTeamSettings() {
+ // Change team access mode
+ $('.organization.new.team input[name=permission]').on('change', () => {
+ const val = $('input[name=permission]:checked', '.organization.new.team').val();
+ if (val === 'admin') {
+ $('.organization.new.team .team-units').hide();
+ } else {
+ $('.organization.new.team .team-units').show();
+ }
+ });
+}
+
+
+export function initOrgTeamSearchRepoBox() {
+ const $searchRepoBox = $('#search-repo-box');
+ $searchRepoBox.search({
+ minCharacters: 2,
+ apiSettings: {
+ url: `${AppSubUrl}/api/v1/repos/search?q={query}&uid=${$searchRepoBox.data('uid')}`,
+ onResponse(response) {
+ const items = [];
+ $.each(response.data, (_i, item) => {
+ items.push({
+ title: item.full_name.split('/')[1],
+ description: item.full_name
+ });
+ });
+
+ return {results: items};
+ }
+ },
+ searchFields: ['full_name'],
+ showNoResults: false
+ });
+}
diff --git a/web_src/js/features/repo-branch.js b/web_src/js/features/repo-branch.js
new file mode 100644
index 000000000..c9119997c
--- /dev/null
+++ b/web_src/js/features/repo-branch.js
@@ -0,0 +1,7 @@
+export function initRepoBranchButton() {
+ $('.show-create-branch-modal.button').on('click', function () {
+ $('#create-branch-form')[0].action = $('#create-branch-form').data('base-action') + $(this).data('branch-from');
+ $('#modal-create-branch-from-span').text($(this).data('branch-from'));
+ $($(this).data('modal')).modal('show');
+ });
+}
diff --git a/web_src/js/features/repo-code.js b/web_src/js/features/repo-code.js
new file mode 100644
index 000000000..74b3c1fba
--- /dev/null
+++ b/web_src/js/features/repo-code.js
@@ -0,0 +1,145 @@
+import {svg} from '../svg.js';
+
+function changeHash(hash) {
+ if (window.history.pushState) {
+ window.history.pushState(null, null, hash);
+ } else {
+ window.location.hash = hash;
+ }
+}
+
+function selectRange($list, $select, $from) {
+ $list.removeClass('active');
+
+ // add hashchange to permalink
+ const $issue = $('a.ref-in-new-issue');
+ const $copyPermalink = $('a.copy-line-permalink');
+
+ if ($issue.length === 0 || $copyPermalink.length === 0) {
+ return;
+ }
+
+ const updateIssueHref = function(anchor) {
+ let href = $issue.attr('href');
+ href = `${href.replace(/%23L\d+$|%23L\d+-L\d+$/, '')}%23${anchor}`;
+ $issue.attr('href', href);
+ };
+
+ const updateCopyPermalinkHref = function(anchor) {
+ let link = $copyPermalink.attr('data-clipboard-text');
+ link = `${link.replace(/#L\d+$|#L\d+-L\d+$/, '')}#${anchor}`;
+ $copyPermalink.attr('data-clipboard-text', link);
+ };
+
+ if ($from) {
+ let a = parseInt($select.attr('rel').substr(1));
+ let b = parseInt($from.attr('rel').substr(1));
+ let c;
+ if (a !== b) {
+ if (a > b) {
+ c = a;
+ a = b;
+ b = c;
+ }
+ const classes = [];
+ for (let i = a; i <= b; i++) {
+ classes.push(`[rel=L${i}]`);
+ }
+ $list.filter(classes.join(',')).addClass('active');
+ changeHash(`#L${a}-L${b}`);
+
+ updateIssueHref(`L${a}-L${b}`);
+ updateCopyPermalinkHref(`L${a}-L${b}`);
+ return;
+ }
+ }
+ $select.addClass('active');
+ changeHash(`#${$select.attr('rel')}`);
+
+ updateIssueHref($select.attr('rel'));
+ updateCopyPermalinkHref($select.attr('rel'));
+}
+
+function showLineButton() {
+ if ($('.code-line-menu').length === 0) return;
+ $('.code-line-button').remove();
+ $('.code-view td.lines-code.active').closest('tr').find('td:eq(0)').first().prepend(
+ $(``)
+ );
+ $('.code-line-menu').appendTo($('.code-view'));
+ $('.code-line-button').popup({popup: $('.code-line-menu'), on: 'click'});
+}
+
+export function initRepoCodeView() {
+ if ($('.code-view .lines-num').length > 0) {
+ $(document).on('click', '.lines-num span', function (e) {
+ const $select = $(this);
+ let $list;
+ if ($('div.blame').length) {
+ $list = $('.code-view td.lines-code.blame-code');
+ } else {
+ $list = $('.code-view td.lines-code');
+ }
+ selectRange($list, $list.filter(`[rel=${$select.attr('id')}]`), (e.shiftKey ? $list.filter('.active').eq(0) : null));
+
+ if (window.getSelection) {
+ window.getSelection().removeAllRanges();
+ } else {
+ document.selection.empty();
+ }
+
+ // show code view menu marker (don't show in blame page)
+ if ($('div.blame').length === 0) {
+ showLineButton();
+ }
+ });
+
+ $(window).on('hashchange', () => {
+ let m = window.location.hash.match(/^#(L\d+)-(L\d+)$/);
+ let $list;
+ if ($('div.blame').length) {
+ $list = $('.code-view td.lines-code.blame-code');
+ } else {
+ $list = $('.code-view td.lines-code');
+ }
+ let $first;
+ if (m) {
+ $first = $list.filter(`[rel=${m[1]}]`);
+ selectRange($list, $first, $list.filter(`[rel=${m[2]}]`));
+
+ // show code view menu marker (don't show in blame page)
+ if ($('div.blame').length === 0) {
+ showLineButton();
+ }
+
+ $('html, body').scrollTop($first.offset().top - 200);
+ return;
+ }
+ m = window.location.hash.match(/^#(L|n)(\d+)$/);
+ if (m) {
+ $first = $list.filter(`[rel=L${m[2]}]`);
+ selectRange($list, $first);
+
+ // show code view menu marker (don't show in blame page)
+ if ($('div.blame').length === 0) {
+ showLineButton();
+ }
+
+ $('html, body').scrollTop($first.offset().top - 200);
+ }
+ }).trigger('hashchange');
+ }
+ $(document).on('click', '.fold-file', ({currentTarget}) => {
+ const box = currentTarget.closest('.file-content');
+ const chevron = currentTarget.querySelector('a.chevron');
+ const folded = box.dataset.folded !== 'true';
+ chevron.innerHTML = svg(`octicon-chevron-${folded ? 'right' : 'down'}`, 18);
+ box.dataset.folded = String(folded);
+ });
+ $(document).on('click', '.blob-excerpt', async ({currentTarget}) => {
+ const {url, query, anchor} = currentTarget.dataset;
+ if (!url) return;
+ const blob = await $.get(`${url}?${query}&anchor=${anchor}`);
+ currentTarget.closest('tr').outerHTML = blob;
+ });
+}
diff --git a/web_src/js/features/repo-commit.js b/web_src/js/features/repo-commit.js
new file mode 100644
index 000000000..336a37d65
--- /dev/null
+++ b/web_src/js/features/repo-commit.js
@@ -0,0 +1,6 @@
+export function initRepoCommitButton() {
+ $('.commit-button').on('click', function (e) {
+ e.preventDefault();
+ $(this).parent().find('.commit-body').toggle();
+ });
+}
diff --git a/web_src/js/features/repo-common.js b/web_src/js/features/repo-common.js
new file mode 100644
index 000000000..c050dba34
--- /dev/null
+++ b/web_src/js/features/repo-common.js
@@ -0,0 +1,100 @@
+const {csrf} = window.config;
+
+function getArchive($target, url, first) {
+ $.ajax({
+ url,
+ type: 'POST',
+ data: {
+ _csrf: csrf,
+ },
+ complete(xhr) {
+ if (xhr.status === 200) {
+ if (!xhr.responseJSON) {
+ // XXX Shouldn't happen?
+ $target.closest('.dropdown').children('i').removeClass('loading');
+ return;
+ }
+
+ if (!xhr.responseJSON.complete) {
+ $target.closest('.dropdown').children('i').addClass('loading');
+ // Wait for only three quarters of a second initially, in case it's
+ // quickly archived.
+ setTimeout(() => {
+ getArchive($target, url, false);
+ }, first ? 750 : 2000);
+ } else {
+ // We don't need to continue checking.
+ $target.closest('.dropdown').children('i').removeClass('loading');
+ window.location.href = url;
+ }
+ }
+ },
+ });
+}
+
+export function initRepoArchiveLinks() {
+ $('.archive-link').on('click', function (event) {
+ event.preventDefault();
+ const url = $(this).data('url');
+ if (!url) return;
+ getArchive($(event.target), url, true);
+ });
+}
+
+export function initRepoClone() {
+ // Quick start and repository home
+ $('#repo-clone-ssh').on('click', function () {
+ $('.clone-url').text($(this).data('link'));
+ $('#repo-clone-url').val($(this).data('link'));
+ $(this).addClass('primary');
+ $('#repo-clone-https').removeClass('primary');
+ localStorage.setItem('repo-clone-protocol', 'ssh');
+ });
+ $('#repo-clone-https').on('click', function () {
+ $('.clone-url').text($(this).data('link'));
+ $('#repo-clone-url').val($(this).data('link'));
+ $(this).addClass('primary');
+ if ($('#repo-clone-ssh').length > 0) {
+ $('#repo-clone-ssh').removeClass('primary');
+ localStorage.setItem('repo-clone-protocol', 'https');
+ }
+ });
+ $('#repo-clone-url').on('click', function () {
+ $(this).select();
+ });
+}
+
+export function initRepoCommonBranchOrTagDropdown(selector) {
+ $(selector).each(function () {
+ const $dropdown = $(this);
+ $dropdown.find('.reference.column').on('click', function () {
+ $dropdown.find('.scrolling.reference-list-menu').hide();
+ $($(this).data('target')).show();
+ return false;
+ });
+ });
+}
+
+export function initRepoCommonFilterSearchDropdown(selector) {
+ const $dropdown = $(selector);
+ $dropdown.dropdown({
+ fullTextSearch: true,
+ selectOnKeydown: false,
+ onChange(_text, _value, $choice) {
+ if ($choice.data('url')) {
+ window.location.href = $choice.data('url');
+ }
+ },
+ message: {noResults: $dropdown.data('no-results')},
+ });
+}
+
+export function initRepoCommonLanguageStats() {
+ // Language stats
+ if ($('.language-stats').length > 0) {
+ $('.language-stats').on('click', (e) => {
+ e.preventDefault();
+ $('.language-stats-details, .repository-menu').slideToggle();
+ });
+ }
+}
diff --git a/web_src/js/features/repo-diff.js b/web_src/js/features/repo-diff.js
new file mode 100644
index 000000000..4d6a1a011
--- /dev/null
+++ b/web_src/js/features/repo-diff.js
@@ -0,0 +1,81 @@
+import {initCompReactionSelector} from './comp/ReactionSelector.js';
+
+const {csrf} = window.config;
+
+export function initRepoDiffReviewButton() {
+ $(document).on('click', 'button[name="is_review"]', (e) => {
+ $(e.target).closest('form').append('');
+ });
+}
+
+export function initRepoDiffFileViewToggle() {
+ $('.file-view-toggle').on('click', function () {
+ const $this = $(this);
+ $this.parent().children().removeClass('active');
+ $this.addClass('active');
+
+ const $target = $($this.data('toggle-selector'));
+ $target.parent().children().addClass('hide');
+ $target.removeClass('hide');
+ });
+}
+
+export function initRepoDiffConversationForm() {
+ $('.conversation-holder form').on('submit', async (e) => {
+ e.preventDefault();
+ const form = $(e.target);
+ const newConversationHolder = $(await $.post(form.attr('action'), form.serialize()));
+ const {path, side, idx} = newConversationHolder.data();
+
+ form.closest('.conversation-holder').replaceWith(newConversationHolder);
+ if (form.closest('tr').data('line-type') === 'same') {
+ $(`a.add-code-comment[data-path="${path}"][data-idx="${idx}"]`).addClass('invisible');
+ } else {
+ $(`a.add-code-comment[data-path="${path}"][data-side="${side}"][data-idx="${idx}"]`).addClass('invisible');
+ }
+ newConversationHolder.find('.dropdown').dropdown();
+ initCompReactionSelector(newConversationHolder);
+ });
+
+
+ $('.resolve-conversation').on('click', async function (e) {
+ e.preventDefault();
+ const comment_id = $(this).data('comment-id');
+ const origin = $(this).data('origin');
+ const action = $(this).data('action');
+ const url = $(this).data('update-url');
+
+ const data = await $.post(url, {_csrf: csrf, origin, action, comment_id});
+
+ if ($(this).closest('.conversation-holder').length) {
+ const conversation = $(data);
+ $(this).closest('.conversation-holder').replaceWith(conversation);
+ conversation.find('.dropdown').dropdown();
+ initCompReactionSelector(conversation);
+ } else {
+ window.location.reload();
+ }
+ });
+}
+
+export function initRepoDiffConversationNav() {
+ // Previous/Next code review conversation
+ $(document).on('click', '.previous-conversation', (e) => {
+ const $conversation = $(e.currentTarget).closest('.comment-code-cloud');
+ const $conversations = $('.comment-code-cloud:not(.hide)');
+ const index = $conversations.index($conversation);
+ const previousIndex = index > 0 ? index - 1 : $conversations.length - 1;
+ const $previousConversation = $conversations.eq(previousIndex);
+ const anchor = $previousConversation.find('.comment').first().attr('id');
+ window.location.href = `#${anchor}`;
+ });
+ $(document).on('click', '.next-conversation', (e) => {
+ const $conversation = $(e.currentTarget).closest('.comment-code-cloud');
+ const $conversations = $('.comment-code-cloud:not(.hide)');
+ const index = $conversations.index($conversation);
+ const nextIndex = index < $conversations.length - 1 ? index + 1 : 0;
+ const $nextConversation = $conversations.eq(nextIndex);
+ const anchor = $nextConversation.find('.comment').first().attr('id');
+ window.location.href = `#${anchor}`;
+ });
+}
diff --git a/web_src/js/features/repo-editor.js b/web_src/js/features/repo-editor.js
new file mode 100644
index 000000000..831b621fd
--- /dev/null
+++ b/web_src/js/features/repo-editor.js
@@ -0,0 +1,180 @@
+import {initMarkupContent} from '../markup/content.js';
+import {createCodeEditor} from './codeeditor.js';
+
+const {csrf} = window.config;
+
+let previewFileModes;
+
+function initEditPreviewTab($form) {
+ const $tabMenu = $form.find('.tabular.menu');
+ $tabMenu.find('.item').tab();
+ const $previewTab = $tabMenu.find(`.item[data-tab="${$tabMenu.data('preview')}"]`);
+ if ($previewTab.length) {
+ previewFileModes = $previewTab.data('preview-file-modes').split(',');
+ $previewTab.on('click', function () {
+ const $this = $(this);
+ let context = `${$this.data('context')}/`;
+ const mode = $this.data('markdown-mode') || 'comment';
+ const treePathEl = $form.find('input#tree_path');
+ if (treePathEl.length > 0) {
+ context += treePathEl.val();
+ }
+ context = context.substring(0, context.lastIndexOf('/'));
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ mode,
+ context,
+ text: $form.find(`.tab[data-tab="${$tabMenu.data('write')}"] textarea`).val()
+ }, (data) => {
+ const $previewPanel = $form.find(`.tab[data-tab="${$tabMenu.data('preview')}"]`);
+ $previewPanel.html(data);
+ initMarkupContent();
+ });
+ });
+ }
+}
+
+function initEditDiffTab($form) {
+ const $tabMenu = $form.find('.tabular.menu');
+ $tabMenu.find('.item').tab();
+ $tabMenu.find(`.item[data-tab="${$tabMenu.data('diff')}"]`).on('click', function () {
+ const $this = $(this);
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ context: $this.data('context'),
+ content: $form.find(`.tab[data-tab="${$tabMenu.data('write')}"] textarea`).val()
+ }, (data) => {
+ const $diffPreviewPanel = $form.find(`.tab[data-tab="${$tabMenu.data('diff')}"]`);
+ $diffPreviewPanel.html(data);
+ });
+ });
+}
+
+function initEditorForm() {
+ if ($('.repository .edit.form').length === 0) {
+ return;
+ }
+
+ initEditPreviewTab($('.repository .edit.form'));
+ initEditDiffTab($('.repository .edit.form'));
+}
+
+
+function getCursorPosition($e) {
+ const el = $e.get(0);
+ let pos = 0;
+ if ('selectionStart' in el) {
+ pos = el.selectionStart;
+ } else if ('selection' in document) {
+ el.focus();
+ const Sel = document.selection.createRange();
+ const SelLength = document.selection.createRange().text.length;
+ Sel.moveStart('character', -el.value.length);
+ pos = Sel.text.length - SelLength;
+ }
+ return pos;
+}
+
+export async function initRepoEditor() {
+ initEditorForm();
+
+ $('.js-quick-pull-choice-option').on('change', function () {
+ if ($(this).val() === 'commit-to-new-branch') {
+ $('.quick-pull-branch-name').show();
+ $('.quick-pull-branch-name input').prop('required', true);
+ } else {
+ $('.quick-pull-branch-name').hide();
+ $('.quick-pull-branch-name input').prop('required', false);
+ }
+ $('#commit-button').text($(this).attr('button_text'));
+ });
+
+ const $editFilename = $('#file-name');
+ $editFilename.on('keyup', function (e) {
+ const $section = $('.breadcrumb span.section');
+ const $divider = $('.breadcrumb div.divider');
+ let value;
+ let parts;
+
+ if (e.keyCode === 8 && getCursorPosition($(this)) === 0 && $section.length > 0) {
+ value = $section.last().find('a').text();
+ $(this).val(value + $(this).val());
+ $(this)[0].setSelectionRange(value.length, value.length);
+ $section.last().remove();
+ $divider.last().remove();
+ }
+ if (e.keyCode === 191) {
+ parts = $(this).val().split('/');
+ for (let i = 0; i < parts.length; ++i) {
+ value = parts[i];
+ if (i < parts.length - 1) {
+ if (value.length) {
+ $(`${value}`).insertBefore($(this));
+ $(' / ').insertBefore($(this));
+ }
+ } else {
+ $(this).val(value);
+ }
+ $(this)[0].setSelectionRange(0, 0);
+ }
+ }
+ parts = [];
+ $('.breadcrumb span.section').each(function () {
+ const element = $(this);
+ if (element.find('a').length) {
+ parts.push(element.find('a').text());
+ } else {
+ parts.push(element.text());
+ }
+ });
+ if ($(this).val()) parts.push($(this).val());
+ $('#tree_path').val(parts.join('/'));
+ }).trigger('keyup');
+
+ const $editArea = $('.repository.editor textarea#edit_area');
+ if (!$editArea.length) return;
+
+ const editor = await createCodeEditor($editArea[0], $editFilename[0], previewFileModes);
+
+ // Using events from https://github.com/codedance/jquery.AreYouSure#advanced-usage
+ // to enable or disable the commit button
+ const $commitButton = $('#commit-button');
+ const $editForm = $('.ui.edit.form');
+ const dirtyFileClass = 'dirty-file';
+
+ // Disabling the button at the start
+ if ($('input[name="page_has_posted"]').val() !== 'true') {
+ $commitButton.prop('disabled', true);
+ }
+
+ // Registering a custom listener for the file path and the file content
+ $editForm.areYouSure({
+ silent: true,
+ dirtyClass: dirtyFileClass,
+ fieldSelector: ':input:not(.commit-form-wrapper :input)',
+ change() {
+ const dirty = $(this).hasClass(dirtyFileClass);
+ $commitButton.prop('disabled', !dirty);
+ }
+ });
+
+ // Update the editor from query params, if available,
+ // only after the dirtyFileClass initialization
+ const params = new URLSearchParams(window.location.search);
+ const value = params.get('value');
+ if (value) {
+ editor.setValue(value);
+ }
+
+ $commitButton.on('click', (event) => {
+ // A modal which asks if an empty file should be committed
+ if ($editArea.val().length === 0) {
+ $('#edit-empty-content-modal').modal({
+ onApprove() {
+ $('.edit.form').trigger('submit');
+ }
+ }).modal('show');
+ event.preventDefault();
+ }
+ });
+}
diff --git a/web_src/js/features/repo-home.js b/web_src/js/features/repo-home.js
new file mode 100644
index 000000000..142698f07
--- /dev/null
+++ b/web_src/js/features/repo-home.js
@@ -0,0 +1,180 @@
+import {stripTags} from '../utils.js';
+
+const {AppSubUrl, csrf} = window.config;
+
+export function initRepoTopicBar() {
+ const mgrBtn = $('#manage_topic');
+ const editDiv = $('#topic_edit');
+ const viewDiv = $('#repo-topics');
+ const saveBtn = $('#save_topic');
+ const topicDropdown = $('#topic_edit .dropdown');
+ const topicForm = $('#topic_edit.ui.form');
+ const topicPrompts = getPrompts();
+
+ mgrBtn.on('click', () => {
+ viewDiv.hide();
+ editDiv.css('display', ''); // show Semantic UI Grid
+ });
+
+ function getPrompts() {
+ const hidePrompt = $('div.hide#validate_prompt');
+ const prompts = {
+ countPrompt: hidePrompt.children('#count_prompt').text(),
+ formatPrompt: hidePrompt.children('#format_prompt').text()
+ };
+ hidePrompt.remove();
+ return prompts;
+ }
+
+ saveBtn.on('click', () => {
+ const topics = $('input[name=topics]').val();
+
+ $.post(saveBtn.data('link'), {
+ _csrf: csrf,
+ topics
+ }, (_data, _textStatus, xhr) => {
+ if (xhr.responseJSON.status === 'ok') {
+ viewDiv.children('.topic').remove();
+ if (topics.length) {
+ const topicArray = topics.split(',');
+
+ const last = viewDiv.children('a').last();
+ for (let i = 0; i < topicArray.length; i++) {
+ const link = $('');
+ link.attr('href', `${AppSubUrl}/explore/repos?q=${encodeURIComponent(topicArray[i])}&topic=1`);
+ link.text(topicArray[i]);
+ link.insertBefore(last);
+ }
+ }
+ editDiv.css('display', 'none');
+ viewDiv.show();
+ }
+ }).fail((xhr) => {
+ if (xhr.status === 422) {
+ if (xhr.responseJSON.invalidTopics.length > 0) {
+ topicPrompts.formatPrompt = xhr.responseJSON.message;
+
+ const {invalidTopics} = xhr.responseJSON;
+ const topicLables = topicDropdown.children('a.ui.label');
+
+ topics.split(',').forEach((value, index) => {
+ for (let i = 0; i < invalidTopics.length; i++) {
+ if (invalidTopics[i] === value) {
+ topicLables.eq(index).removeClass('green').addClass('red');
+ }
+ }
+ });
+ } else {
+ topicPrompts.countPrompt = xhr.responseJSON.message;
+ }
+ }
+ }).always(() => {
+ topicForm.form('validate form');
+ });
+ });
+
+ topicDropdown.dropdown({
+ allowAdditions: true,
+ forceSelection: false,
+ fullTextSearch: 'exact',
+ fields: {name: 'description', value: 'data-value'},
+ saveRemoteData: false,
+ label: {
+ transition: 'horizontal flip',
+ duration: 200,
+ variation: false,
+ blue: true,
+ basic: true,
+ },
+ className: {
+ label: 'ui small label'
+ },
+ apiSettings: {
+ url: `${AppSubUrl}/api/v1/topics/search?q={query}`,
+ throttle: 500,
+ cache: false,
+ onResponse(res) {
+ const formattedResponse = {
+ success: false,
+ results: [],
+ };
+ const query = stripTags(this.urlData.query.trim());
+ let found_query = false;
+ const current_topics = [];
+ topicDropdown.find('div.label.visible.topic,a.label.visible').each((_, e) => { current_topics.push(e.dataset.value) });
+
+ if (res.topics) {
+ let found = false;
+ for (let i = 0; i < res.topics.length; i++) {
+ // skip currently added tags
+ if (current_topics.includes(res.topics[i].topic_name)) {
+ continue;
+ }
+
+ if (res.topics[i].topic_name.toLowerCase() === query.toLowerCase()) {
+ found_query = true;
+ }
+ formattedResponse.results.push({description: res.topics[i].topic_name, 'data-value': res.topics[i].topic_name});
+ found = true;
+ }
+ formattedResponse.success = found;
+ }
+
+ if (query.length > 0 && !found_query) {
+ formattedResponse.success = true;
+ formattedResponse.results.unshift({description: query, 'data-value': query});
+ } else if (query.length > 0 && found_query) {
+ formattedResponse.results.sort((a, b) => {
+ if (a.description.toLowerCase() === query.toLowerCase()) return -1;
+ if (b.description.toLowerCase() === query.toLowerCase()) return 1;
+ if (a.description > b.description) return -1;
+ if (a.description < b.description) return 1;
+ return 0;
+ });
+ }
+
+ return formattedResponse;
+ },
+ },
+ onLabelCreate(value) {
+ value = value.toLowerCase().trim();
+ this.attr('data-value', value).contents().first().replaceWith(value);
+ return $(this);
+ },
+ onAdd(addedValue, _addedText, $addedChoice) {
+ addedValue = addedValue.toLowerCase().trim();
+ $($addedChoice).attr('data-value', addedValue);
+ $($addedChoice).attr('data-text', addedValue);
+ }
+ });
+
+ $.fn.form.settings.rules.validateTopic = function (_values, regExp) {
+ const topics = topicDropdown.children('a.ui.label');
+ const status = topics.length === 0 || topics.last().attr('data-value').match(regExp);
+ if (!status) {
+ topics.last().removeClass('green').addClass('red');
+ }
+ return status && topicDropdown.children('a.ui.label.red').length === 0;
+ };
+
+ topicForm.form({
+ on: 'change',
+ inline: true,
+ fields: {
+ topics: {
+ identifier: 'topics',
+ rules: [
+ {
+ type: 'validateTopic',
+ value: /^[a-z0-9][a-z0-9-]{0,35}$/,
+ prompt: topicPrompts.formatPrompt
+ },
+ {
+ type: 'maxCount[25]',
+ prompt: topicPrompts.countPrompt
+ }
+ ]
+ },
+ }
+ });
+}
diff --git a/web_src/js/features/repo-issue.js b/web_src/js/features/repo-issue.js
new file mode 100644
index 000000000..858398aac
--- /dev/null
+++ b/web_src/js/features/repo-issue.js
@@ -0,0 +1,638 @@
+import {htmlEscape} from 'escape-goat';
+import attachTribute from './tribute.js';
+import {createCommentSimpleMDE} from './comp/CommentSimpleMDE.js';
+import {initCompImagePaste} from './comp/ImagePaste.js';
+import {initCompMarkupContentPreviewTab} from './comp/MarkupContentPreview.js';
+
+const {AppSubUrl, csrf} = window.config;
+
+export function initRepoIssueTimeTracking() {
+ $(document).on('click', '.issue-add-time', () => {
+ $('.issue-start-time-modal').modal({
+ duration: 200,
+ onApprove() {
+ $('#add_time_manual_form').trigger('submit');
+ },
+ }).modal('show');
+ $('.issue-start-time-modal input').on('keydown', (e) => {
+ if ((e.keyCode || e.key) === 13) {
+ $('#add_time_manual_form').trigger('submit');
+ }
+ });
+ });
+ $(document).on('click', '.issue-start-time, .issue-stop-time', () => {
+ $('#toggle_stopwatch_form').trigger('submit');
+ });
+ $(document).on('click', '.issue-cancel-time', () => {
+ $('#cancel_stopwatch_form').trigger('submit');
+ });
+ $(document).on('click', 'button.issue-delete-time', function () {
+ const sel = `.issue-delete-time-modal[data-id="${$(this).data('id')}"]`;
+ $(sel).modal({
+ duration: 200,
+ onApprove() {
+ $(`${sel} form`).trigger('submit');
+ },
+ }).modal('show');
+ });
+}
+
+function updateDeadline(deadlineString) {
+ $('#deadline-err-invalid-date').hide();
+ $('#deadline-loader').addClass('loading');
+
+ let realDeadline = null;
+ if (deadlineString !== '') {
+ const newDate = Date.parse(deadlineString);
+
+ if (Number.isNaN(newDate)) {
+ $('#deadline-loader').removeClass('loading');
+ $('#deadline-err-invalid-date').show();
+ return false;
+ }
+ realDeadline = new Date(newDate);
+ }
+
+ $.ajax(`${$('#update-issue-deadline-form').attr('action')}/deadline`, {
+ data: JSON.stringify({
+ due_date: realDeadline,
+ }),
+ headers: {
+ 'X-Csrf-Token': csrf,
+ 'X-Remote': true,
+ },
+ contentType: 'application/json',
+ type: 'POST',
+ success() {
+ window.location.reload();
+ },
+ error() {
+ $('#deadline-loader').removeClass('loading');
+ $('#deadline-err-invalid-date').show();
+ },
+ });
+}
+
+export function initRepoIssueDue() {
+ $(document).on('click', '.issue-due-edit', () => {
+ $('#deadlineForm').fadeToggle(150);
+ });
+ $(document).on('click', '.issue-due-remove', () => {
+ updateDeadline('');
+ });
+ $(document).on('submit', '.issue-due-form', () => {
+ updateDeadline($('#deadlineDate').val());
+ return false;
+ });
+}
+
+export function initRepoIssueList() {
+ const repolink = $('#repolink').val();
+ const repoId = $('#repoId').val();
+ const crossRepoSearch = $('#crossRepoSearch').val();
+ const tp = $('#type').val();
+ let issueSearchUrl = `${AppSubUrl}/api/v1/repos/${repolink}/issues?q={query}&type=${tp}`;
+ if (crossRepoSearch === 'true') {
+ issueSearchUrl = `${AppSubUrl}/api/v1/repos/issues/search?q={query}&priority_repo_id=${repoId}&type=${tp}`;
+ }
+ $('#new-dependency-drop-list')
+ .dropdown({
+ apiSettings: {
+ url: issueSearchUrl,
+ onResponse(response) {
+ const filteredResponse = {success: true, results: []};
+ const currIssueId = $('#new-dependency-drop-list').data('issue-id');
+ // Parse the response from the api to work with our dropdown
+ $.each(response, (_i, issue) => {
+ // Don't list current issue in the dependency list.
+ if (issue.id === currIssueId) {
+ return;
+ }
+ filteredResponse.results.push({
+ name: `#${issue.number} ${htmlEscape(issue.title)
+ }${htmlEscape(issue.repository.full_name)} `,
+ value: issue.id,
+ });
+ });
+ return filteredResponse;
+ },
+ cache: false,
+ },
+
+ fullTextSearch: true,
+ });
+
+ function excludeLabel(item) {
+ const href = $(item).attr('href');
+ const id = $(item).data('label-id');
+
+ const regStr = `labels=((?:-?[0-9]+%2c)*)(${id})((?:%2c-?[0-9]+)*)&`;
+ const newStr = 'labels=$1-$2$3&';
+
+ window.location = href.replace(new RegExp(regStr), newStr);
+ }
+
+ $('.menu a.label-filter-item').each(function () {
+ $(this).on('click', function (e) {
+ if (e.altKey) {
+ e.preventDefault();
+ excludeLabel(this);
+ }
+ });
+ });
+
+ $('.menu .ui.dropdown.label-filter').on('keydown', (e) => {
+ if (e.altKey && e.keyCode === 13) {
+ const selectedItems = $('.menu .ui.dropdown.label-filter .menu .item.selected');
+ if (selectedItems.length > 0) {
+ excludeLabel($(selectedItems[0]));
+ }
+ }
+ });
+}
+
+export function initRepoIssueCommentDelete() {
+ // Delete comment
+ $(document).on('click', '.delete-comment', function () {
+ const $this = $(this);
+ if (window.confirm($this.data('locale'))) {
+ $.post($this.data('url'), {
+ _csrf: csrf,
+ }).done(() => {
+ const $conversationHolder = $this.closest('.conversation-holder');
+ $(`#${$this.data('comment-id')}`).remove();
+ if ($conversationHolder.length && !$conversationHolder.find('.comment').length) {
+ const path = $conversationHolder.data('path');
+ const side = $conversationHolder.data('side');
+ const idx = $conversationHolder.data('idx');
+ const lineType = $conversationHolder.closest('tr').data('line-type');
+ if (lineType === 'same') {
+ $(`a.add-code-comment[data-path="${path}"][data-idx="${idx}"]`).removeClass('invisible');
+ } else {
+ $(`a.add-code-comment[data-path="${path}"][data-side="${side}"][data-idx="${idx}"]`).removeClass('invisible');
+ }
+ $conversationHolder.remove();
+ }
+ });
+ }
+ return false;
+ });
+}
+
+export function initRepoIssueDependencyDelete() {
+ // Delete Issue dependency
+ $(document).on('click', '.delete-dependency-button', (e) => {
+ const {id, type} = e.currentTarget.dataset;
+
+ $('.remove-dependency').modal({
+ closable: false,
+ duration: 200,
+ onApprove: () => {
+ $('#removeDependencyID').val(id);
+ $('#dependencyType').val(type);
+ $('#removeDependencyForm').trigger('submit');
+ },
+ }).modal('show');
+ });
+}
+
+export function initRepoIssueCodeCommentCancel() {
+ // Cancel inline code comment
+ $(document).on('click', '.cancel-code-comment', (e) => {
+ const form = $(e.currentTarget).closest('form');
+ if (form.length > 0 && form.hasClass('comment-form')) {
+ form.addClass('hide');
+ form.closest('.comment-code-cloud').find('button.comment-form-reply').show();
+ } else {
+ form.closest('.comment-code-cloud').remove();
+ }
+ });
+}
+
+export function initRepoIssueStatusButton() {
+ // Change status
+ const $statusButton = $('#status-button');
+ $('#comment-form textarea').on('keyup', function () {
+ const $simplemde = $(this).data('simplemde');
+ const value = ($simplemde && $simplemde.value()) ? $simplemde.value() : $(this).val();
+ $statusButton.text($statusButton.data(value.length === 0 ? 'status' : 'status-and-comment'));
+ });
+ $statusButton.on('click', () => {
+ $('#status').val($statusButton.data('status-val'));
+ $('#comment-form').trigger('submit');
+ });
+}
+
+export function initRepoPullRequestMerge() {
+ // Pull Request merge button
+ const $mergeButton = $('.merge-button > button');
+ $mergeButton.on('click', function (e) {
+ e.preventDefault();
+ $(`.${$(this).data('do')}-fields`).show();
+ $(this).parent().hide();
+ $('.instruct-toggle').hide();
+ $('.instruct-content').hide();
+ });
+ $('.merge-button > .dropdown').dropdown({
+ onChange(_text, _value, $choice) {
+ if ($choice.data('do')) {
+ $mergeButton.find('.button-text').text($choice.text());
+ $mergeButton.data('do', $choice.data('do'));
+ }
+ }
+ });
+ $('.merge-cancel').on('click', function (e) {
+ e.preventDefault();
+ $(this).closest('.form').hide();
+ $mergeButton.parent().show();
+ $('.instruct-toggle').show();
+ });
+}
+
+export function initRepoPullRequestUpdate() {
+ // Pull Request update button
+ const $pullUpdateButton = $('.update-button > button');
+ $pullUpdateButton.on('click', function (e) {
+ e.preventDefault();
+ const $this = $(this);
+ const redirect = $this.data('redirect');
+ $this.addClass('loading');
+ $.post($this.data('do'), {
+ _csrf: csrf
+ }).done((data) => {
+ if (data.redirect) {
+ window.location.href = data.redirect;
+ } else if (redirect) {
+ window.location.href = redirect;
+ } else {
+ window.location.reload();
+ }
+ });
+ });
+
+ $('.update-button > .dropdown').dropdown({
+ onChange(_text, _value, $choice) {
+ const $url = $choice.data('do');
+ if ($url) {
+ $pullUpdateButton.find('.button-text').text($choice.text());
+ $pullUpdateButton.data('do', $url);
+ }
+ }
+ });
+}
+
+export function initRepoPullRequestMergeInstruction() {
+ $('.show-instruction').on('click', () => {
+ $('.instruct-content').toggle();
+ });
+}
+
+export function initRepoIssueReferenceRepositorySearch() {
+ $('.issue_reference_repository_search')
+ .dropdown({
+ apiSettings: {
+ url: `${AppSubUrl}/api/v1/repos/search?q={query}&limit=20`,
+ onResponse(response) {
+ const filteredResponse = {success: true, results: []};
+ $.each(response.data, (_r, repo) => {
+ filteredResponse.results.push({
+ name: htmlEscape(repo.full_name),
+ value: repo.full_name
+ });
+ });
+ return filteredResponse;
+ },
+ cache: false,
+ },
+ onChange(_value, _text, $choice) {
+ const $form = $choice.closest('form');
+ $form.attr('action', `${AppSubUrl}/${_text}/issues/new`);
+ },
+ fullTextSearch: true
+ });
+}
+
+
+export function initRepoIssueWipTitle() {
+ $('.title_wip_desc > a').on('click', (e) => {
+ e.preventDefault();
+
+ const $issueTitle = $('#issue_title');
+ $issueTitle.focus();
+ const value = $issueTitle.val().trim().toUpperCase();
+
+ const wipPrefixes = $('.title_wip_desc').data('wip-prefixes');
+ for (const prefix of wipPrefixes) {
+ if (value.startsWith(prefix.toUpperCase())) {
+ return;
+ }
+ }
+
+ $issueTitle.val(`${wipPrefixes[0]} ${$issueTitle.val()}`);
+ });
+}
+
+export function updateIssuesMeta(url, action, issueIds, elementId) {
+ return new Promise((resolve, reject) => {
+ $.ajax({
+ type: 'POST',
+ url,
+ data: {
+ _csrf: csrf,
+ action,
+ issue_ids: issueIds,
+ id: elementId,
+ },
+ success: resolve,
+ error: reject,
+ });
+ });
+}
+
+export function initRepoIssueComments() {
+ if ($('.repository.view.issue .timeline').length === 0) return;
+
+ $('.re-request-review').on('click', function (event) {
+ const url = $(this).data('update-url');
+ const issueId = $(this).data('issue-id');
+ const id = $(this).data('id');
+ const isChecked = $(this).hasClass('checked');
+
+ event.preventDefault();
+ updateIssuesMeta(
+ url,
+ isChecked ? 'detach' : 'attach',
+ issueId,
+ id,
+ ).then(() => {
+ window.location.reload();
+ });
+ return false;
+ });
+
+ $('.dismiss-review-btn').on('click', function (e) {
+ e.preventDefault();
+ const $this = $(this);
+ const $dismissReviewModal = $this.next();
+ $dismissReviewModal.modal('show');
+ });
+
+ $(document).on('click', (event) => {
+ const urlTarget = $(':target');
+ if (urlTarget.length === 0) return;
+
+ const urlTargetId = urlTarget.attr('id');
+ if (!urlTargetId) return;
+ if (!/^(issue|pull)(comment)?-\d+$/.test(urlTargetId)) return;
+
+ const $target = $(event.target);
+
+ if ($target.closest(`#${urlTargetId}`).length === 0) {
+ const scrollPosition = $(window).scrollTop();
+ window.location.hash = '';
+ $(window).scrollTop(scrollPosition);
+ window.history.pushState(null, null, ' ');
+ }
+ });
+}
+
+
+function assignMenuAttributes(menu) {
+ const id = Math.floor(Math.random() * Math.floor(1000000));
+ menu.attr('data-write', menu.attr('data-write') + id);
+ menu.attr('data-preview', menu.attr('data-preview') + id);
+ menu.find('.item').each(function () {
+ const tab = $(this).attr('data-tab') + id;
+ $(this).attr('data-tab', tab);
+ });
+ menu.parent().find("*[data-tab='write']").attr('data-tab', `write${id}`);
+ menu.parent().find("*[data-tab='preview']").attr('data-tab', `preview${id}`);
+ initCompMarkupContentPreviewTab(menu.parent('.form'));
+ return id;
+}
+
+export function initRepoPullRequestReview() {
+ if (window.location.hash && window.location.hash.startsWith('#issuecomment-')) {
+ const commentDiv = $(window.location.hash);
+ if (commentDiv) {
+ // get the name of the parent id
+ const groupID = commentDiv.closest('div[id^="code-comments-"]').attr('id');
+ if (groupID && groupID.startsWith('code-comments-')) {
+ const id = groupID.substr(14);
+ $(`#show-outdated-${id}`).addClass('hide');
+ $(`#code-comments-${id}`).removeClass('hide');
+ $(`#code-preview-${id}`).removeClass('hide');
+ $(`#hide-outdated-${id}`).removeClass('hide');
+ commentDiv[0].scrollIntoView();
+ }
+ }
+ }
+
+ $(document).on('click', '.show-outdated', function (e) {
+ e.preventDefault();
+ const id = $(this).data('comment');
+ $(this).addClass('hide');
+ $(`#code-comments-${id}`).removeClass('hide');
+ $(`#code-preview-${id}`).removeClass('hide');
+ $(`#hide-outdated-${id}`).removeClass('hide');
+ });
+
+ $(document).on('click', '.hide-outdated', function (e) {
+ e.preventDefault();
+ const id = $(this).data('comment');
+ $(this).addClass('hide');
+ $(`#code-comments-${id}`).addClass('hide');
+ $(`#code-preview-${id}`).addClass('hide');
+ $(`#show-outdated-${id}`).removeClass('hide');
+ });
+
+ $(document).on('click', 'button.comment-form-reply', function (e) {
+ e.preventDefault();
+ $(this).hide();
+ const form = $(this).closest('.comment-code-cloud').find('.comment-form');
+ form.removeClass('hide');
+ const $textarea = form.find('textarea');
+ let $simplemde;
+ if ($textarea.data('simplemde')) {
+ $simplemde = $textarea.data('simplemde');
+ } else {
+ attachTribute($textarea.get(), {mentions: true, emoji: true});
+ $simplemde = createCommentSimpleMDE($textarea);
+ $textarea.data('simplemde', $simplemde);
+ }
+ $textarea.focus();
+ $simplemde.codemirror.focus();
+ assignMenuAttributes(form.find('.menu'));
+ });
+
+ const $reviewBox = $('.review-box');
+ if ($reviewBox.length === 1) {
+ createCommentSimpleMDE($reviewBox.find('textarea'));
+ initCompImagePaste($reviewBox);
+ }
+
+ // The following part is only for diff views
+ if ($('.repository.pull.diff').length === 0) {
+ return;
+ }
+
+ $('.btn-review').on('click', function (e) {
+ e.preventDefault();
+ $(this).closest('.dropdown').find('.menu').toggle('visible');
+ }).closest('.dropdown').find('.close').on('click', function (e) {
+ e.preventDefault();
+ $(this).closest('.menu').toggle('visible');
+ });
+
+ $('a.add-code-comment').on('click', async function (e) {
+ if ($(e.target).hasClass('btn-add-single')) return; // https://github.com/go-gitea/gitea/issues/4745
+ e.preventDefault();
+
+ const isSplit = $(this).closest('.code-diff').hasClass('code-diff-split');
+ const side = $(this).data('side');
+ const idx = $(this).data('idx');
+ const path = $(this).data('path');
+ const tr = $(this).closest('tr');
+ const lineType = tr.data('line-type');
+
+ let ntr = tr.next();
+ if (!ntr.hasClass('add-comment')) {
+ ntr = $(`
+ |
`);
+ tr.after(ntr);
+ }
+
+ const td = ntr.find(`.add-comment-${side}`);
+ let commentCloud = td.find('.comment-code-cloud');
+ if (commentCloud.length === 0 && !ntr.find('button[name="is_review"]').length) {
+ const data = await $.get($(this).data('new-comment-url'));
+ td.html(data);
+ commentCloud = td.find('.comment-code-cloud');
+ assignMenuAttributes(commentCloud.find('.menu'));
+ td.find("input[name='line']").val(idx);
+ td.find("input[name='side']").val(side === 'left' ? 'previous' : 'proposed');
+ td.find("input[name='path']").val(path);
+ const $textarea = commentCloud.find('textarea');
+ attachTribute($textarea.get(), {mentions: true, emoji: true});
+ const $simplemde = createCommentSimpleMDE($textarea);
+ $textarea.focus();
+ $simplemde.codemirror.focus();
+ }
+ });
+}
+
+export function initRepoIssueReferenceIssue() {
+ // Reference issue
+ $(document).on('click', '.reference-issue', function (event) {
+ const $this = $(this);
+ $this.closest('.dropdown').find('.menu').toggle('visible');
+
+ const content = $(`#comment-${$this.data('target')}`).text();
+ const poster = $this.data('poster-username');
+ const reference = $this.data('reference');
+ const $modal = $($this.data('modal'));
+ $modal.find('textarea[name="content"]').val(`${content}\n\n_Originally posted by @${poster} in ${reference}_`);
+ $modal.modal('show');
+
+ event.preventDefault();
+ });
+}
+
+export function initRepoIssueWipToggle() {
+ // Toggle WIP
+ $('.toggle-wip a, .toggle-wip button').on('click', async (e) => {
+ e.preventDefault();
+ const {title, wipPrefix, updateUrl} = e.currentTarget.closest('.toggle-wip').dataset;
+ await $.post(updateUrl, {
+ _csrf: csrf,
+ title: title?.startsWith(wipPrefix) ? title.substr(wipPrefix.length).trim() : `${wipPrefix.trim()} ${title}`,
+ });
+ window.location.reload();
+ });
+}
+
+
+export function initRepoIssueTitleEdit() {
+ // Edit issue title
+ const $issueTitle = $('#issue-title');
+ const $editInput = $('#edit-title-input input');
+
+ const editTitleToggle = function () {
+ $issueTitle.toggle();
+ $('.not-in-edit').toggle();
+ $('#edit-title-input').toggle();
+ $('#pull-desc').toggle();
+ $('#pull-desc-edit').toggle();
+ $('.in-edit').toggle();
+ $('#issue-title-wrapper').toggleClass('edit-active');
+ $editInput.focus();
+ return false;
+ };
+
+ $('#edit-title').on('click', editTitleToggle);
+ $('#cancel-edit-title').on('click', editTitleToggle);
+ $('#save-edit-title').on('click', editTitleToggle).on('click', function () {
+ const pullrequest_targetbranch_change = function (update_url) {
+ const targetBranch = $('#pull-target-branch').data('branch');
+ const $branchTarget = $('#branch_target');
+ if (targetBranch === $branchTarget.text()) {
+ return false;
+ }
+ $.post(update_url, {
+ _csrf: csrf,
+ target_branch: targetBranch
+ }).done((data) => {
+ $branchTarget.text(data.base_branch);
+ }).always(() => {
+ window.location.reload();
+ });
+ };
+
+ const pullrequest_target_update_url = $(this).data('target-update-url');
+ if ($editInput.val().length === 0 || $editInput.val() === $issueTitle.text()) {
+ $editInput.val($issueTitle.text());
+ pullrequest_targetbranch_change(pullrequest_target_update_url);
+ } else {
+ $.post($(this).data('update-url'), {
+ _csrf: csrf,
+ title: $editInput.val()
+ }, (data) => {
+ $editInput.val(data.title);
+ $issueTitle.text(data.title);
+ pullrequest_targetbranch_change(pullrequest_target_update_url);
+ window.location.reload();
+ });
+ }
+ return false;
+ });
+}
+
+export function initRepoIssueBranchSelect() {
+ const changeBranchSelect = function () {
+ const selectionTextField = $('#pull-target-branch');
+
+ const baseName = selectionTextField.data('basename');
+ const branchNameNew = $(this).data('branch');
+ const branchNameOld = selectionTextField.data('branch');
+
+ // Replace branch name to keep translation from HTML template
+ selectionTextField.html(selectionTextField.html().replace(
+ `${baseName}:${branchNameOld}`,
+ `${baseName}:${branchNameNew}`
+ ));
+ selectionTextField.data('branch', branchNameNew); // update branch name in setting
+ };
+ $('#branch-select > .item').on('click', changeBranchSelect);
+}
diff --git a/web_src/js/features/repo-legacy.js b/web_src/js/features/repo-legacy.js
new file mode 100644
index 000000000..a1c405d71
--- /dev/null
+++ b/web_src/js/features/repo-legacy.js
@@ -0,0 +1,574 @@
+import {createCommentSimpleMDE} from './comp/CommentSimpleMDE.js';
+import {initCompMarkupContentPreviewTab} from './comp/MarkupContentPreview.js';
+import {initCompImagePaste, initSimpleMDEImagePaste} from './comp/ImagePaste.js';
+import {
+ initRepoIssueBranchSelect, initRepoIssueCodeCommentCancel,
+ initRepoIssueCommentDelete,
+ initRepoIssueComments, initRepoIssueDependencyDelete,
+ initRepoIssueReferenceIssue, initRepoIssueStatusButton,
+ initRepoIssueTitleEdit,
+ initRepoIssueWipToggle, initRepoPullRequestMerge, initRepoPullRequestUpdate,
+ updateIssuesMeta,
+} from './repo-issue.js';
+import {svg} from '../svg.js';
+import {htmlEscape} from 'escape-goat';
+import {initRepoBranchTagDropdown} from '../components/RepoBranchTagDropdown.js';
+import {
+ initRepoClone,
+ initRepoCommonBranchOrTagDropdown,
+ initRepoCommonFilterSearchDropdown,
+ initRepoCommonLanguageStats,
+} from './repo-common.js';
+import {initCompLabelEdit} from './comp/LabelEdit.js';
+import {initRepoDiffConversationNav} from './repo-diff.js';
+import attachTribute from './tribute.js';
+import createDropzone from './dropzone.js';
+import {initCommentContent, initMarkupContent} from '../markup/content.js';
+import {initCompReactionSelector} from './comp/ReactionSelector.js';
+import {initRepoSettingBranches} from './repo-settings.js';
+
+const {csrf} = window.config;
+
+const commentMDEditors = {};
+
+// FIXME: the usage of `autoSimpleMDE` is quite messy, the refactor should be done very carefully in future.
+let autoSimpleMDE;
+
+export function initRepoCommentForm() {
+ if ($('.comment.form').length === 0) {
+ return;
+ }
+
+ function initBranchSelector() {
+ const $selectBranch = $('.ui.select-branch');
+ const $branchMenu = $selectBranch.find('.reference-list-menu');
+ const $isNewIssue = $branchMenu.hasClass('new-issue');
+ $branchMenu.find('.item:not(.no-select)').click(function () {
+ const selectedValue = $(this).data('id');
+ const editMode = $('#editing_mode').val();
+ $($(this).data('id-selector')).val(selectedValue);
+ if ($isNewIssue) {
+ $selectBranch.find('.ui .branch-name').text($(this).data('name'));
+ return;
+ }
+
+ if (editMode === 'true') {
+ const form = $('#update_issueref_form');
+ $.post(form.attr('action'), {_csrf: csrf, ref: selectedValue}, () => window.location.reload());
+ } else if (editMode === '') {
+ $selectBranch.find('.ui .branch-name').text(selectedValue);
+ }
+ });
+ $selectBranch.find('.reference.column').on('click', function () {
+ $selectBranch.find('.scrolling.reference-list-menu').css('display', 'none');
+ $selectBranch.find('.reference .text').removeClass('black');
+ $($(this).data('target')).css('display', 'block');
+ $(this).find('.text').addClass('black');
+ return false;
+ });
+ }
+
+ autoSimpleMDE = createCommentSimpleMDE($('.comment.form textarea:not(.review-textarea)'));
+ initBranchSelector();
+ initCompMarkupContentPreviewTab($('.comment.form'));
+ initCompImagePaste($('.comment.form'));
+
+ // Listsubmit
+ function initListSubmits(selector, outerSelector) {
+ const $list = $(`.ui.${outerSelector}.list`);
+ const $noSelect = $list.find('.no-select');
+ const $listMenu = $(`.${selector} .menu`);
+ let hasUpdateAction = $listMenu.data('action') === 'update';
+ const items = {};
+
+ $(`.${selector}`).dropdown('setting', 'onHide', () => {
+ hasUpdateAction = $listMenu.data('action') === 'update'; // Update the var
+ if (hasUpdateAction) {
+ const promises = [];
+ Object.keys(items).forEach((elementId) => {
+ const item = items[elementId];
+ const promise = updateIssuesMeta(
+ item['update-url'],
+ item.action,
+ item['issue-id'],
+ elementId,
+ );
+ promises.push(promise);
+ });
+ Promise.all(promises).then(() => window.location.reload());
+ }
+ });
+
+ $listMenu.find('.item:not(.no-select)').on('click', function (e) {
+ e.preventDefault();
+ if ($(this).hasClass('ban-change')) {
+ return false;
+ }
+
+ hasUpdateAction = $listMenu.data('action') === 'update'; // Update the var
+ if ($(this).hasClass('checked')) {
+ $(this).removeClass('checked');
+ $(this).find('.octicon-check').addClass('invisible');
+ if (hasUpdateAction) {
+ if (!($(this).data('id') in items)) {
+ items[$(this).data('id')] = {
+ 'update-url': $listMenu.data('update-url'),
+ action: 'detach',
+ 'issue-id': $listMenu.data('issue-id'),
+ };
+ } else {
+ delete items[$(this).data('id')];
+ }
+ }
+ } else {
+ $(this).addClass('checked');
+ $(this).find('.octicon-check').removeClass('invisible');
+ if (hasUpdateAction) {
+ if (!($(this).data('id') in items)) {
+ items[$(this).data('id')] = {
+ 'update-url': $listMenu.data('update-url'),
+ action: 'attach',
+ 'issue-id': $listMenu.data('issue-id'),
+ };
+ } else {
+ delete items[$(this).data('id')];
+ }
+ }
+ }
+
+ // TODO: Which thing should be done for choosing review requests
+ // to make chosen items be shown on time here?
+ if (selector === 'select-reviewers-modify' || selector === 'select-assignees-modify') {
+ return false;
+ }
+
+ const listIds = [];
+ $(this).parent().find('.item').each(function () {
+ if ($(this).hasClass('checked')) {
+ listIds.push($(this).data('id'));
+ $($(this).data('id-selector')).removeClass('hide');
+ } else {
+ $($(this).data('id-selector')).addClass('hide');
+ }
+ });
+ if (listIds.length === 0) {
+ $noSelect.removeClass('hide');
+ } else {
+ $noSelect.addClass('hide');
+ }
+ $($(this).parent().data('id')).val(listIds.join(','));
+ return false;
+ });
+ $listMenu.find('.no-select.item').on('click', function (e) {
+ e.preventDefault();
+ if (hasUpdateAction) {
+ updateIssuesMeta(
+ $listMenu.data('update-url'),
+ 'clear',
+ $listMenu.data('issue-id'),
+ '',
+ ).then(() => window.location.reload());
+ }
+
+ $(this).parent().find('.item').each(function () {
+ $(this).removeClass('checked');
+ $(this).find('.octicon').addClass('invisible');
+ });
+
+ if (selector === 'select-reviewers-modify' || selector === 'select-assignees-modify') {
+ return false;
+ }
+
+ $list.find('.item').each(function () {
+ $(this).addClass('hide');
+ });
+ $noSelect.removeClass('hide');
+ $($(this).parent().data('id')).val('');
+ });
+ }
+
+ // Init labels and assignees
+ initListSubmits('select-label', 'labels');
+ initListSubmits('select-assignees', 'assignees');
+ initListSubmits('select-assignees-modify', 'assignees');
+ initListSubmits('select-reviewers-modify', 'assignees');
+
+ function selectItem(select_id, input_id) {
+ const $menu = $(`${select_id} .menu`);
+ const $list = $(`.ui${select_id}.list`);
+ const hasUpdateAction = $menu.data('action') === 'update';
+
+ $menu.find('.item:not(.no-select)').on('click', function () {
+ $(this).parent().find('.item').each(function () {
+ $(this).removeClass('selected active');
+ });
+
+ $(this).addClass('selected active');
+ if (hasUpdateAction) {
+ updateIssuesMeta(
+ $menu.data('update-url'),
+ '',
+ $menu.data('issue-id'),
+ $(this).data('id'),
+ ).then(() => window.location.reload());
+ }
+
+ let icon = '';
+ if (input_id === '#milestone_id') {
+ icon = svg('octicon-milestone', 18, 'mr-3');
+ } else if (input_id === '#project_id') {
+ icon = svg('octicon-project', 18, 'mr-3');
+ } else if (input_id === '#assignee_id') {
+ icon = ` element clickable like a link
- $('tr[data-href]').on('click', function () {
- window.location = $(this).data('href');
- });
-
- // make table | element clickable like a link
- $('td[data-href]').click(function () {
- window.location = $(this).data('href');
- });
-
- // link-account tab handle
- initLinkAccountView();
-
- // Dropzone
- for (const el of document.querySelectorAll('.dropzone')) {
- const $dropzone = $(el);
- await createDropzone(el, {
- url: $dropzone.data('upload-url'),
- headers: {'X-Csrf-Token': csrf},
- maxFiles: $dropzone.data('max-file'),
- maxFilesize: $dropzone.data('max-size'),
- acceptedFiles: (['*/*', ''].includes($dropzone.data('accepts'))) ? null : $dropzone.data('accepts'),
- addRemoveLinks: true,
- dictDefaultMessage: $dropzone.data('default-message'),
- dictInvalidFileType: $dropzone.data('invalid-input-type'),
- dictFileTooBig: $dropzone.data('file-too-big'),
- dictRemoveFile: $dropzone.data('remove-file'),
- timeout: 0,
- thumbnailMethod: 'contain',
- thumbnailWidth: 480,
- thumbnailHeight: 480,
- init() {
- this.on('success', (_file, data) => {
- const input = $(``).val(data.uuid);
- $dropzone.find('.files').append(input);
- });
- this.on('removedfile', (file) => {
- $(`#${file.uuid}`).remove();
- if ($dropzone.data('remove-url')) {
- $.post($dropzone.data('remove-url'), {
- file: file.uuid,
- _csrf: csrf
- });
- }
- });
- },
- });
- }
-
- // Helpers.
- $('.delete-button').on('click', showDeletePopup);
- $('.add-all-button').on('click', showAddAllPopup);
- $('.link-action').on('click', linkAction);
- $('.language-menu a[lang]').on('click', linkLanguageAction);
- $('.link-email-action').on('click', linkEmailAction);
-
- $('.delete-branch-button').on('click', showDeletePopup);
-
- $('.undo-button').on('click', function () {
- const $this = $(this);
- $.post($this.data('url'), {
- _csrf: csrf,
- id: $this.data('id')
- }).done((data) => {
- window.location.href = data.redirect;
- });
- });
- $('.show-panel.button').on('click', function () {
- $($(this).data('panel')).show();
- });
- $('.hide-panel.button').on('click', function () {
- $($(this).data('panel')).hide();
- });
- $('.show-create-branch-modal.button').on('click', function () {
- $('#create-branch-form')[0].action = $('#create-branch-form').data('base-action') + $(this).data('branch-from');
- $('#modal-create-branch-from-span').text($(this).data('branch-from'));
- $($(this).data('modal')).modal('show');
- });
- $('.show-modal.button').on('click', function () {
- $($(this).data('modal')).modal('show');
- const colorPickers = $($(this).data('modal')).find('.color-picker');
- if (colorPickers.length > 0) {
- initColorPicker();
- }
- });
- $('.delete-post.button').on('click', function () {
- const $this = $(this);
- $.post($this.data('request-url'), {
- _csrf: csrf
- }).done(() => {
- window.location.href = $this.data('done-url');
- });
- });
-
- $('.issue-checkbox').on('click', () => {
- const numChecked = $('.issue-checkbox').children('input:checked').length;
- if (numChecked > 0) {
- $('#issue-filters').addClass('hide');
- $('#issue-actions').removeClass('hide');
- } else {
- $('#issue-filters').removeClass('hide');
- $('#issue-actions').addClass('hide');
- }
- });
-
- $('.issue-action').on('click', function () {
- let {action, elementId, url} = this.dataset;
- const issueIDs = $('.issue-checkbox').children('input:checked').map((_, el) => {
- return el.dataset.issueId;
- }).get().join(',');
- if (elementId === '0' && url.substr(-9) === '/assignee') {
- elementId = '';
- action = 'clear';
- }
- updateIssuesMeta(url, action, issueIDs, elementId, '').then(() => {
- // NOTICE: This reset of checkbox state targets Firefox caching behaviour, as the checkboxes stay checked after reload
- if (action === 'close' || action === 'open') {
- // uncheck all checkboxes
- $('.issue-checkbox input[type="checkbox"]').each((_, e) => { e.checked = false });
- }
- reload();
- });
- });
-
- // NOTICE: This event trigger targets Firefox caching behaviour, as the checkboxes stay checked after reload
- // trigger ckecked event, if checkboxes are checked on load
- $('.issue-checkbox input[type="checkbox"]:checked').first().each((_, e) => {
- e.checked = false;
- $(e).trigger('click');
- });
-
- $(document).on('click', '.resolve-conversation', async function (e) {
- e.preventDefault();
- const comment_id = $(this).data('comment-id');
- const origin = $(this).data('origin');
- const action = $(this).data('action');
- const url = $(this).data('update-url');
-
- const data = await $.post(url, {_csrf: csrf, origin, action, comment_id});
-
- if ($(this).closest('.conversation-holder').length) {
- const conversation = $(data);
- $(this).closest('.conversation-holder').replaceWith(conversation);
- conversation.find('.dropdown').dropdown();
- initReactionSelector(conversation);
- initClipboard();
- } else {
- reload();
- }
- });
-
- buttonsClickOnEnter();
- searchUsers();
- searchTeams();
- searchRepositories();
+ initSearchUserBox();
+ initRepoSettingSearchTeamBox();
+ initOrgTeamSearchRepoBox();
+ initGlobalButtonClickOnEnter();
initMarkupAnchors();
initCommentContent();
- initCommentForm();
+ initRepoCommentForm();
initInstall();
- initArchiveLinks();
+ initRepoArchiveLinks();
initRepository();
initMigration();
- initWikiForm();
- initEditForm();
- initEditor();
- initOrganization();
- initWebhook();
- initAdmin();
- initCodeView();
+ initRepoWikiForm();
+ initRepoEditor();
+ initCommonOrganization();
+ initWebHookEditor();
+ initAdminCommon();
+ initRepoCodeView();
initRepoActivityTopAuthorsChart();
initDashboardRepoList();
- initTeamSettings();
- initCtrlEnterSubmit();
- initNavbarContentToggle();
- initTopicbar();
- initU2FAuth();
- initU2FRegister();
- initIssueList();
- initIssueTimetracking();
- initIssueDue();
- initWipTitle();
- initPullRequestReview();
- initRepoStatusChecker();
- initTemplateSearch();
- initIssueReferenceRepositorySearch();
+ initOrgTeamSettings();
+ initGlobalEnterQuickSubmit();
+ initHeadNavbarContentToggle();
+ initFootLanguageMenu();
+ initRepoTopicBar();
+ initUserAuthU2fAuth();
+ initUserAuthU2fRegister();
+ initRepoIssueList();
+ initRepoIssueTimeTracking();
+ initRepoIssueDue();
+ initRepoIssueWipTitle();
+ initRepoPullRequestReview();
+ initRepoMigrationStatusChecker();
+ initRepoTemplateSearch();
+ initRepoIssueReferenceRepositorySearch();
initContextPopups();
initTableSort();
initNotificationsTable();
initLastCommitLoader();
- initPullRequestMergeInstruction();
- initFileViewToggle();
- initReleaseEditor();
- initRelease();
+ initRepoPullRequestMergeInstruction();
+ initRepoDiffFileViewToggle();
+ initRepoReleaseEditor();
+ initRepoRelease();
initDiffShowMore();
initIssueContentHistory();
initAdminUserListSearchForm();
-
- const routes = {
- 'div.user.settings': initUserSettings,
- 'div.repository.settings.collaboration': initRepositoryCollaboration
- };
-
- for (const [selector, fn] of Object.entries(routes)) {
- if ($(selector).length > 0) {
- fn();
- break;
- }
- }
+ initGlobalCopyToClipboardListener();
+ initUserAuthOauth2();
+ initRepoDiffReviewButton();
+ initRepoCommitButton();
+ initAdminEmails();
+ initGlobalEnterQuickSubmit();
+ initSshKeyFormParser();
+ initGlobalFormDirtyLeaveConfirm();
+ initUserSettings();
+ initRepoSettingsCollaboration();
+ initUserAuthLinkAccountView();
+ initRepoDiffConversationForm();
// parallel init of async loaded features
await Promise.all([
attachTribute(document.querySelectorAll('#content, .emoji-input')),
initGitGraph(),
- initClipboard(),
initHeatmap(),
initProject(),
initServiceWorker(),
initNotificationCount(),
initStopwatch(),
initMarkupContent(),
- initGithook(),
+ initRepoSettingGitHook(),
initImageDiff(),
]);
});
-
-function changeHash(hash) {
- if (window.history.pushState) {
- window.history.pushState(null, null, hash);
- } else {
- window.location.hash = hash;
- }
-}
-
-function deSelect() {
- if (window.getSelection) {
- window.getSelection().removeAllRanges();
- } else {
- document.selection.empty();
- }
-}
-
-function selectRange($list, $select, $from) {
- $list.removeClass('active');
-
- // add hashchange to permalink
- const $issue = $('a.ref-in-new-issue');
- const $copyPermalink = $('a.copy-line-permalink');
-
- if ($issue.length === 0 || $copyPermalink.length === 0) {
- return;
- }
-
- const updateIssueHref = function(anchor) {
- let href = $issue.attr('href');
- href = `${href.replace(/%23L\d+$|%23L\d+-L\d+$/, '')}%23${anchor}`;
- $issue.attr('href', href);
- };
-
- const updateCopyPermalinkHref = function(anchor) {
- let link = $copyPermalink.attr('data-clipboard-text');
- link = `${link.replace(/#L\d+$|#L\d+-L\d+$/, '')}#${anchor}`;
- $copyPermalink.attr('data-clipboard-text', link);
- };
-
- if ($from) {
- let a = parseInt($select.attr('rel').substr(1));
- let b = parseInt($from.attr('rel').substr(1));
- let c;
- if (a !== b) {
- if (a > b) {
- c = a;
- a = b;
- b = c;
- }
- const classes = [];
- for (let i = a; i <= b; i++) {
- classes.push(`[rel=L${i}]`);
- }
- $list.filter(classes.join(',')).addClass('active');
- changeHash(`#L${a}-L${b}`);
-
- updateIssueHref(`L${a}-L${b}`);
- updateCopyPermalinkHref(`L${a}-L${b}`);
- return;
- }
- }
- $select.addClass('active');
- changeHash(`#${$select.attr('rel')}`);
-
- updateIssueHref($select.attr('rel'));
- updateCopyPermalinkHref($select.attr('rel'));
-}
-
-$(() => {
- // Warn users that try to leave a page after entering data into a form.
- // Except on sign-in pages, and for forms marked as 'ignore-dirty'.
- if ($('.user.signin').length === 0) {
- $('form:not(.ignore-dirty)').areYouSure();
- }
-
- // Parse SSH Key
- $('#ssh-key-content').on('change paste keyup', function () {
- const arrays = $(this).val().split(' ');
- const $title = $('#ssh-key-title');
- if ($title.val() === '' && arrays.length === 3 && arrays[2] !== '') {
- $title.val(arrays[2]);
- }
- });
-});
-
-function showDeletePopup() {
- const $this = $(this);
- const dataArray = $this.data();
- let filter = '';
- if ($this.data('modal-id')) {
- filter += `#${$this.data('modal-id')}`;
- }
-
- const dialog = $(`.delete.modal${filter}`);
- dialog.find('.name').text($this.data('name'));
- for (const [key, value] of Object.entries(dataArray)) {
- if (key && key.startsWith('data')) {
- dialog.find(`.${key}`).text(value);
- }
- }
-
- dialog.modal({
- closable: false,
- onApprove() {
- if ($this.data('type') === 'form') {
- $($this.data('form')).trigger('submit');
- return;
- }
-
- const postData = {
- _csrf: csrf,
- };
- for (const [key, value] of Object.entries(dataArray)) {
- if (key && key.startsWith('data')) {
- postData[key.substr(4)] = value;
- }
- if (key === 'id') {
- postData['id'] = value;
- }
- }
-
- $.post($this.data('url'), postData).done((data) => {
- window.location.href = data.redirect;
- });
- }
- }).modal('show');
- return false;
-}
-
-function showAddAllPopup() {
- const $this = $(this);
- let filter = '';
- if ($this.attr('id')) {
- filter += `#${$this.attr('id')}`;
- }
-
- const dialog = $(`.addall.modal${filter}`);
- dialog.find('.name').text($this.data('name'));
-
- dialog.modal({
- closable: false,
- onApprove() {
- if ($this.data('type') === 'form') {
- $($this.data('form')).trigger('submit');
- return;
- }
-
- $.post($this.data('url'), {
- _csrf: csrf,
- id: $this.data('id')
- }).done((data) => {
- window.location.href = data.redirect;
- });
- }
- }).modal('show');
- return false;
-}
-
-function linkAction(e) {
- e.preventDefault();
- const $this = $(this);
- const redirect = $this.data('redirect');
- $.post($this.data('url'), {
- _csrf: csrf
- }).done((data) => {
- if (data.redirect) {
- window.location.href = data.redirect;
- } else if (redirect) {
- window.location.href = redirect;
- } else {
- window.location.reload();
- }
- });
-}
-
-function linkLanguageAction() {
- const $this = $(this);
- $.post($this.data('url')).always(() => {
- window.location.reload();
- });
-}
-
-function linkEmailAction(e) {
- const $this = $(this);
- $('#form-uid').val($this.data('uid'));
- $('#form-email').val($this.data('email'));
- $('#form-primary').val($this.data('primary'));
- $('#form-activate').val($this.data('activate'));
- $('#form-uid').val($this.data('uid'));
- $('#change-email-modal').modal('show');
- e.preventDefault();
-}
-
-function initCtrlEnterSubmit() {
- $('.js-quick-submit').on('keydown', function (e) {
- if (((e.ctrlKey && !e.altKey) || e.metaKey) && (e.keyCode === 13 || e.keyCode === 10)) {
- $(this).closest('form').trigger('submit');
- }
- });
-}
-
-function initIssueTimetracking() {
- $(document).on('click', '.issue-add-time', () => {
- $('.issue-start-time-modal').modal({
- duration: 200,
- onApprove() {
- $('#add_time_manual_form').trigger('submit');
- }
- }).modal('show');
- $('.issue-start-time-modal input').on('keydown', (e) => {
- if ((e.keyCode || e.key) === 13) {
- $('#add_time_manual_form').trigger('submit');
- }
- });
- });
- $(document).on('click', '.issue-start-time, .issue-stop-time', () => {
- $('#toggle_stopwatch_form').trigger('submit');
- });
- $(document).on('click', '.issue-cancel-time', () => {
- $('#cancel_stopwatch_form').trigger('submit');
- });
- $(document).on('click', 'button.issue-delete-time', function () {
- const sel = `.issue-delete-time-modal[data-id="${$(this).data('id')}"]`;
- $(sel).modal({
- duration: 200,
- onApprove() {
- $(`${sel} form`).trigger('submit');
- }
- }).modal('show');
- });
-}
-
-function initBranchOrTagDropdown(selector) {
- $(selector).each(function() {
- const $dropdown = $(this);
- $dropdown.find('.reference.column').on('click', function () {
- $dropdown.find('.scrolling.reference-list-menu').hide();
- $($(this).data('target')).show();
- return false;
- });
- });
-}
-
-
-$('.commit-button').on('click', function (e) {
- e.preventDefault();
- $(this).parent().find('.commit-body').toggle();
-});
-
-function initNavbarContentToggle() {
- const content = $('#navbar');
- const toggle = $('#navbar-expand-toggle');
- let isExpanded = false;
- toggle.on('click', () => {
- isExpanded = !isExpanded;
- if (isExpanded) {
- content.addClass('shown');
- toggle.addClass('active');
- } else {
- content.removeClass('shown');
- toggle.removeClass('active');
- }
- });
-}
-
-function initTopicbar() {
- const mgrBtn = $('#manage_topic');
- const editDiv = $('#topic_edit');
- const viewDiv = $('#repo-topics');
- const saveBtn = $('#save_topic');
- const topicDropdown = $('#topic_edit .dropdown');
- const topicForm = $('#topic_edit.ui.form');
- const topicPrompts = getPrompts();
-
- mgrBtn.on('click', () => {
- viewDiv.hide();
- editDiv.css('display', ''); // show Semantic UI Grid
- });
-
- function getPrompts() {
- const hidePrompt = $('div.hide#validate_prompt');
- const prompts = {
- countPrompt: hidePrompt.children('#count_prompt').text(),
- formatPrompt: hidePrompt.children('#format_prompt').text()
- };
- hidePrompt.remove();
- return prompts;
- }
-
- saveBtn.on('click', () => {
- const topics = $('input[name=topics]').val();
-
- $.post(saveBtn.data('link'), {
- _csrf: csrf,
- topics
- }, (_data, _textStatus, xhr) => {
- if (xhr.responseJSON.status === 'ok') {
- viewDiv.children('.topic').remove();
- if (topics.length) {
- const topicArray = topics.split(',');
-
- const last = viewDiv.children('a').last();
- for (let i = 0; i < topicArray.length; i++) {
- const link = $('');
- link.attr('href', `${AppSubUrl}/explore/repos?q=${encodeURIComponent(topicArray[i])}&topic=1`);
- link.text(topicArray[i]);
- link.insertBefore(last);
- }
- }
- editDiv.css('display', 'none');
- viewDiv.show();
- }
- }).fail((xhr) => {
- if (xhr.status === 422) {
- if (xhr.responseJSON.invalidTopics.length > 0) {
- topicPrompts.formatPrompt = xhr.responseJSON.message;
-
- const {invalidTopics} = xhr.responseJSON;
- const topicLables = topicDropdown.children('a.ui.label');
-
- topics.split(',').forEach((value, index) => {
- for (let i = 0; i < invalidTopics.length; i++) {
- if (invalidTopics[i] === value) {
- topicLables.eq(index).removeClass('green').addClass('red');
- }
- }
- });
- } else {
- topicPrompts.countPrompt = xhr.responseJSON.message;
- }
- }
- }).always(() => {
- topicForm.form('validate form');
- });
- });
-
- topicDropdown.dropdown({
- allowAdditions: true,
- forceSelection: false,
- fullTextSearch: 'exact',
- fields: {name: 'description', value: 'data-value'},
- saveRemoteData: false,
- label: {
- transition: 'horizontal flip',
- duration: 200,
- variation: false,
- blue: true,
- basic: true,
- },
- className: {
- label: 'ui small label'
- },
- apiSettings: {
- url: `${AppSubUrl}/api/v1/topics/search?q={query}`,
- throttle: 500,
- cache: false,
- onResponse(res) {
- const formattedResponse = {
- success: false,
- results: [],
- };
- const query = stripTags(this.urlData.query.trim());
- let found_query = false;
- const current_topics = [];
- topicDropdown.find('div.label.visible.topic,a.label.visible').each((_, e) => { current_topics.push(e.dataset.value) });
-
- if (res.topics) {
- let found = false;
- for (let i = 0; i < res.topics.length; i++) {
- // skip currently added tags
- if (current_topics.includes(res.topics[i].topic_name)) {
- continue;
- }
-
- if (res.topics[i].topic_name.toLowerCase() === query.toLowerCase()) {
- found_query = true;
- }
- formattedResponse.results.push({description: res.topics[i].topic_name, 'data-value': res.topics[i].topic_name});
- found = true;
- }
- formattedResponse.success = found;
- }
-
- if (query.length > 0 && !found_query) {
- formattedResponse.success = true;
- formattedResponse.results.unshift({description: query, 'data-value': query});
- } else if (query.length > 0 && found_query) {
- formattedResponse.results.sort((a, b) => {
- if (a.description.toLowerCase() === query.toLowerCase()) return -1;
- if (b.description.toLowerCase() === query.toLowerCase()) return 1;
- if (a.description > b.description) return -1;
- if (a.description < b.description) return 1;
- return 0;
- });
- }
-
- return formattedResponse;
- },
- },
- onLabelCreate(value) {
- value = value.toLowerCase().trim();
- this.attr('data-value', value).contents().first().replaceWith(value);
- return $(this);
- },
- onAdd(addedValue, _addedText, $addedChoice) {
- addedValue = addedValue.toLowerCase().trim();
- $($addedChoice).attr('data-value', addedValue);
- $($addedChoice).attr('data-text', addedValue);
- }
- });
-
- $.fn.form.settings.rules.validateTopic = function (_values, regExp) {
- const topics = topicDropdown.children('a.ui.label');
- const status = topics.length === 0 || topics.last().attr('data-value').match(regExp);
- if (!status) {
- topics.last().removeClass('green').addClass('red');
- }
- return status && topicDropdown.children('a.ui.label.red').length === 0;
- };
-
- topicForm.form({
- on: 'change',
- inline: true,
- fields: {
- topics: {
- identifier: 'topics',
- rules: [
- {
- type: 'validateTopic',
- value: /^[a-z0-9][a-z0-9-]{0,35}$/,
- prompt: topicPrompts.formatPrompt
- },
- {
- type: 'maxCount[25]',
- prompt: topicPrompts.countPrompt
- }
- ]
- },
- }
- });
-}
-
-function updateDeadline(deadlineString) {
- $('#deadline-err-invalid-date').hide();
- $('#deadline-loader').addClass('loading');
-
- let realDeadline = null;
- if (deadlineString !== '') {
- const newDate = Date.parse(deadlineString);
-
- if (Number.isNaN(newDate)) {
- $('#deadline-loader').removeClass('loading');
- $('#deadline-err-invalid-date').show();
- return false;
- }
- realDeadline = new Date(newDate);
- }
-
- $.ajax(`${$('#update-issue-deadline-form').attr('action')}/deadline`, {
- data: JSON.stringify({
- due_date: realDeadline,
- }),
- headers: {
- 'X-Csrf-Token': csrf,
- 'X-Remote': true,
- },
- contentType: 'application/json',
- type: 'POST',
- success() {
- reload();
- },
- error() {
- $('#deadline-loader').removeClass('loading');
- $('#deadline-err-invalid-date').show();
- }
- });
-}
-
-function initIssueDue() {
- $(document).on('click', '.issue-due-edit', () => {
- $('#deadlineForm').fadeToggle(150);
- });
- $(document).on('click', '.issue-due-remove', () => {
- updateDeadline('');
- });
- $(document).on('submit', '.issue-due-form', () => {
- updateDeadline($('#deadlineDate').val());
- return false;
- });
-}
-
-function initIssueList() {
- const repolink = $('#repolink').val();
- const repoId = $('#repoId').val();
- const crossRepoSearch = $('#crossRepoSearch').val();
- const tp = $('#type').val();
- let issueSearchUrl = `${AppSubUrl}/api/v1/repos/${repolink}/issues?q={query}&type=${tp}`;
- if (crossRepoSearch === 'true') {
- issueSearchUrl = `${AppSubUrl}/api/v1/repos/issues/search?q={query}&priority_repo_id=${repoId}&type=${tp}`;
- }
- $('#new-dependency-drop-list')
- .dropdown({
- apiSettings: {
- url: issueSearchUrl,
- onResponse(response) {
- const filteredResponse = {success: true, results: []};
- const currIssueId = $('#new-dependency-drop-list').data('issue-id');
- // Parse the response from the api to work with our dropdown
- $.each(response, (_i, issue) => {
- // Don't list current issue in the dependency list.
- if (issue.id === currIssueId) {
- return;
- }
- filteredResponse.results.push({
- name: `#${issue.number} ${htmlEscape(issue.title)
- } ${htmlEscape(issue.repository.full_name)} `,
- value: issue.id
- });
- });
- return filteredResponse;
- },
- cache: false,
- },
-
- fullTextSearch: true
- });
-
- function excludeLabel (item) {
- const href = $(item).attr('href');
- const id = $(item).data('label-id');
-
- const regStr = `labels=((?:-?[0-9]+%2c)*)(${id})((?:%2c-?[0-9]+)*)&`;
- const newStr = 'labels=$1-$2$3&';
-
- window.location = href.replace(new RegExp(regStr), newStr);
- }
-
- $('.menu a.label-filter-item').each(function () {
- $(this).on('click', function (e) {
- if (e.altKey) {
- e.preventDefault();
- excludeLabel(this);
- }
- });
- });
-
- $('.menu .ui.dropdown.label-filter').on('keydown', (e) => {
- if (e.altKey && e.keyCode === 13) {
- const selectedItems = $('.menu .ui.dropdown.label-filter .menu .item.selected');
- if (selectedItems.length > 0) {
- excludeLabel($(selectedItems[0]));
- }
- }
- });
-}
-
-$(document).on('click', 'button[name="is_review"]', (e) => {
- $(e.target).closest('form').append('');
-});
-
-$(document).on('submit', '.conversation-holder form', async (e) => {
- e.preventDefault();
- const form = $(e.target);
- const newConversationHolder = $(await $.post(form.attr('action'), form.serialize()));
- const {path, side, idx} = newConversationHolder.data();
-
- form.closest('.conversation-holder').replaceWith(newConversationHolder);
- if (form.closest('tr').data('line-type') === 'same') {
- $(`a.add-code-comment[data-path="${path}"][data-idx="${idx}"]`).addClass('invisible');
- } else {
- $(`a.add-code-comment[data-path="${path}"][data-side="${side}"][data-idx="${idx}"]`).addClass('invisible');
- }
- newConversationHolder.find('.dropdown').dropdown();
- initReactionSelector(newConversationHolder);
- initClipboard();
-});
-
-$(document).on('click', '.oauth-login-image', () => {
- const oauthLoader = $('#oauth2-login-loader');
- const oauthNav = $('#oauth2-login-navigator');
-
- oauthNav.hide();
- oauthLoader.removeClass('disabled');
-
- setTimeout(() => {
- // recover previous content to let user try again
- // usually redirection will be performed before this action
- oauthLoader.addClass('disabled');
- oauthNav.show();
- }, 5000);
-});
|