tyler.durden/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-04-08 17:05:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Revert: [Refactor initViewFileTreeSidebar using the new registerGlobalInitFunc]

Browse Source
This commit is contained in:
Kerwin Bryant 2025-03-10 02:14:59 +00:00
parent 2456a2b541
commit 46ab64ba49
2 changed files with 29 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/repo/home.tmpl
View File

@ -19,7 +19,7 @@
<div class="{{Iif $showSidebar "repo-grid-filelist-sidebar" (Iif .RepoPreferences.ShowFileViewTreeSidebar "repo-grid-tree-sidebar" "repo-grid-filelist-only")}}">
{{if .TreeNames}}
<div class="repo-view-file-tree-sidebar not-mobile {{if not .RepoPreferences.ShowFileViewTreeSidebar}}tw-hidden{{end}}" data-global-init="initViewFileTreeSidebar" {{if .IsSigned}} data-is-signed {{end}}>{{template "repo/view_file_tree_sidebar" .}}</div>
<div class="repo-view-file-tree-sidebar not-mobile {{if not .RepoPreferences.ShowFileViewTreeSidebar}}tw-hidden{{end}}" {{if .IsSigned}} data-is-signed {{end}}>{{template "repo/view_file_tree_sidebar" .}}</div>
{{end}}
<div class="repo-home-filelist">

60
web_src/js/features/repo-view-file-tree-sidebar.ts
View File

@ -1,7 +1,6 @@
import {createApp, ref} from 'vue';
import {toggleElem} from '../utils/dom.ts';
import {GET, PUT} from '../modules/fetch.ts';
import {registerGlobalInitFunc} from '../modules/observer.ts';
import ViewFileTree from '../components/ViewFileTree.vue';
async function toggleSidebar(sidebarEl: HTMLElement, visibility: boolean) {
@ -58,42 +57,39 @@ function reloadContentScript(sidebarEl: HTMLElement, contentEl: Element) {
});
}
export function initViewFileTreeSidebar() {
let popstateListenerForViewFilePageAdded = false;
registerGlobalInitFunc('initViewFileTreeSidebar', async (el: HTMLElement) => {
el.querySelector('.hide-tree-sidebar-button').addEventListener('click', () => {
toggleSidebar(el, false);
});
el.parentElement.querySelector('.repo-home-filelist .show-tree-sidebar-button').addEventListener('click', () => {
toggleSidebar(el, true);
});
export async function initViewFileTreeSidebar() {
const sidebarEl = document.querySelector('.repo-view-file-tree-sidebar');
if (!sidebarEl || !(sidebarEl instanceof HTMLElement)) return;
const fileTree = el.querySelector('#view-file-tree');
const baseUrl = fileTree.getAttribute('data-api-base-url');
const treePath = fileTree.getAttribute('data-tree-path');
const refType = fileTree.getAttribute('data-current-ref-type');
const refName = fileTree.getAttribute('data-current-ref-short-name');
const refString = (refType ? (`/${refType}`) : '') + (refName ? (`/${refName}`) : '');
sidebarEl.querySelector('.hide-tree-sidebar-button').addEventListener('click', () => {
toggleSidebar(sidebarEl, false);
});
sidebarEl.parentElement.querySelector('.repo-home-filelist .show-tree-sidebar-button').addEventListener('click', () => {
toggleSidebar(sidebarEl, true);
});
const selectedItem = ref(getSelectedPath(refString));
const fileTree = sidebarEl.querySelector('#view-file-tree');
const baseUrl = fileTree.getAttribute('data-api-base-url');
const treePath = fileTree.getAttribute('data-tree-path');
const refType = fileTree.getAttribute('data-current-ref-type');
const refName = fileTree.getAttribute('data-current-ref-short-name');
const refString = (refType ? (`/${refType}`) : '') + (refName ? (`/${refName}`) : '');
const files = await childrenLoader(el)(treePath, true);
const selectedItem = ref(getSelectedPath(refString));
fileTree.classList.remove('is-loading');
const fileTreeView = createApp(ViewFileTree, {files, selectedItem, loadChildren: childrenLoader(el), loadContent: (path: string) => {
window.history.pushState(null, null, encodeURI(`${baseUrl}/src${refString}/${path}`));
selectedItem.value = path;
loadContent(el);
}});
fileTreeView.mount(fileTree);
const files = await childrenLoader(sidebarEl)(treePath, true);
if (!popstateListenerForViewFilePageAdded) {
window.addEventListener('popstate', () => {
selectedItem.value = getSelectedPath(refString);
loadContent(el);
});
popstateListenerForViewFilePageAdded = true;
}
fileTree.classList.remove('is-loading');
const fileTreeView = createApp(ViewFileTree, {files, selectedItem, loadChildren: childrenLoader(sidebarEl), loadContent: (path: string) => {
window.history.pushState(null, null, encodeURI(`${baseUrl}/src${refString}/${path}`));
selectedItem.value = path;
loadContent(sidebarEl);
}});
fileTreeView.mount(fileTree);
window.addEventListener('popstate', () => {
selectedItem.value = getSelectedPath(refString);
loadContent(sidebarEl);
});
}