52ae0c5802
Some checks failed
cache-seeder / prune (push) Has been skipped
cache-seeder / frontend (push) Failing after 3s
cache-seeder / python (push) Failing after 3s
cache-seeder / gobuild (push) Failing after 4s
cache-seeder / lint (bindata, lint-backend) (push) Failing after 3s
giteabot backport / giteabot (push) Has been skipped
giteabot / giteabot (push) Has been skipped
cache-prune / prune (push) Has been skipped
release-nightly-snapcraft / build-and-publish (ubuntu-24.04) (push) Has been cancelled
release-nightly-snapcraft / build-and-publish (ubuntu-24.04-arm) (push) Has been cancelled
release-nightly / nightly-binary (push) Has been cancelled
release-nightly / nightly-container (push) Has been cancelled
cron-renovate / cron-renovate (push) Has been skipped
29 lines
1.4 KiB
TypeScript
29 lines
1.4 KiB
TypeScript
import {addDelegatedEventListener, hideElem, queryElemSiblings, showElem, toggleElem} from '../utils/dom.ts';
|
|
|
|
export function initUnicodeEscapeButton() {
|
|
// buttons might appear on these pages: file view (code, rendered markdown), diff (commit, pr conversation, pr diff), blame, wiki
|
|
addDelegatedEventListener(document, 'click', '.escape-button, .unescape-button, .toggle-escape-button', (btn, e) => {
|
|
e.preventDefault();
|
|
|
|
const unicodeContentSelector = btn.getAttribute('data-unicode-content-selector');
|
|
const container = unicodeContentSelector ?
|
|
document.querySelector(unicodeContentSelector)! :
|
|
btn.closest('.file-content, .non-diff-file-content')!;
|
|
const fileView = container.querySelector('.file-code, .file-view') ?? container;
|
|
if (btn.matches('.escape-button')) {
|
|
fileView.classList.add('unicode-escaped');
|
|
hideElem(btn);
|
|
showElem(queryElemSiblings(btn, '.unescape-button'));
|
|
} else if (btn.matches('.unescape-button')) {
|
|
fileView.classList.remove('unicode-escaped');
|
|
hideElem(btn);
|
|
showElem(queryElemSiblings(btn, '.escape-button'));
|
|
} else if (btn.matches('.toggle-escape-button')) {
|
|
const isEscaped = fileView.classList.contains('unicode-escaped');
|
|
fileView.classList.toggle('unicode-escaped', !isEscaped);
|
|
toggleElem(container.querySelectorAll('.unescape-button'), !isEscaped);
|
|
toggleElem(container.querySelectorAll('.escape-button'), isEscaped);
|
|
}
|
|
});
|
|
}
|