123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635 |
- 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, csrfToken} = 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': csrfToken,
- '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)
- }<div class="text small dont-break-out">${htmlEscape(issue.repository.full_name)}</div>`,
- 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: csrfToken,
- }).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') {
- $(`[data-path="${path}"] a.add-code-comment[data-idx="${idx}"]`).removeClass('invisible');
- } else {
- $(`[data-path="${path}"] a.add-code-comment[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 = e.currentTarget.getAttribute('data-id');
- const type = e.currentTarget.getAttribute('data-type');
-
- $('.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: csrfToken
- }).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 async function updateIssuesMeta(url, action, issueIds, elementId) {
- return $.ajax({
- type: 'POST',
- url,
- data: {
- _csrf: csrfToken,
- action,
- issue_ids: issueIds,
- id: elementId,
- },
- });
- }
-
- export function initRepoIssueComments() {
- if ($('.repository.view.issue .timeline').length === 0) return;
-
- $('.re-request-review').on('click', function (e) {
- e.preventDefault();
- const url = $(this).data('update-url');
- const issueId = $(this).data('issue-id');
- const id = $(this).data('id');
- const isChecked = $(this).hasClass('checked');
-
- updateIssuesMeta(
- url,
- isChecked ? 'detach' : 'attach',
- issueId,
- id,
- ).then(() => window.location.reload());
- });
-
- $('.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');
- });
-
- $(document).on('click', 'a.add-code-comment', 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).closest('[data-path]').data('path');
- const tr = $(this).closest('tr');
- const lineType = tr.data('line-type');
-
- let ntr = tr.next();
- if (!ntr.hasClass('add-comment')) {
- ntr = $(`
- <tr class="add-comment" data-line-type="${lineType}">
- ${isSplit ? `
- <td class="lines-num"></td>
- <td class="lines-type-marker"></td>
- <td class="add-comment-left"></td>
- <td class="lines-num"></td>
- <td class="lines-type-marker"></td>
- <td class="add-comment-right"></td>
- ` : `
- <td colspan="2" class="lines-num"></td>
- <td class="add-comment-left add-comment-right" colspan="2"></td>
- `}
- </tr>`);
- 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).closest('[data-new-comment-url]').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 toggleWip = e.currentTarget.closest('.toggle-wip');
- const title = toggleWip.getAttribute('data-title');
- const wipPrefix = toggleWip.getAttribute('data-wip-prefix');
- const updateUrl = toggleWip.getAttribute('data-update-url');
- await $.post(updateUrl, {
- _csrf: csrfToken,
- 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: csrfToken,
- 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: csrfToken,
- 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);
- }
|