summaryrefslogtreecommitdiffstats
path: root/web_src/js/features/repo-settings.js
diff options
context:
space:
mode:
Diffstat (limited to 'web_src/js/features/repo-settings.js')
-rw-r--r--web_src/js/features/repo-settings.js120
1 files changed, 120 insertions, 0 deletions
diff --git a/web_src/js/features/repo-settings.js b/web_src/js/features/repo-settings.js
new file mode 100644
index 0000000..52c5de2
--- /dev/null
+++ b/web_src/js/features/repo-settings.js
@@ -0,0 +1,120 @@
+import $ from 'jquery';
+import {minimatch} from 'minimatch';
+import {createMonaco} from './codeeditor.js';
+import {onInputDebounce, toggleElem} from '../utils/dom.js';
+import {POST} from '../modules/fetch.js';
+
+const {appSubUrl, csrfToken} = window.config;
+
+export function initRepoSettingsCollaboration() {
+ // Change collaborator access mode
+ $('.page-content.repository .ui.dropdown.access-mode').each((_, el) => {
+ const $dropdown = $(el);
+ const $text = $dropdown.find('> .text');
+ $dropdown.dropdown({
+ async action(_text, value) {
+ const lastValue = el.getAttribute('data-last-value');
+ try {
+ el.setAttribute('data-last-value', value);
+ $dropdown.dropdown('hide');
+ const data = new FormData();
+ data.append('uid', el.getAttribute('data-uid'));
+ data.append('mode', value);
+ await POST(el.getAttribute('data-url'), {data});
+ } catch {
+ $text.text('(error)'); // prevent from misleading users when error occurs
+ el.setAttribute('data-last-value', lastValue);
+ }
+ },
+ onChange(_value, text, _$choice) {
+ $text.text(text); // update the text when using keyboard navigating
+ },
+ onHide() {
+ // set to the really selected value, defer to next tick to make sure `action` has finished its work because the calling order might be onHide -> action
+ setTimeout(() => {
+ const $item = $dropdown.dropdown('get item', el.getAttribute('data-last-value'));
+ if ($item) {
+ $dropdown.dropdown('set selected', el.getAttribute('data-last-value'));
+ } else {
+ $text.text('(none)'); // prevent from misleading users when the access mode is undefined
+ }
+ }, 0);
+ },
+ });
+ });
+}
+
+export function initRepoSettingSearchTeamBox() {
+ const searchTeamBox = document.getElementById('search-team-box');
+ if (!searchTeamBox) return;
+
+ $(searchTeamBox).search({
+ minCharacters: 2,
+ apiSettings: {
+ url: `${appSubUrl}/org/${searchTeamBox.getAttribute('data-org-name')}/teams/-/search?q={query}`,
+ headers: {'X-Csrf-Token': csrfToken},
+ onResponse(response) {
+ const items = [];
+ $.each(response.data, (_i, item) => {
+ items.push({
+ title: item.name,
+ description: `${item.permission} access`, // TODO: translate this string
+ });
+ });
+
+ return {results: items};
+ },
+ },
+ searchFields: ['name', 'description'],
+ showNoResults: false,
+ });
+}
+
+export function initRepoSettingGitHook() {
+ if (!$('.edit.githook').length) return;
+ const filename = document.querySelector('.hook-filename').textContent;
+ const _promise = createMonaco($('#content')[0], filename, {language: 'shell'});
+}
+
+export function initRepoSettingBranches() {
+ if (!document.querySelector('.repository.settings.branches')) return;
+
+ for (const el of document.getElementsByClassName('toggle-target-enabled')) {
+ el.addEventListener('change', function () {
+ const target = document.querySelector(this.getAttribute('data-target'));
+ target?.classList.toggle('disabled', !this.checked);
+ });
+ }
+
+ for (const el of document.getElementsByClassName('toggle-target-disabled')) {
+ el.addEventListener('change', function () {
+ const target = document.querySelector(this.getAttribute('data-target'));
+ if (this.checked) target?.classList.add('disabled'); // only disable, do not auto enable
+ });
+ }
+
+ document.getElementById('dismiss_stale_approvals')?.addEventListener('change', function () {
+ document.getElementById('ignore_stale_approvals_box')?.classList.toggle('disabled', this.checked);
+ });
+
+ // show the `Matched` mark for the status checks that match the pattern
+ const markMatchedStatusChecks = () => {
+ const patterns = (document.getElementById('status_check_contexts').value || '').split(/[\r\n]+/);
+ const validPatterns = patterns.map((item) => item.trim()).filter(Boolean);
+ const marks = document.getElementsByClassName('status-check-matched-mark');
+
+ for (const el of marks) {
+ let matched = false;
+ const statusCheck = el.getAttribute('data-status-check');
+ for (const pattern of validPatterns) {
+ if (minimatch(statusCheck, pattern)) {
+ matched = true;
+ break;
+ }
+ }
+ toggleElem(el, matched);
+ }
+ };
+ markMatchedStatusChecks();
+ document.getElementById('status_check_contexts').addEventListener('input', onInputDebounce(markMatchedStatusChecks));
+}