summaryrefslogtreecommitdiffstats
path: root/web_src/js/features/repo-unicode-escape.js
blob: 9f0c745223e4795278b83b7c862bc368ea1be186 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
import {hideElem, queryElemSiblings, showElem, toggleElem} from '../utils/dom.js';

export function initUnicodeEscapeButton() {
  document.addEventListener('click', (e) => {
    const btn = e.target.closest('.escape-button, .unescape-button, .toggle-escape-button');
    if (!btn) return;

    e.preventDefault();

    const fileContent = btn.closest('.file-content, .non-diff-file-content, .file-preview-box');
    const fileView = fileContent?.querySelectorAll('.file-code, .file-view, .file-preview');
    if (btn.matches('.escape-button')) {
      for (const el of fileView) el.classList.add('unicode-escaped');
      hideElem(btn);
      showElem(queryElemSiblings(btn, '.unescape-button'));
    } else if (btn.matches('.unescape-button')) {
      for (const el of fileView) el.classList.remove('unicode-escaped');
      hideElem(btn);
      showElem(queryElemSiblings(btn, '.escape-button'));
    } else if (btn.matches('.toggle-escape-button')) {
      const isEscaped = fileView[0]?.classList.contains('unicode-escaped');
      for (const el of fileView) el.classList.toggle('unicode-escaped', !isEscaped);
      toggleElem(fileContent.querySelectorAll('.unescape-button'), !isEscaped);
      toggleElem(fileContent.querySelectorAll('.escape-button'), isEscaped);
    }
  });
}