bruno
921f1b7bc1
Téléchargés et servis depuis /static/js/: - alpine.min.js (44 KB) — remplace unpkg.com - htmx.min.js (51 KB) — remplace unpkg.com - sortable.min.js (45 KB) — remplace cdn.jsdelivr.net - prism.min.js (19 KB) + prism.css (1.3 KB) — remplace cdnjs Corrige le bug 'rien ne fonctionne' quand le réseau est lent/absent: sans CDN, Alpine.js/HTMX/SortableJS ne chargeaient pas → tous les @click, x-show, x-data, drag-drop inopérants.
724 lines
30 KiB
HTML
724 lines
30 KiB
HTML
{% extends "base.html" %}
|
|
{% block page_title %}Gitea Workspace{% endblock %}
|
|
{% block page_icon %}🔗{% endblock %}
|
|
|
|
{% block topbar %}
|
|
<header class="topbar">
|
|
<button class="hamburger-btn" @click="mobileSidebarOpen = true; sidebarCollapsed = false;" title="Menu">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
|
</button>
|
|
<div class="topbar-left">
|
|
<a href="/workspaces" class="breadcrumb" style="color:rgba(255,255,255,.5);text-decoration:none;">Home</a>
|
|
<span class="page-title-topbar">{{ owner }}/{{ repo }}</span>
|
|
</div>
|
|
<div class="topbar-right" style="display:flex;align-items:center;gap:6px;">
|
|
<button class="page-action-btn" @click="showNewFile=!showNewFile" title="New file">📄+</button>
|
|
<button class="page-action-btn" @click="triggerUpload()" title="Upload file">📤</button>
|
|
<input type="file" id="gitea-upload-input" style="display:none" @change="doUpload($event)" multiple>
|
|
<button class="page-action-btn" @click="refreshTree()" title="Refresh">🔄</button>
|
|
<button class="page-action-btn" onclick="window.location='/accounts/settings'" title="Settings">⚙</button>
|
|
</div>
|
|
</header>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- Prism.js syntax highlighting -->
|
|
<link rel="stylesheet" href="/static/css/prism.css">
|
|
<script src="/static/js/prism.min.js"></script>
|
|
<style>
|
|
.gw-main{display:flex;flex-direction:column;height:calc(100vh - 48px);overflow:hidden;}
|
|
.gw-content{padding:24px;overflow-y:auto;flex:1;}
|
|
.gw-content h3{font-size:16px;margin-bottom:12px;color:var(--text-dim);}
|
|
.gw-content pre{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:16px;overflow-x:auto;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:70vh;overflow-y:auto;}
|
|
.gw-content pre[class*="language-"]{background:transparent;border:none;padding:0;margin:0;white-space:pre;word-break:normal;}
|
|
.gw-content code[class*="language-"]{font-size:13px;line-height:1.5;tab-size:4;}
|
|
.gw-content .empty-state{text-align:center;padding:60px 20px;color:var(--text-dim);}
|
|
.gw-content .empty-state h2{font-size:18px;margin-bottom:8px;color:var(--text);}
|
|
.gw-content textarea{width:100%;min-height:50vh;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;padding:12px;font-family:monospace;resize:vertical;outline:none;}
|
|
.gw-content textarea:focus{border-color:var(--accent);}
|
|
.gw-file-toolbar{display:flex;align-items:center;gap:8px;padding:8px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);font-size:13px;color:var(--text-dim);}
|
|
.gw-file-toolbar strong{color:var(--text);margin-right:12px;}
|
|
.gw-commit-bar{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-wrap:wrap;}
|
|
.gw-commit-bar input{flex:1;min-width:180px;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;}
|
|
.gw-commit-bar input:focus{border-color:var(--accent);}
|
|
|
|
/* Prism theme tweaks for dark UI */
|
|
.gw-content pre[class*="language-"]{background:var(--bg-tertiary)!important;border:1px solid var(--border)!important;border-radius:8px!important;padding:16px!important;}
|
|
</style>
|
|
|
|
<div class="gw-main" x-data="giteaWorkspace()">
|
|
<!-- File view -->
|
|
<div x-show="showFile && !showEditor" x-transition>
|
|
<div class="gw-file-toolbar">
|
|
<strong x-text="filePath || ''"></strong>
|
|
<span x-text="formatSize(fileSize)"></span>
|
|
<span style="flex:1;"></span>
|
|
<button class="btn" @click="openEditor()">✏️ Edit</button>
|
|
<button class="btn btn-danger" @click="deleteCurrentFile()">🗑 Delete</button>
|
|
</div>
|
|
<div class="gw-content">
|
|
<!-- Skeleton loading -->
|
|
<div x-show="fileLoading" class="skeleton-file">
|
|
<div class="skeleton" style="height:15px;width:60%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:80%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:40%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:75%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:55%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:90%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:35%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:65%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:45%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:70%;margin-bottom:12px;"></div>
|
|
<div class="skeleton" style="height:15px;width:50%;"></div>
|
|
</div>
|
|
<!-- Syntax-highlighted code -->
|
|
<pre x-show="!fileLoading"><code :class="'language-'+fileLanguage" x-ref="codeBlock" x-text="fileContent"></code></pre>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Editor view -->
|
|
<template x-if="showEditor">
|
|
<div>
|
|
<div class="gw-file-toolbar">
|
|
<strong>Editing: <span x-text="filePath || 'new file'"></span></strong>
|
|
<span style="flex:1;"></span>
|
|
<button class="btn" @click="showEditor=false">Cancel</button>
|
|
</div>
|
|
<div class="gw-content">
|
|
<textarea x-model="editContent"></textarea>
|
|
</div>
|
|
<div class="gw-commit-bar">
|
|
<input type="text" x-model="commitMessage" placeholder="Commit message" list="commit-history">
|
|
<datalist id="commit-history">
|
|
<template x-for="msg in commitHistory" :key="msg">
|
|
<option :value="msg">
|
|
</template>
|
|
</datalist>
|
|
<button class="btn-primary" @click="saveFile()">💾 Commit</button>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Empty state -->
|
|
<template x-if="!showFile && !showEditor && !showPrivate">
|
|
<div class="gw-content">
|
|
<div class="empty-state">
|
|
<h2>📁 <span x-text="owner + '/' + repo"></span></h2>
|
|
<p x-show="!showNewFile">Select a file from the sidebar or create a new one</p>
|
|
<!-- New file form -->
|
|
<div x-show="showNewFile" style="margin-top:16px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto;">
|
|
<input type="text" x-model="newFilePath" placeholder="path/to/file.md" class="settings-input" style="margin-bottom:8px;">
|
|
<textarea x-model="newFileContent" placeholder="File content..." class="settings-input" style="height:120px;margin-bottom:8px;"></textarea>
|
|
<input type="text" x-model="newFileMsg" placeholder="Commit message" class="settings-input" style="margin-bottom:8px;">
|
|
<button class="btn btn-primary" @click="createNewFile()">💾 Create file</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Private pages view -->
|
|
<template x-if="showPrivate && !editingPrivate">
|
|
<div class="gw-content">
|
|
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;">
|
|
<h3>🔒 Private Pages</h3>
|
|
<button class="btn btn-primary" @click="newPrivate()">+ New Page</button>
|
|
</div>
|
|
<template x-if="privatePages.length === 0">
|
|
<div class="empty-state" style="padding:40px 20px;">
|
|
<p>No private pages yet. Create one to store notes linked to this project.</p>
|
|
</div>
|
|
</template>
|
|
<template x-for="pp in privatePages" :key="pp.id">
|
|
<div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;"
|
|
@click="openPrivate(pp.id)">
|
|
<div>
|
|
<div style="font-weight:500;" x-text="pp.title"></div>
|
|
<div style="font-size:12px;color:var(--text-dim);" x-text="pp.updated_at ? new Date(pp.updated_at+'Z').toLocaleString() : ''"></div>
|
|
</div>
|
|
<button class="btn btn-danger" style="padding:4px 8px;font-size:11px;" @click.stop="deletePrivate(pp.id)">🗑</button>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<!-- Private page editor -->
|
|
<template x-if="editingPrivate">
|
|
<div>
|
|
<div class="gw-file-toolbar">
|
|
<strong>Editing: <span x-text="editingPrivateTitle || 'Untitled'"></span></strong>
|
|
<span style="flex:1;"></span>
|
|
<button class="btn" @click="savePrivate()">💾 Save</button>
|
|
<button class="btn" @click="editingPrivate=null;editingPrivateTitle='';editingPrivateContent='';">Cancel</button>
|
|
</div>
|
|
<div class="gw-content">
|
|
<input x-model="editingPrivateTitle" placeholder="Page title" style="width:100%;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;margin-bottom:12px;outline:none;">
|
|
<textarea x-model="editingPrivateContent" placeholder="Start writing…" style="min-height:60vh;"></textarea>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
<script>
|
|
function giteaWorkspace() {
|
|
const params = new URLSearchParams(window.location.search);
|
|
const owner = params.get('owner') || '';
|
|
const repo = params.get('repo') || '';
|
|
|
|
return {
|
|
owner, repo,
|
|
showFile: false,
|
|
showEditor: false,
|
|
showPrivate: false,
|
|
privatePages: [],
|
|
editingPrivate: null,
|
|
editingPrivateTitle: '',
|
|
editingPrivateContent: '',
|
|
filePath: '',
|
|
fileContent: '',
|
|
fileSize: 0,
|
|
fileSha: '',
|
|
fileLoading: false,
|
|
fileLanguage: 'text',
|
|
editContent: '',
|
|
commitMessage: 'Update via FlowDeck',
|
|
commitHistory: JSON.parse(localStorage.getItem('fd_commit_msgs') || '[]'),
|
|
|
|
init() {
|
|
// Set cookie for sidebar
|
|
document.cookie = 'flowdeck_workspace=gitea:' + this.owner + ':' + this.repo + ';path=/;SameSite=Lax';
|
|
// Load root tree into sidebar
|
|
this.loadSidebarTree();
|
|
// Listen for sidebar clicks on Gitea items
|
|
this.setupSidebarClicks();
|
|
},
|
|
|
|
async loadSidebarTree() {
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/tree');
|
|
if (!r.ok) return;
|
|
var d = await r.json();
|
|
var items = d.tree || [];
|
|
var container = document.getElementById('sidebar-workspace-items');
|
|
if (!container) return;
|
|
container.innerHTML = '';
|
|
var self = this;
|
|
items.forEach(function(item) {
|
|
var icon = item.type === 'folder' ? '📁' : '📄';
|
|
var li = document.createElement('li');
|
|
li.className = 'sidebar-item';
|
|
li.setAttribute('data-gitea-path', item.path);
|
|
li.setAttribute('data-gitea-type', item.type === 'folder' ? 'folder' : 'file');
|
|
li.setAttribute('data-gitea-sha', item.sha || '');
|
|
li.style.cssText = 'padding-left:12px;cursor:pointer;display:flex;align-items:center;gap:4px;';
|
|
// Checkbox (hidden by default, visible in multi-select mode)
|
|
var cb = document.createElement('input');
|
|
cb.type = 'checkbox';
|
|
cb.className = 'gitea-checkbox';
|
|
cb.style.cssText = 'flex-shrink:0;margin:0;display:none;';
|
|
cb.addEventListener('click', function(ev) {
|
|
ev.stopPropagation();
|
|
var gw = document.querySelector('[x-data]').__x.$data;
|
|
gw.selectItem(item.path, li, ev);
|
|
});
|
|
li.appendChild(cb);
|
|
// Icon
|
|
var iconSpan = document.createElement('span');
|
|
iconSpan.className = 'page-icon';
|
|
iconSpan.textContent = icon;
|
|
li.appendChild(iconSpan);
|
|
// Name (with double-click rename)
|
|
var nameSpan = document.createElement('span');
|
|
nameSpan.className = 'page-name';
|
|
nameSpan.textContent = item.name;
|
|
nameSpan.addEventListener('dblclick', function(ev) {
|
|
ev.preventDefault();
|
|
ev.stopPropagation();
|
|
var gw = document.querySelector('[x-data]').__x.$data;
|
|
gw.startInlineRename(nameSpan, item.path, li);
|
|
});
|
|
li.appendChild(nameSpan);
|
|
container.appendChild(li);
|
|
});
|
|
// Add Private Pages link
|
|
var sep = document.createElement('li');
|
|
sep.style.cssText = 'border-top:1px solid var(--border);margin:8px 0;';
|
|
container.appendChild(sep);
|
|
var pli = document.createElement('li');
|
|
pli.className = 'sidebar-item';
|
|
pli.style.cssText = 'padding-left:12px;cursor:pointer;';
|
|
pli.innerHTML = '<span class="page-icon">🔒</span><span class="page-name">Private Pages</span>';
|
|
pli.addEventListener('click', function(e) {
|
|
e.preventDefault(); e.stopPropagation();
|
|
var gw = document.querySelector('[x-data]').__x.$data;
|
|
gw.showPrivate = true; gw.showFile = false; gw.showEditor = false;
|
|
gw.loadPrivatePages();
|
|
});
|
|
container.appendChild(pli);
|
|
} catch(e) { console.error('Sidebar tree load failed:', e); }
|
|
},
|
|
|
|
setupSidebarClicks() {
|
|
var self = this;
|
|
document.addEventListener('click', function(e) {
|
|
var el = e.target.closest('.sidebar-item[data-gitea-path]');
|
|
if (!el) return;
|
|
|
|
var path = el.getAttribute('data-gitea-path');
|
|
var type = el.getAttribute('data-gitea-type');
|
|
|
|
// If clicking the checkbox, let its own handler deal with selection
|
|
if (e.target.classList.contains('gitea-checkbox')) return;
|
|
|
|
// If clicking the inline rename input, don't navigate
|
|
if (e.target.classList.contains('inline-rename-input')) return;
|
|
|
|
// If Shift or Ctrl/Meta is pressed, use multi-selection
|
|
if (e.shiftKey || e.ctrlKey || e.metaKey) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
self.selectItem(path, el, e);
|
|
return;
|
|
}
|
|
|
|
// Normal click: navigate (open file/folder)
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
// Update visual "active" state
|
|
document.querySelectorAll('.sidebar-item.active').forEach(function(si) {
|
|
si.classList.remove('active');
|
|
});
|
|
el.classList.add('active');
|
|
|
|
if (type === 'folder') {
|
|
self.loadSubdir(path, el);
|
|
} else {
|
|
self.openFile(path, el.getAttribute('data-gitea-sha'));
|
|
}
|
|
});
|
|
|
|
// Listen for custom delete event on gitea sidebar items
|
|
document.addEventListener('gitea-delete', function(e) {
|
|
var el = e.target;
|
|
var path = el.getAttribute('data-gitea-path');
|
|
if (!path) return;
|
|
if (!confirm('Delete ' + path + ' from ' + self.owner + '/' + self.repo + '?')) return;
|
|
var sha = el.getAttribute('data-gitea-sha') || '';
|
|
fetch('/api/gitea/projects/' + self.owner + '/' + self.repo + '/file?path=' + encodeURIComponent(path) + '&sha=' + encodeURIComponent(sha) + '&message=' + encodeURIComponent('Delete via FlowDeck'), {
|
|
method: 'DELETE',
|
|
}).then(function(r) {
|
|
if (r.ok) self.refreshTree();
|
|
}).catch(function() {});
|
|
});
|
|
},
|
|
|
|
async loadSubdir(path, el) {
|
|
// Check if already loaded
|
|
var ul = el.querySelector('ul');
|
|
if (ul) {
|
|
ul.style.display = ul.style.display === 'none' ? '' : 'none';
|
|
return;
|
|
}
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/tree?path=' + encodeURIComponent(path));
|
|
if (!r.ok) return;
|
|
var d = await r.json();
|
|
var children = d.tree || [];
|
|
ul = document.createElement('ul');
|
|
ul.className = 'sidebar-items';
|
|
ul.style.paddingLeft = '20px';
|
|
children.forEach(function(child) {
|
|
var icon = child.type === 'folder' ? '📁' : '📄';
|
|
var li = document.createElement('li');
|
|
li.className = 'sidebar-item';
|
|
li.setAttribute('data-gitea-path', child.path);
|
|
li.setAttribute('data-gitea-type', child.type === 'folder' ? 'folder' : 'file');
|
|
li.setAttribute('data-gitea-sha', child.sha || '');
|
|
li.style.cssText = 'cursor:pointer;display:flex;align-items:center;gap:4px;';
|
|
// Checkbox
|
|
var cb = document.createElement('input');
|
|
cb.type = 'checkbox';
|
|
cb.className = 'gitea-checkbox';
|
|
cb.style.cssText = 'flex-shrink:0;margin:0;display:none;';
|
|
cb.addEventListener('click', function(ev) {
|
|
ev.stopPropagation();
|
|
var gw = document.querySelector('[x-data]').__x.$data;
|
|
gw.selectItem(child.path, li, ev);
|
|
});
|
|
li.appendChild(cb);
|
|
// Icon
|
|
var iconSpan = document.createElement('span');
|
|
iconSpan.className = 'sidebar-icon';
|
|
iconSpan.textContent = icon;
|
|
li.appendChild(iconSpan);
|
|
// Name
|
|
var nameSpan = document.createElement('span');
|
|
nameSpan.textContent = child.name;
|
|
nameSpan.addEventListener('dblclick', function(ev) {
|
|
ev.preventDefault();
|
|
ev.stopPropagation();
|
|
var gw = document.querySelector('[x-data]').__x.$data;
|
|
gw.startInlineRename(nameSpan, child.path, li);
|
|
});
|
|
li.appendChild(nameSpan);
|
|
ul.appendChild(li);
|
|
});
|
|
el.appendChild(ul);
|
|
} catch(e) {}
|
|
},
|
|
|
|
async openFile(path, sha) {
|
|
this.filePath = path;
|
|
this.fileSha = sha || '';
|
|
this.showEditor = false;
|
|
this.showFile = true;
|
|
this.fileLoading = true;
|
|
this.fileLanguage = this.getLanguage(path);
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/file?path=' + encodeURIComponent(path));
|
|
if (r.ok) {
|
|
var d = await r.json();
|
|
this.fileContent = d.content || '';
|
|
this.fileSize = d.content ? d.content.length : 0;
|
|
} else {
|
|
this.fileContent = '[Error loading file]';
|
|
}
|
|
} catch(e) {
|
|
this.fileContent = '[Error loading file]';
|
|
}
|
|
this.fileLoading = false;
|
|
// Highlight after Alpine renders
|
|
var self = this;
|
|
this.$nextTick(function() {
|
|
var block = self.$refs.codeBlock;
|
|
if (block && block.textContent && typeof Prism !== 'undefined') {
|
|
Prism.highlightElement(block);
|
|
}
|
|
});
|
|
},
|
|
|
|
getLanguage(path) {
|
|
var ext = (path || '').split('.').pop().toLowerCase();
|
|
var map = {
|
|
js:'javascript', jsx:'javascript', ts:'typescript', tsx:'typescript',
|
|
py:'python', rb:'ruby', rs:'rust', go:'go', java:'java', kt:'kotlin',
|
|
c:'c', cpp:'c', h:'c', hpp:'c', cs:'csharp',
|
|
html:'markup', htm:'markup', xml:'markup', svg:'markup', css:'css', scss:'css',
|
|
json:'json', yaml:'yaml', yml:'yaml', toml:'toml', ini:'ini',
|
|
md:'markdown', sql:'sql', sh:'bash', bash:'bash', zsh:'bash',
|
|
php:'php', swift:'swift', r:'r', lua:'lua', dart:'dart',
|
|
dockerfile:'docker', makefile:'makefile', cmake:'cmake',
|
|
};
|
|
return map[ext] || 'text';
|
|
},
|
|
|
|
openEditor() {
|
|
this.editContent = this.fileContent;
|
|
this.showEditor = true;
|
|
},
|
|
|
|
async saveFile() {
|
|
if (!this.filePath) return;
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/file', {
|
|
method: 'PUT',
|
|
headers: {'Content-Type': 'application/json', 'X-CSRF-Token': this.getCsrfToken()},
|
|
body: JSON.stringify({
|
|
path: this.filePath, content: this.editContent,
|
|
message: this.commitMessage, sha: this.fileSha,
|
|
})
|
|
});
|
|
if (r.ok) {
|
|
this.fileContent = this.editContent;
|
|
this.showEditor = false;
|
|
if (!this.commitHistory.includes(this.commitMessage)) {
|
|
this.commitHistory.unshift(this.commitMessage);
|
|
if (this.commitHistory.length > 10) this.commitHistory.pop();
|
|
localStorage.setItem('fd_commit_msgs', JSON.stringify(this.commitHistory));
|
|
}
|
|
} else {
|
|
var d = await r.json();
|
|
window.showToast('Failed to save: ' + (d.error || 'Unknown error'), 'error');
|
|
}
|
|
} catch(e) { window.showToast('Network error', 'error'); }
|
|
},
|
|
|
|
async deleteCurrentFile() {
|
|
if (!this.filePath) return;
|
|
if (!confirm('Delete ' + this.filePath + ' from ' + this.owner + '/' + this.repo + '?')) return;
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/file?path=' + encodeURIComponent(this.filePath) + '&sha=' + encodeURIComponent(this.fileSha) + '&message=' + encodeURIComponent('Delete via FlowDeck'), {
|
|
method: 'DELETE',
|
|
});
|
|
if (r.ok) {
|
|
this.showFile = false;
|
|
this.filePath = '';
|
|
await this.refreshTree();
|
|
}
|
|
} catch(e) {}
|
|
},
|
|
|
|
async refreshTree() {
|
|
// Reload page to refresh sidebar tree
|
|
window.location.reload();
|
|
},
|
|
|
|
formatSize(bytes) {
|
|
if (!bytes) return '';
|
|
if (bytes < 1024) return bytes + ' B';
|
|
if (bytes < 1048576) return (bytes/1024).toFixed(1) + ' KB';
|
|
return (bytes/1048576).toFixed(1) + ' MB';
|
|
},
|
|
|
|
// ── Private Pages ──
|
|
|
|
async loadPrivatePages() {
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/private-pages');
|
|
if (r.ok) { var d = await r.json(); this.privatePages = d.pages || []; }
|
|
} catch(e) {}
|
|
},
|
|
|
|
newPrivate() {
|
|
this.editingPrivate = 'new';
|
|
this.editingPrivateTitle = '';
|
|
this.editingPrivateContent = '';
|
|
},
|
|
|
|
async openPrivate(id) {
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/private-pages/' + id);
|
|
if (r.ok) {
|
|
var d = await r.json();
|
|
this.editingPrivate = id;
|
|
this.editingPrivateTitle = d.page.title;
|
|
this.editingPrivateContent = d.page.content;
|
|
}
|
|
} catch(e) {}
|
|
},
|
|
|
|
async savePrivate() {
|
|
var url = '/api/gitea/projects/' + this.owner + '/' + this.repo + '/private-pages';
|
|
var method = 'POST';
|
|
if (this.editingPrivate !== 'new') {
|
|
url += '/' + this.editingPrivate;
|
|
method = 'PUT';
|
|
}
|
|
try {
|
|
var r = await fetch(url, {
|
|
method, headers: {'Content-Type':'application/json','X-CSRF-Token': this.getCsrfToken ? this.getCsrfToken() : ''},
|
|
body: JSON.stringify({title: this.editingPrivateTitle, content: this.editingPrivateContent})
|
|
});
|
|
if (r.ok) {
|
|
this.editingPrivate = null;
|
|
this.editingPrivateTitle = '';
|
|
this.editingPrivateContent = '';
|
|
await this.loadPrivatePages();
|
|
}
|
|
} catch(e) {}
|
|
},
|
|
|
|
// Create new file
|
|
showNewFile: false,
|
|
newFilePath: '',
|
|
newFileContent: '',
|
|
newFileMsg: 'Create via FlowDeck',
|
|
async createNewFile() {
|
|
if (!this.newFilePath.trim()) return;
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/file', {
|
|
method: 'PUT',
|
|
headers: {'Content-Type':'application/json', 'X-CSRF-Token': this.getCsrfToken()},
|
|
body: JSON.stringify({path: this.newFilePath.trim(), content: this.newFileContent, message: this.newFileMsg || 'Create via FlowDeck'})
|
|
});
|
|
if (r.ok) {
|
|
this.showNewFile = false;
|
|
this.newFilePath = '';
|
|
this.newFileContent = '';
|
|
this.newFileMsg = 'Create via FlowDeck';
|
|
await this.loadSidebarTree();
|
|
} else {
|
|
var d = await r.json();
|
|
window.showToast('Failed: ' + (d.error || d.detail || 'Unknown error'), 'error');
|
|
}
|
|
} catch(e) { window.showToast('Error: ' + e.message, 'error'); }
|
|
},
|
|
|
|
// Upload files
|
|
triggerUpload() { document.getElementById('gitea-upload-input').click(); },
|
|
async doUpload(ev) {
|
|
var files = ev.target.files;
|
|
if (!files.length) return;
|
|
for (var i = 0; i < files.length; i++) {
|
|
var form = new FormData();
|
|
form.append('file', files[i]);
|
|
form.append('message', 'Upload ' + files[i].name + ' via FlowDeck');
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/upload', {
|
|
method: 'POST',
|
|
headers: {'X-CSRF-Token': this.getCsrfToken()},
|
|
body: form
|
|
});
|
|
if (!r.ok) { var d = await r.json(); console.error('Upload failed:', d.error); }
|
|
} catch(e) { console.error('Upload error:', e); }
|
|
}
|
|
await this.loadSidebarTree();
|
|
ev.target.value = '';
|
|
},
|
|
|
|
async deletePrivate(id) {
|
|
if (!confirm('Delete this private page?')) return;
|
|
try {
|
|
var r = await fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/private-pages/' + id, {
|
|
method: 'DELETE', headers: {'X-CSRF-Token': this.getCsrfToken ? this.getCsrfToken() : ''}
|
|
});
|
|
if (r.ok) await this.loadPrivatePages();
|
|
} catch(e) {}
|
|
},
|
|
|
|
getCsrfToken() {
|
|
return document.cookie.split('; ').find(function(c) { return c.startsWith('csrf_token='); })?.split('=')[1] || '';
|
|
},
|
|
|
|
// ── Multi-selection ──
|
|
multiSelect: false,
|
|
selectedPaths: [],
|
|
lastClickedPath: null,
|
|
|
|
toggleMultiSelect() {
|
|
this.multiSelect = !this.multiSelect;
|
|
var cbs = document.querySelectorAll('.gitea-checkbox');
|
|
var self = this;
|
|
cbs.forEach(function(cb) { cb.style.display = self.multiSelect ? '' : 'none'; });
|
|
if (!this.multiSelect) {
|
|
// Clear selection when leaving multi-select mode
|
|
cbs.forEach(function(cb) { cb.checked = false; });
|
|
this.selectedPaths = [];
|
|
this.lastClickedPath = null;
|
|
// Remove selected class
|
|
document.querySelectorAll('.sidebar-item.gitea-selected').forEach(function(el) {
|
|
el.classList.remove('gitea-selected');
|
|
});
|
|
}
|
|
},
|
|
|
|
selectItem(path, li, ev) {
|
|
if (ev.shiftKey && this.lastClickedPath) {
|
|
// Range select
|
|
var all = Array.from(document.querySelectorAll('.sidebar-item[data-gitea-path]'));
|
|
var startIdx = all.findIndex(function(el) { return el.getAttribute('data-gitea-path') === this.lastClickedPath; }.bind(this));
|
|
var endIdx = all.findIndex(function(el) { return el.getAttribute('data-gitea-path') === path; }.bind(this));
|
|
if (startIdx >= 0 && endIdx >= 0) {
|
|
var lo = Math.min(startIdx, endIdx);
|
|
var hi = Math.max(startIdx, endIdx);
|
|
this.selectedPaths = [];
|
|
for (var i = lo; i <= hi; i++) {
|
|
this.selectedPaths.push(all[i].getAttribute('data-gitea-path'));
|
|
all[i].classList.add('gitea-selected');
|
|
var cb = all[i].querySelector('.gitea-checkbox');
|
|
if (cb) cb.checked = true;
|
|
}
|
|
}
|
|
this.multiSelect = true;
|
|
this.toggleMultiSelect(); // ensure checkboxes are visible
|
|
} else if (ev.ctrlKey || ev.metaKey) {
|
|
// Toggle single
|
|
var idx = this.selectedPaths.indexOf(path);
|
|
if (idx >= 0) {
|
|
this.selectedPaths.splice(idx, 1);
|
|
li.classList.remove('gitea-selected');
|
|
var cb = li.querySelector('.gitea-checkbox');
|
|
if (cb) cb.checked = false;
|
|
} else {
|
|
this.selectedPaths.push(path);
|
|
li.classList.add('gitea-selected');
|
|
var cb = li.querySelector('.gitea-checkbox');
|
|
if (cb) cb.checked = true;
|
|
}
|
|
this.multiSelect = this.selectedPaths.length > 0;
|
|
this.toggleMultiSelect();
|
|
} else {
|
|
// Normal select — clear multi-selection
|
|
this.selectedPaths = [path];
|
|
this.lastClickedPath = path;
|
|
document.querySelectorAll('.sidebar-item.gitea-selected').forEach(function(el) {
|
|
el.classList.remove('gitea-selected');
|
|
});
|
|
li.classList.add('gitea-selected', 'active');
|
|
var cb = li.querySelector('.gitea-checkbox');
|
|
if (cb) cb.checked = true;
|
|
}
|
|
},
|
|
|
|
isSelected(path) {
|
|
return this.selectedPaths.indexOf(path) >= 0;
|
|
},
|
|
|
|
// ── Inline rename ──
|
|
startInlineRename(nameSpan, path, li) {
|
|
var originalName = nameSpan.textContent;
|
|
var input = document.createElement('input');
|
|
input.type = 'text';
|
|
input.value = originalName;
|
|
input.className = 'inline-rename-input';
|
|
input.style.cssText = 'flex:1;min-width:0;padding:2px 6px;background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:13px;outline:none;';
|
|
nameSpan.replaceWith(input);
|
|
input.focus();
|
|
input.select();
|
|
var self = this;
|
|
var finish = function() { self.finishInlineRename(input, originalName, path, li); };
|
|
var cancel = function() {
|
|
var span = document.createElement('span');
|
|
span.className = 'page-name';
|
|
span.textContent = originalName;
|
|
input.replaceWith(span);
|
|
};
|
|
input.addEventListener('blur', finish);
|
|
input.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Enter') finish();
|
|
if (e.key === 'Escape') { e.stopPropagation(); cancel(); }
|
|
});
|
|
},
|
|
|
|
finishInlineRename(input, originalName, path, li) {
|
|
if (input._renaming) return; // guard against double-fire
|
|
input._renaming = true;
|
|
var newName = input.value.trim();
|
|
if (!newName || newName === originalName) {
|
|
var span = document.createElement('span');
|
|
span.className = 'page-name';
|
|
span.textContent = originalName;
|
|
input.replaceWith(span);
|
|
return;
|
|
}
|
|
var self = this;
|
|
// Construct new path by replacing the last segment
|
|
var parts = path.split('/');
|
|
parts.pop();
|
|
var newPath = (parts.length > 0 ? parts.join('/') + '/' : '') + newName;
|
|
fetch('/api/gitea/projects/' + this.owner + '/' + this.repo + '/rename', {
|
|
method: 'POST',
|
|
headers: {'Content-Type': 'application/json', 'X-CSRF-Token': this.getCsrfToken()},
|
|
body: JSON.stringify({old_path: path, new_path: newPath, new_name: newName})
|
|
}).then(function(r) {
|
|
if (r.ok) {
|
|
self.refreshTree();
|
|
} else {
|
|
var span = document.createElement('span');
|
|
span.className = 'page-name';
|
|
span.textContent = originalName;
|
|
input.replaceWith(span);
|
|
window.showToast('Rename failed', 'error');
|
|
}
|
|
}).catch(function() {
|
|
var span = document.createElement('span');
|
|
span.className = 'page-name';
|
|
span.textContent = originalName;
|
|
input.replaceWith(span);
|
|
});
|
|
},
|
|
};
|
|
}
|
|
</script>
|
|
{% endblock %}
|