Upload via GUI (28 Dateien)
This commit is contained in:
@@ -0,0 +1,902 @@
|
||||
// renderer/features.js
|
||||
// Oberfläche für: Upload-Vorschau mit Geheimnis-Warnung, lokale Änderungen, Pull Requests &
|
||||
// Issues, Server-Diagnose und Repo-Backup. Wird nach renderer.js geladen und nutzt dessen
|
||||
// globale Helfer ($, currentState, selectedFolder, showProgress, showSuccess, ...).
|
||||
// Inhalte vom Server werden ausschließlich per textContent eingesetzt, nie als HTML.
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
/* ---------- kleine Helfer ---------- */
|
||||
function el(tag, props = {}, children = []) {
|
||||
const node = document.createElement(tag);
|
||||
for (const [k, v] of Object.entries(props)) {
|
||||
if (v == null) continue;
|
||||
if (k === 'class') node.className = v;
|
||||
else if (k === 'text') node.textContent = v;
|
||||
else if (k.startsWith('on')) node.addEventListener(k.slice(2), v);
|
||||
else if (k in node) node[k] = v;
|
||||
else node.setAttribute(k, v);
|
||||
}
|
||||
for (const c of [].concat(children)) if (c != null) node.append(c);
|
||||
return node;
|
||||
}
|
||||
|
||||
function fmtBytes(n) {
|
||||
if (n < 1024) return `${n} B`;
|
||||
if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
|
||||
return `${(n / 1024 / 1024).toFixed(1)} MB`;
|
||||
}
|
||||
|
||||
function fmtDate(iso) {
|
||||
if (!iso) return '';
|
||||
try { return new Date(iso).toLocaleString('de-DE', { dateStyle: 'medium', timeStyle: 'short' }); } catch (_) { return iso; }
|
||||
}
|
||||
|
||||
function fxModal({ title, wide = false }) {
|
||||
const titleEl = el('h2', { class: 'fx-title', text: title });
|
||||
const closeBtn = el('button', { class: 'fx-close', type: 'button', title: 'Schließen', text: '✕' });
|
||||
const body = el('div', { class: 'fx-body' });
|
||||
const footer = el('div', { class: 'fx-footer' });
|
||||
const card = el('div', { class: `modalContent card fx-card${wide ? ' fx-card--wide' : ''}` }, [
|
||||
el('div', { class: 'fx-header' }, [titleEl, closeBtn]), body, footer
|
||||
]);
|
||||
const root = el('div', { class: 'modal fx-modal' }, [card]);
|
||||
let onClose = null;
|
||||
const close = (result) => {
|
||||
root.remove();
|
||||
document.removeEventListener('keydown', onKey);
|
||||
if (onClose) onClose(result);
|
||||
};
|
||||
const onKey = (e) => {
|
||||
if (e.key !== 'Escape') return;
|
||||
// Nur den obersten Dialog schließen (z. B. eine Rückfrage über diesem Fenster)
|
||||
if (document.querySelector('.confirm-modal') || root.nextElementSibling && root.nextElementSibling.classList.contains('fx-modal')) return;
|
||||
close(undefined);
|
||||
};
|
||||
closeBtn.onclick = () => close(undefined);
|
||||
root.addEventListener('mousedown', (e) => { if (e.target === root) close(undefined); });
|
||||
document.addEventListener('keydown', onKey);
|
||||
document.body.appendChild(root);
|
||||
return {
|
||||
root, body, footer, close,
|
||||
setTitle: (t) => { titleEl.textContent = t; },
|
||||
onClose: (fn) => { onClose = fn; }
|
||||
};
|
||||
}
|
||||
|
||||
function button(text, onclick, variant = 'secondary') {
|
||||
return el('button', { type: 'button', class: `fx-btn fx-btn--${variant}`, text, onclick });
|
||||
}
|
||||
|
||||
function busy(container, text) {
|
||||
container.textContent = '';
|
||||
container.append(el('div', { class: 'fx-busy', text }));
|
||||
}
|
||||
|
||||
/* ---------- Knöpfe je nach Ansicht ---------- */
|
||||
window.updateFeatureButtons = function (mode, owner, repo) {
|
||||
const isGitea = currentState.platform !== 'github';
|
||||
const btnPulls = $('btnPulls');
|
||||
const btnIssues = $('btnIssues');
|
||||
const btnLocal = $('btnLocalChanges');
|
||||
const showRepo = mode === 'repo' && isGitea;
|
||||
if (btnPulls) {
|
||||
btnPulls.classList.toggle('hidden', !showRepo);
|
||||
btnPulls.onclick = () => openCollab(owner, repo, 'pulls');
|
||||
}
|
||||
if (btnIssues) {
|
||||
btnIssues.classList.toggle('hidden', !showRepo);
|
||||
btnIssues.onclick = () => openCollab(owner, repo, 'issues');
|
||||
}
|
||||
if (btnLocal) {
|
||||
btnLocal.classList.toggle('hidden', mode !== 'local');
|
||||
btnLocal.onclick = () => openLocalChanges(selectedFolder);
|
||||
}
|
||||
};
|
||||
|
||||
/* ================================================================
|
||||
1. Upload-Vorschau mit Geheimnis-Warnung
|
||||
================================================================ */
|
||||
window.uploadPreviewGate = async function ({ paths, destPath, repo }) {
|
||||
showProgress(5, 'Prüfe Dateien vor dem Upload ...');
|
||||
let res;
|
||||
try {
|
||||
res = await window.electronAPI.previewUploadPaths({ paths, destPath });
|
||||
} catch (e) {
|
||||
res = { ok: false, error: String(e) };
|
||||
} finally {
|
||||
hideProgress();
|
||||
}
|
||||
if (!res || !res.ok) {
|
||||
// Die Vorschau darf einen Upload nie verhindern.
|
||||
showWarning('Upload-Vorschau nicht möglich: ' + (res && res.error ? res.error : 'unbekannter Fehler'));
|
||||
return { proceed: true, excludeFiles: [] };
|
||||
}
|
||||
|
||||
const files = res.files || [];
|
||||
const secrets = files.filter(f => f.secret);
|
||||
const ignored = res.ignored || [];
|
||||
const baseDir = paths.length ? paths[0].replace(/[\\/][^\\/]+$/, '') : '';
|
||||
const relLocal = (p) => (baseDir && p.startsWith(baseDir) ? p.slice(baseDir.length + 1) : p).split('\\').join('/');
|
||||
|
||||
// Einstellung "Upload-Vorschau: nur bei Auffälligkeiten" – ohne Zugangsdaten und ohne Dateiflut direkt hochladen
|
||||
if (res.previewMode === 'warnings' && secrets.length === 0 && files.length > 0 && files.length <= 1000) {
|
||||
return { proceed: true, excludeFiles: [] };
|
||||
}
|
||||
|
||||
return new Promise((resolve) => {
|
||||
const m = fxModal({ title: '📤 Upload-Vorschau', wide: true });
|
||||
let settled = false;
|
||||
const finish = (result) => { if (!settled) { settled = true; m.close(); resolve(result); } };
|
||||
m.onClose(() => { if (!settled) { settled = true; resolve({ proceed: false }); } });
|
||||
|
||||
const target = destPath ? `${repo}/${destPath}` : repo;
|
||||
m.body.append(el('p', { class: 'fx-lead', text: `${files.length} Dateien (${fmtBytes(res.totalBytes || 0)}) werden nach „${target}“ hochgeladen.` }));
|
||||
|
||||
if (files.length > 1000) {
|
||||
m.body.append(el('div', { class: 'fx-alert fx-alert--warn', text:
|
||||
`Das sind sehr viele Dateien. Prüfe, ob Build-Ordner (z. B. build/, dist/, node_modules/) in der .gitignore stehen.` }));
|
||||
}
|
||||
if (files.length === 0) {
|
||||
m.body.append(el('div', { class: 'fx-alert fx-alert--warn', text: 'Es bleibt keine Datei zum Hochladen übrig.' }));
|
||||
}
|
||||
|
||||
const secretChecks = [];
|
||||
if (secrets.length) {
|
||||
const list = el('div', { class: 'fx-list' });
|
||||
for (const f of secrets) {
|
||||
const cb = el('input', { type: 'checkbox', checked: true });
|
||||
secretChecks.push({ cb, file: f.localFile });
|
||||
list.append(el('label', { class: 'fx-list-row fx-list-row--check' }, [
|
||||
cb,
|
||||
el('span', { class: 'fx-mono', text: f.targetPath }),
|
||||
el('span', { class: 'fx-muted', text: f.secret })
|
||||
]));
|
||||
}
|
||||
m.body.append(el('div', { class: 'fx-alert fx-alert--danger' }, [
|
||||
el('strong', { text: `⚠️ ${secrets.length} Datei(en) enthalten vermutlich Zugangsdaten` }),
|
||||
el('div', { text: 'Angehakte Dateien werden NICHT hochgeladen. Haken nur entfernen, wenn die Datei wirklich ins Repo gehört (z. B. bei einem privaten Repo bewusst gewollt).' }),
|
||||
list,
|
||||
el('div', { class: 'fx-muted', text: 'Hinweis: Dateien, die schon im Repo liegen, bleiben dort, bis du sie löschst. Ein geleakter Schlüssel sollte zusätzlich erneuert werden.' })
|
||||
]));
|
||||
}
|
||||
|
||||
if (ignored.length) {
|
||||
const list = el('div', { class: 'fx-list fx-list--compact' });
|
||||
ignored.slice(0, 25).forEach(i => list.append(el('div', { class: 'fx-list-row fx-mono', text: relLocal(i.path) + (i.isDir ? '/' : '') })));
|
||||
if (ignored.length > 25) list.append(el('div', { class: 'fx-list-row fx-muted', text: `… und ${ignored.length - 25} weitere` }));
|
||||
m.body.append(el('div', { class: 'fx-section' }, [
|
||||
el('h3', { text: `🚫 Von .gitignore aussortiert (${ignored.length})` }),
|
||||
list
|
||||
]));
|
||||
}
|
||||
|
||||
if (files.length) {
|
||||
const list = el('div', { class: 'fx-list fx-list--compact' });
|
||||
files.slice(0, 500).forEach(f => list.append(el('div', { class: 'fx-list-row' }, [
|
||||
el('span', { class: 'fx-mono', text: f.targetPath }),
|
||||
el('span', { class: 'fx-muted', text: fmtBytes(f.size) })
|
||||
])));
|
||||
if (files.length > 500) list.append(el('div', { class: 'fx-list-row fx-muted', text: `… und ${files.length - 500} weitere` }));
|
||||
m.body.append(el('details', { class: 'fx-section' }, [
|
||||
el('summary', { text: `Alle ${files.length} Dateien anzeigen` }),
|
||||
list
|
||||
]));
|
||||
}
|
||||
|
||||
m.footer.append(
|
||||
button('Abbrechen', () => finish({ proceed: false })),
|
||||
button(files.length ? 'Hochladen' : 'Schließen', () => {
|
||||
if (!files.length) return finish({ proceed: false });
|
||||
const excludeFiles = secretChecks.filter(s => s.cb.checked).map(s => s.file);
|
||||
if (excludeFiles.length >= files.length) return finish({ proceed: false });
|
||||
finish({ proceed: true, excludeFiles });
|
||||
}, 'primary')
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
/* ================================================================
|
||||
2. Lokale Änderungen: Status, Diff, Commit, Push
|
||||
================================================================ */
|
||||
async function openLocalChanges(folder) {
|
||||
if (!folder) { showWarning('Bitte zuerst einen lokalen Ordner öffnen.'); return; }
|
||||
const m = fxModal({ title: '📝 Lokale Änderungen', wide: true });
|
||||
const info = el('div', { class: 'fx-lead' });
|
||||
const listPane = el('div', { class: 'fx-pane fx-pane--list' });
|
||||
const diffPane = el('pre', { class: 'fx-pane fx-diff', text: 'Datei anklicken, um die Änderungen zu sehen.' });
|
||||
m.body.append(info, el('div', { class: 'fx-split' }, [listPane, diffPane]));
|
||||
|
||||
const msg = el('input', { type: 'text', class: 'fx-input', placeholder: 'Commit-Nachricht, z. B. „Login-Fehler behoben“' });
|
||||
const btnCommit = button('Commit', () => commit(false), 'primary');
|
||||
const btnCommitPush = button('Commit & Push', () => commit(true), 'primary');
|
||||
const btnRefresh = button('↻ Aktualisieren', () => load());
|
||||
const btnPushOnly = button('⬆ Nur pushen', () => push());
|
||||
m.footer.append(msg, btnRefresh, btnPushOnly, btnCommit, btnCommitPush);
|
||||
|
||||
let files = [];
|
||||
const checks = new Map();
|
||||
|
||||
async function load() {
|
||||
busy(listPane, 'Lade Status ...');
|
||||
const res = await window.electronAPI.localGit({ action: 'status', folder });
|
||||
if (!res.ok) {
|
||||
listPane.textContent = '';
|
||||
listPane.append(el('div', { class: 'fx-alert fx-alert--warn', text: res.notRepo
|
||||
? 'Dieser Ordner ist noch kein Git-Repository. Über „Push“ in der Werkzeugleiste kannst du ihn als Repo anlegen und hochladen.'
|
||||
: (res.error || 'Status nicht lesbar') }));
|
||||
[btnCommit, btnCommitPush, btnPushOnly].forEach(b => { b.disabled = true; });
|
||||
return;
|
||||
}
|
||||
files = res.files;
|
||||
info.textContent = `Branch: ${res.branch}` + (res.ahead ? ` · ${res.ahead} Commit(s) noch nicht gepusht` : '') + ` · ${files.length} geänderte Datei(en)`;
|
||||
btnPushOnly.disabled = !res.ahead;
|
||||
listPane.textContent = '';
|
||||
checks.clear();
|
||||
if (!files.length) {
|
||||
listPane.append(el('div', { class: 'fx-empty', text: '✅ Keine Änderungen. Alles ist committet.' }));
|
||||
diffPane.textContent = '';
|
||||
return;
|
||||
}
|
||||
const all = el('input', { type: 'checkbox', checked: true, onchange: () => { for (const cb of checks.values()) cb.checked = all.checked; } });
|
||||
listPane.append(el('label', { class: 'fx-list-row fx-list-row--check fx-list-head' }, [all, el('span', { text: 'Alle auswählen' })]));
|
||||
for (const f of files) {
|
||||
const cb = el('input', { type: 'checkbox', checked: true });
|
||||
checks.set(f.path, cb);
|
||||
const name = el('button', { type: 'button', class: 'fx-linkish fx-mono', text: f.from ? `${f.from} → ${f.path}` : f.path, onclick: () => showDiff(f, row) });
|
||||
const discard = el('button', { type: 'button', class: 'fx-icon-btn', title: 'Änderung verwerfen', text: '↺', onclick: () => discardFile(f) });
|
||||
const row = el('div', { class: 'fx-list-row fx-list-row--check' }, [
|
||||
cb, el('span', { class: `fx-badge fx-badge--${f.code === '?' ? 'new' : f.code}`, text: f.label }), name, discard
|
||||
]);
|
||||
listPane.append(row);
|
||||
}
|
||||
}
|
||||
|
||||
async function showDiff(f, row) {
|
||||
listPane.querySelectorAll('.fx-list-row.is-active').forEach(r => r.classList.remove('is-active'));
|
||||
row.classList.add('is-active');
|
||||
diffPane.textContent = 'Lade Unterschiede ...';
|
||||
const res = await window.electronAPI.localGit({ action: 'diff', folder, file: f.path, code: f.code });
|
||||
diffPane.textContent = '';
|
||||
if (!res.ok) { diffPane.textContent = res.error || 'Diff nicht verfügbar'; return; }
|
||||
for (const line of String(res.diff).split('\n')) {
|
||||
let cls = '';
|
||||
if (line.startsWith('+') && !line.startsWith('+++')) cls = 'fx-diff-add';
|
||||
else if (line.startsWith('-') && !line.startsWith('---')) cls = 'fx-diff-del';
|
||||
else if (line.startsWith('@@')) cls = 'fx-diff-hunk';
|
||||
diffPane.append(el('span', { class: cls, text: line + '\n' }));
|
||||
}
|
||||
}
|
||||
|
||||
async function discardFile(f) {
|
||||
const ok = await showActionConfirmModal({
|
||||
title: 'Änderung verwerfen',
|
||||
message: f.code === '?'
|
||||
? `Die neue Datei "${f.path}" wird gelöscht. Das lässt sich nicht rückgängig machen.`
|
||||
: `Alle nicht committeten Änderungen an "${f.path}" gehen verloren. Das lässt sich nicht rückgängig machen.`,
|
||||
confirmText: 'Verwerfen',
|
||||
danger: true
|
||||
});
|
||||
if (!ok) return;
|
||||
const res = await window.electronAPI.localGit({ action: 'discard', folder, file: f.path, code: f.code });
|
||||
if (!res.ok) showError('Verwerfen fehlgeschlagen: ' + res.error);
|
||||
await load();
|
||||
}
|
||||
|
||||
async function commit(andPush) {
|
||||
const selected = files.filter(f => checks.get(f.path) && checks.get(f.path).checked).map(f => f.path);
|
||||
if (!selected.length) { showWarning('Keine Datei ausgewählt.'); return; }
|
||||
if (!msg.value.trim()) { showWarning('Bitte eine Commit-Nachricht eingeben.'); msg.focus(); return; }
|
||||
[btnCommit, btnCommitPush].forEach(b => { b.disabled = true; });
|
||||
try {
|
||||
const res = await window.electronAPI.localGit({ action: 'commit', folder, files: selected, message: msg.value });
|
||||
if (!res.ok) { showError('Commit fehlgeschlagen: ' + res.error); return; }
|
||||
showSuccess(`${selected.length} Datei(en) committet`);
|
||||
msg.value = '';
|
||||
if (andPush) await push();
|
||||
} finally {
|
||||
[btnCommit, btnCommitPush].forEach(b => { b.disabled = false; });
|
||||
await load();
|
||||
}
|
||||
}
|
||||
|
||||
async function push() {
|
||||
showProgress(30, 'Pushe ...');
|
||||
const res = await window.electronAPI.localGit({ action: 'push', folder });
|
||||
hideProgress();
|
||||
if (res.ok) showSuccess('Push erfolgreich');
|
||||
else await showInfoModal('Push fehlgeschlagen', (res.error || '') + (res.hint ? '\n\n' + res.hint : ''), true);
|
||||
await load();
|
||||
}
|
||||
|
||||
await load();
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
3. Pull Requests & Issues
|
||||
================================================================ */
|
||||
async function openCollab(owner, repo, kind) {
|
||||
const isPulls = kind === 'pulls';
|
||||
const m = fxModal({ title: `${isPulls ? '🔀 Pull Requests' : '🐞 Issues'} · ${repo}`, wide: true });
|
||||
let state = 'open';
|
||||
let page = 1;
|
||||
|
||||
function renderList() {
|
||||
m.setTitle(`${isPulls ? '🔀 Pull Requests' : '🐞 Issues'} · ${repo}`);
|
||||
m.body.textContent = '';
|
||||
m.footer.textContent = '';
|
||||
const tabs = el('div', { class: 'fx-tabs' }, [
|
||||
['open', 'Offen'], ['closed', 'Geschlossen']
|
||||
].map(([s, label]) => el('button', {
|
||||
type: 'button', class: `fx-tab${s === state ? ' is-active' : ''}`, text: label,
|
||||
onclick: () => { state = s; page = 1; renderList(); }
|
||||
})));
|
||||
const list = el('div', { class: 'fx-list fx-list--cards' });
|
||||
m.body.append(tabs, list);
|
||||
if (!isPulls) m.footer.append(button('+ Neues Issue', () => renderNewIssue(), 'primary'));
|
||||
loadPage(list);
|
||||
}
|
||||
|
||||
async function loadPage(list) {
|
||||
const loading = el('div', { class: 'fx-busy', text: 'Lade ...' });
|
||||
list.append(loading);
|
||||
const res = await window.electronAPI.giteaCollab({ action: isPulls ? 'listPulls' : 'listIssues', owner, repo, state, page });
|
||||
loading.remove();
|
||||
if (!res.ok) { list.append(el('div', { class: 'fx-alert fx-alert--danger', text: res.error })); return; }
|
||||
if (!res.items.length && page === 1) {
|
||||
list.append(el('div', { class: 'fx-empty', text: state === 'open'
|
||||
? (isPulls ? 'Keine offenen Pull Requests.' : 'Keine offenen Issues.')
|
||||
: 'Nichts gefunden.' }));
|
||||
return;
|
||||
}
|
||||
for (const it of res.items) {
|
||||
const meta = [`#${it.number}`, it.user ? `von ${it.user.login}` : null, `aktualisiert ${fmtDate(it.updated)}`, it.comments ? `💬 ${it.comments}` : null]
|
||||
.filter(Boolean).join(' · ');
|
||||
const card = el('button', { type: 'button', class: 'fx-item', onclick: () => renderDetail(it.number) }, [
|
||||
el('div', { class: 'fx-item-title', text: (it.merged ? '🟣 ' : it.state === 'open' ? '🟢 ' : '🔴 ') + it.title }),
|
||||
el('div', { class: 'fx-muted', text: meta + (isPulls && it.head ? ` · ${it.head} → ${it.base}` : '') }),
|
||||
it.labels.length ? el('div', { class: 'fx-labels' }, it.labels.map(l => {
|
||||
const lab = el('span', { class: 'fx-label', text: l.name });
|
||||
if (/^[0-9a-f]{6}$/i.test(String(l.color).replace('#', ''))) lab.style.borderColor = '#' + String(l.color).replace('#', '');
|
||||
return lab;
|
||||
})) : null
|
||||
]);
|
||||
list.append(card);
|
||||
}
|
||||
if (res.items.length === 30) {
|
||||
const more = button('Mehr laden', () => { more.remove(); page++; loadPage(list); });
|
||||
list.append(more);
|
||||
}
|
||||
}
|
||||
|
||||
async function renderDetail(number) {
|
||||
m.body.textContent = '';
|
||||
m.footer.textContent = '';
|
||||
busy(m.body, 'Lade ...');
|
||||
const res = await window.electronAPI.giteaCollab({ action: 'get', owner, repo, index: number, isPull: isPulls });
|
||||
m.body.textContent = '';
|
||||
if (!res.ok) { m.body.append(el('div', { class: 'fx-alert fx-alert--danger', text: res.error })); m.footer.append(button('← Zurück', renderList)); return; }
|
||||
const it = res.item;
|
||||
m.setTitle(`#${it.number} ${it.title}`);
|
||||
const meta = [it.state === 'open' ? 'offen' : (it.merged ? 'gemergt' : 'geschlossen'), it.user ? `von ${it.user.login}` : null, `erstellt ${fmtDate(it.created)}`]
|
||||
.filter(Boolean).join(' · ');
|
||||
m.body.append(el('div', { class: 'fx-muted', text: meta + (isPulls && it.head ? ` · ${it.head} → ${it.base}` : '') }));
|
||||
m.body.append(el('div', { class: 'fx-text', text: it.body || '(keine Beschreibung)' }));
|
||||
|
||||
const comments = el('div', { class: 'fx-comments' });
|
||||
for (const c of res.comments) {
|
||||
comments.append(el('div', { class: 'fx-comment' }, [
|
||||
el('div', { class: 'fx-muted', text: `${c.user ? c.user.login : '?'} · ${fmtDate(c.created)}` }),
|
||||
el('div', { class: 'fx-text', text: c.body })
|
||||
]));
|
||||
}
|
||||
m.body.append(el('h3', { text: `Kommentare (${res.comments.length})` }), comments);
|
||||
|
||||
const input = el('textarea', { class: 'fx-input fx-textarea', placeholder: 'Kommentar schreiben ...' });
|
||||
const send = button('Kommentieren', async () => {
|
||||
if (!input.value.trim()) return;
|
||||
send.disabled = true;
|
||||
const r = await window.electronAPI.giteaCollab({ action: 'comment', owner, repo, index: number, body: input.value });
|
||||
send.disabled = false;
|
||||
if (r.ok) { showSuccess('Kommentar gespeichert'); renderDetail(number); } else showError('Kommentar fehlgeschlagen: ' + r.error);
|
||||
}, 'primary');
|
||||
m.body.append(input, el('div', { class: 'fx-row-end' }, [send]));
|
||||
|
||||
m.footer.append(button('← Zurück', renderList));
|
||||
if (it.url) m.footer.append(button('Im Browser öffnen', () => window.electronAPI.openExternalUrl(it.url)));
|
||||
|
||||
if (isPulls && it.state === 'open' && !it.merged) {
|
||||
const style = el('select', { class: 'fx-input fx-select' }, [
|
||||
['merge', 'Merge-Commit'], ['squash', 'Squash'], ['rebase', 'Rebase'], ['rebase-merge', 'Rebase + Merge-Commit']
|
||||
].map(([v, t]) => el('option', { value: v, text: t })));
|
||||
const delBranch = el('input', { type: 'checkbox' });
|
||||
const mergeBtn = button('Mergen', async () => {
|
||||
const ok = await showActionConfirmModal({
|
||||
title: 'Pull Request mergen',
|
||||
message: `#${it.number} „${it.title}“ wird per ${style.options[style.selectedIndex].text} in ${it.base} übernommen.` + (delBranch.checked ? `\nDer Branch ${it.head} wird danach gelöscht.` : ''),
|
||||
confirmText: 'Mergen'
|
||||
});
|
||||
if (!ok) return;
|
||||
mergeBtn.disabled = true;
|
||||
const r = await window.electronAPI.giteaCollab({ action: 'merge', owner, repo, index: number, style: style.value, deleteBranch: delBranch.checked });
|
||||
mergeBtn.disabled = false;
|
||||
if (r.ok) { showSuccess(`#${number} gemergt`); renderDetail(number); }
|
||||
else await showInfoModal('Mergen fehlgeschlagen', r.error + (it.mergeable === false ? '\n\nDer Pull Request hat Konflikte und muss erst angepasst werden.' : ''), true);
|
||||
}, 'primary');
|
||||
if (it.mergeable === false) m.footer.append(el('span', { class: 'fx-muted', text: '⚠️ Konflikte' }));
|
||||
m.footer.append(style, el('label', { class: 'fx-inline-check' }, [delBranch, el('span', { text: 'Branch löschen' })]), mergeBtn);
|
||||
}
|
||||
if (!it.merged) {
|
||||
const toState = it.state === 'open' ? 'closed' : 'open';
|
||||
m.footer.append(button(toState === 'closed' ? 'Schließen' : 'Wieder öffnen', async () => {
|
||||
const r = await window.electronAPI.giteaCollab({ action: 'setState', owner, repo, index: number, state: toState });
|
||||
if (r.ok) renderDetail(number); else showError(r.error);
|
||||
}, toState === 'closed' ? 'danger' : 'secondary'));
|
||||
}
|
||||
}
|
||||
|
||||
function renderNewIssue() {
|
||||
m.setTitle(`🐞 Neues Issue · ${repo}`);
|
||||
m.body.textContent = '';
|
||||
m.footer.textContent = '';
|
||||
const title = el('input', { type: 'text', class: 'fx-input', placeholder: 'Titel' });
|
||||
const body = el('textarea', { class: 'fx-input fx-textarea fx-textarea--tall', placeholder: 'Beschreibung (optional)' });
|
||||
m.body.append(title, body);
|
||||
m.footer.append(button('← Zurück', renderList), button('Issue anlegen', async () => {
|
||||
if (!title.value.trim()) { title.focus(); return; }
|
||||
const r = await window.electronAPI.giteaCollab({ action: 'createIssue', owner, repo, title: title.value, body: body.value });
|
||||
if (r.ok) { showSuccess(`Issue #${r.item.number} angelegt`); renderDetail(r.item.number); } else showError(r.error);
|
||||
}, 'primary'));
|
||||
title.focus();
|
||||
}
|
||||
|
||||
renderList();
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
4. Server-Diagnose
|
||||
================================================================ */
|
||||
async function openDiagnosis() {
|
||||
const m = fxModal({ title: '🩺 Server-Diagnose', wide: true });
|
||||
busy(m.body, 'Prüfe Server, Verbindung und Git-Transport ... (bis zu einer Minute)');
|
||||
m.footer.append(button('Schließen', () => m.close()));
|
||||
const inRepo = currentState.view === 'gitea-repo' && currentState.owner && currentState.repo;
|
||||
const res = await window.electronAPI.runServerDiagnosis(inRepo ? { owner: currentState.owner, repo: currentState.repo } : {});
|
||||
m.body.textContent = '';
|
||||
if (!res || !res.ok) { m.body.append(el('div', { class: 'fx-alert fx-alert--danger', text: (res && res.error) || 'Diagnose fehlgeschlagen' })); return; }
|
||||
m.body.append(el('div', { class: 'fx-muted', text: 'Verwendet die gespeicherten Zugangsdaten.' }));
|
||||
const icons = { ok: '✅', warn: '⚠️', fail: '❌', info: 'ℹ️' };
|
||||
for (const c of res.checks) {
|
||||
m.body.append(el('div', { class: `fx-check fx-check--${c.status}` }, [
|
||||
el('div', { class: 'fx-check-head' }, [el('span', { text: icons[c.status] || '•' }), el('strong', { text: c.label })]),
|
||||
el('div', { class: 'fx-text', text: c.detail || '' }),
|
||||
c.hint ? el('pre', { class: 'fx-hint', text: c.hint }) : null
|
||||
]));
|
||||
}
|
||||
const bad = res.checks.filter(c => c.status === 'fail').length;
|
||||
m.setTitle(bad ? `🩺 Server-Diagnose: ${bad} Problem(e)` : '🩺 Server-Diagnose: alles in Ordnung');
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
5. Repo-Backup (Einstellungen)
|
||||
================================================================ */
|
||||
/* ---------- Fortschrittsfenster für das Repo-Backup ---------- */
|
||||
let backupView = null;
|
||||
|
||||
function fmtDuration(ms) {
|
||||
const s = Math.max(0, Math.round(ms / 1000));
|
||||
if (s < 60) return `${s} s`;
|
||||
const m = Math.floor(s / 60);
|
||||
return m < 60 ? `${m} min ${s % 60} s` : `${Math.floor(m / 60)} h ${m % 60} min`;
|
||||
}
|
||||
|
||||
function backupPercent(p) {
|
||||
if (!p || !p.total) return 0;
|
||||
if (p.phase === 'done') return 100;
|
||||
// Laufendes Repo anteilig mitzählen, wenn die Größe des Downloads bekannt ist
|
||||
const partial = p.bytesTotal ? Math.min(0.99, p.bytes / p.bytesTotal) : 0;
|
||||
return Math.min(99, Math.floor(((p.done || 0) + partial) / p.total * 100));
|
||||
}
|
||||
|
||||
function openBackupProgress(initial) {
|
||||
if (backupView) { backupView.update(initial); return; }
|
||||
const m = fxModal({ title: '⇣ Backup läuft', wide: true });
|
||||
const percentEl = el('div', { class: 'fx-progress-percent', text: '0 %' });
|
||||
const fill = el('div', { class: 'fx-progress-fill' });
|
||||
const bar = el('div', { class: 'fx-progress-track' }, [fill]);
|
||||
const currentEl = el('div', { class: 'fx-lead', text: 'Startet …' });
|
||||
const stepEl = el('div', { class: 'fx-muted' });
|
||||
const metaEl = el('div', { class: 'fx-progress-meta' });
|
||||
const list = el('div', { class: 'fx-list fx-backup-list' });
|
||||
const warn = el('div', { class: 'fx-alert fx-alert--warn hidden', text:
|
||||
'Der Server liefert keine Git-Pakete. Die Repos werden deshalb als ZIP gesichert: nur der Standard-Branch, ohne Historie.' });
|
||||
m.body.append(el('div', { class: 'fx-progress-head' }, [percentEl, el('div', { class: 'fx-progress-now' }, [currentEl, stepEl])]),
|
||||
bar, metaEl, warn, list);
|
||||
|
||||
const cancelBtn = button('Abbrechen', async () => {
|
||||
const ok = await showActionConfirmModal({
|
||||
title: 'Backup abbrechen?',
|
||||
message: 'Bereits gesicherte Repos bleiben erhalten. Ein laufender ZIP-Download wird sofort beendet, ein laufender Git-Spiegel erst nach dem aktuellen Repo.',
|
||||
confirmText: 'Abbrechen',
|
||||
danger: true
|
||||
});
|
||||
if (ok) { cancelBtn.disabled = true; await window.electronAPI.repoBackupCancel(); }
|
||||
}, 'danger');
|
||||
const closeBtn = button('Im Hintergrund weiterlaufen lassen', () => m.close());
|
||||
m.footer.append(cancelBtn, closeBtn);
|
||||
m.onClose(() => { backupView = null; clearInterval(timer); });
|
||||
|
||||
let last = null;
|
||||
let rowsFor = '';
|
||||
const rows = new Map();
|
||||
// Verstrichene Zeit auch ohne neue Meldung weiterzählen
|
||||
const timer = setInterval(() => { if (last && last.phase !== 'done') renderMeta(last); }, 1000);
|
||||
|
||||
function renderMeta(p) {
|
||||
const elapsed = Date.now() - (p.startedAt || Date.now());
|
||||
const parts = [`${p.done || 0} von ${p.total || '?'} Repos`, `Dauer ${fmtDuration(p.summary ? p.summary.durationMs : elapsed)}`];
|
||||
if (p.phase === 'running' && p.done >= 1 && p.total > p.done) {
|
||||
parts.push(`noch ca. ${fmtDuration(elapsed / p.done * (p.total - p.done))}`);
|
||||
}
|
||||
metaEl.textContent = parts.join(' · ');
|
||||
}
|
||||
|
||||
function update(p) {
|
||||
if (!p) return;
|
||||
last = p;
|
||||
const pct = backupPercent(p);
|
||||
percentEl.textContent = `${pct} %`;
|
||||
fill.style.width = `${pct}%`;
|
||||
warn.classList.toggle('hidden', !p.mirrorBroken);
|
||||
renderMeta(p);
|
||||
|
||||
if (p.phase === 'list' || p.phase === 'start') {
|
||||
currentEl.textContent = p.step || 'Startet …';
|
||||
stepEl.textContent = p.targetDir ? `Ziel: ${p.targetDir}` : '';
|
||||
} else if (p.phase === 'running') {
|
||||
currentEl.textContent = p.repo ? `${p.current}/${p.total}: ${p.repo}` : 'Läuft …';
|
||||
let step = p.step || '';
|
||||
if (p.bytes) step += ` ${fmtBytes(p.bytes)}${p.bytesTotal ? ` von ${fmtBytes(p.bytesTotal)}` : ''}`;
|
||||
stepEl.textContent = step;
|
||||
} else if (p.phase === 'done') {
|
||||
const s = p.summary || {};
|
||||
m.setTitle(s.cancelled ? '⇣ Backup abgebrochen' : s.failed ? '⇣ Backup mit Fehlern beendet' : '⇣ Backup fertig');
|
||||
currentEl.textContent = `${s.ok} von ${s.total} Repos gesichert` + (s.failed ? `, ${s.failed} Fehler` : '') + (s.skipped ? `, ${s.skipped} übersprungen` : '');
|
||||
stepEl.textContent = `${s.mirror} als Git-Spiegel, ${s.zip} als ZIP · Protokoll: backup-protokoll.json im Backup-Ordner`;
|
||||
percentEl.textContent = s.cancelled ? '–' : '100 %';
|
||||
fill.style.width = s.cancelled ? fill.style.width : '100%';
|
||||
cancelBtn.classList.add('hidden');
|
||||
closeBtn.textContent = 'Schließen';
|
||||
} else if (p.phase === 'error') {
|
||||
m.setTitle('⇣ Backup fehlgeschlagen');
|
||||
currentEl.textContent = p.error || 'Unbekannter Fehler';
|
||||
stepEl.textContent = '';
|
||||
cancelBtn.classList.add('hidden');
|
||||
closeBtn.textContent = 'Schließen';
|
||||
}
|
||||
|
||||
// Liste aller Repos mit Zustand
|
||||
const repos = p.repos || [];
|
||||
if (repos.join('|') !== rowsFor) {
|
||||
rowsFor = repos.join('|');
|
||||
list.textContent = '';
|
||||
rows.clear();
|
||||
for (const name of repos) {
|
||||
const icon = el('span', { class: 'fx-backup-icon', text: '○' });
|
||||
const info = el('span', { class: 'fx-muted', text: 'wartet' });
|
||||
rows.set(name, { row: el('div', { class: 'fx-list-row' }, [icon, el('span', { class: 'fx-mono', text: name }), info]), icon, info });
|
||||
list.append(rows.get(name).row);
|
||||
}
|
||||
}
|
||||
const byRepo = new Map((p.results || []).map(r => [r.repo, r]));
|
||||
for (const [name, r] of rows) {
|
||||
const res = byRepo.get(name);
|
||||
r.row.classList.toggle('is-active', !res && name === p.repo && p.phase === 'running');
|
||||
if (res) {
|
||||
r.icon.textContent = res.ok ? '✅' : '❌';
|
||||
r.info.textContent = res.ok
|
||||
? (res.method === 'leer' ? 'leeres Repo' : res.method + (res.bytes ? ` · ${fmtBytes(res.bytes)}` : ''))
|
||||
: res.error;
|
||||
r.info.title = res.error || '';
|
||||
} else if (name === p.repo && p.phase === 'running') {
|
||||
r.icon.textContent = '⏳';
|
||||
r.info.textContent = 'läuft …';
|
||||
} else if (p.phase === 'done') {
|
||||
r.icon.textContent = '–';
|
||||
r.info.textContent = 'übersprungen';
|
||||
}
|
||||
}
|
||||
const active = list.querySelector('.fx-list-row.is-active');
|
||||
if (active) active.scrollIntoView({ block: 'nearest' });
|
||||
}
|
||||
|
||||
backupView = { update };
|
||||
update(initial || { phase: 'start', step: 'Startet …', startedAt: Date.now(), results: [], repos: [] });
|
||||
}
|
||||
|
||||
function renderBackupStatus(state) {
|
||||
const statusEl = $('repoBackupStatus');
|
||||
if (!statusEl) return;
|
||||
const runBtn = $('btnRepoBackupRun');
|
||||
if (runBtn) runBtn.textContent = state.running ? '⏳ Fortschritt anzeigen' : '▶️ Jetzt sichern';
|
||||
if (state.running) {
|
||||
const p = state.progress;
|
||||
statusEl.textContent = p && p.total
|
||||
? `⏳ Backup läuft: ${backupPercent(p)} % · ${p.current}/${p.total}: ${p.repo || ''}`
|
||||
: '⏳ Backup läuft …';
|
||||
return;
|
||||
}
|
||||
const r = state.config && state.config.lastResult;
|
||||
if (!r) { statusEl.textContent = 'Noch kein Backup gelaufen.'; return; }
|
||||
let text = `Letztes Backup: ${fmtDate(r.at)} · ${r.ok}/${r.total} gesichert (${r.mirror} als Git-Spiegel, ${r.zip} als ZIP)`;
|
||||
if (r.cancelled) text += ' · abgebrochen';
|
||||
if (r.durationMs) text += ` · Dauer ${fmtDuration(r.durationMs)}`;
|
||||
if (r.failed) text += ` · ${r.failed} Fehler: ` + r.errors.map(e => `${e.repo} (${e.error})`).join('; ');
|
||||
if (r.mirrorBroken) text += '\nDer Server liefert keine Git-Pakete, daher ZIP-Archive: nur der Standard-Branch, ohne Historie. Server-Diagnose zeigt die Ursache.';
|
||||
statusEl.textContent = text;
|
||||
}
|
||||
|
||||
async function loadBackupSettings() {
|
||||
try {
|
||||
const state = await window.electronAPI.repoBackupGetConfig();
|
||||
if (!state || !state.ok) return;
|
||||
const c = state.config;
|
||||
if ($('repoBackupTarget')) $('repoBackupTarget').value = c.targetDir || '';
|
||||
if ($('repoBackupInterval')) $('repoBackupInterval').value = c.interval || 'off';
|
||||
if ($('repoBackupKeep')) $('repoBackupKeep').value = c.keep || 5;
|
||||
if ($('repoBackupTime')) $('repoBackupTime').value = c.time || '';
|
||||
if ($('repoBackupNotify')) $('repoBackupNotify').value = c.notify || 'errors';
|
||||
if ($('repoBackupExclude')) $('repoBackupExclude').value = c.excludeRepos || '';
|
||||
renderBackupStatus(state);
|
||||
} catch (_) {}
|
||||
}
|
||||
|
||||
async function saveBackupSettings(silent) {
|
||||
const res = await window.electronAPI.repoBackupSetConfig({
|
||||
targetDir: $('repoBackupTarget').value,
|
||||
interval: $('repoBackupInterval').value,
|
||||
keep: $('repoBackupKeep').value,
|
||||
time: $('repoBackupTime') ? $('repoBackupTime').value : '',
|
||||
notify: $('repoBackupNotify') ? $('repoBackupNotify').value : 'errors',
|
||||
excludeRepos: $('repoBackupExclude') ? $('repoBackupExclude').value : ''
|
||||
});
|
||||
if (res && res.ok) {
|
||||
renderBackupStatus(res);
|
||||
if (!silent) showSuccess('Backup-Einstellung gespeichert');
|
||||
} else if (!silent) showError('Speichern fehlgeschlagen: ' + (res && res.error));
|
||||
return res;
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
6. Backup wiederherstellen
|
||||
================================================================ */
|
||||
async function openRestore() {
|
||||
const m = fxModal({ title: '↺ Backup wiederherstellen', wide: true });
|
||||
let dir = null;
|
||||
|
||||
async function renderList(customDir) {
|
||||
m.setTitle('↺ Backup wiederherstellen');
|
||||
m.footer.textContent = '';
|
||||
busy(m.body, 'Suche Sicherungen ...');
|
||||
const res = await window.electronAPI.repoBackupList(customDir ? { dir: customDir } : {});
|
||||
m.body.textContent = '';
|
||||
const pick = button('📂 Anderen Ordner wählen', async () => {
|
||||
const folder = await window.electronAPI.selectFolder();
|
||||
if (folder) renderList(folder);
|
||||
});
|
||||
m.footer.append(pick, button('Schließen', () => m.close()));
|
||||
if (!res || !res.ok) {
|
||||
m.body.append(el('div', { class: 'fx-alert fx-alert--warn', text: (res && res.error) || 'Backup-Ordner nicht lesbar' }));
|
||||
return;
|
||||
}
|
||||
dir = res.dir;
|
||||
m.body.append(el('div', { class: 'fx-muted', text: `Quelle: ${dir}` }));
|
||||
if (!res.backups.length) {
|
||||
m.body.append(el('div', { class: 'fx-empty', text: 'In diesem Ordner wurden keine Sicherungen gefunden.' }));
|
||||
return;
|
||||
}
|
||||
const list = el('div', { class: 'fx-list fx-list--cards' });
|
||||
for (const b of res.backups) {
|
||||
const parts = [];
|
||||
if (b.mirror) parts.push(`Git-Spiegel · Stand ${fmtDate(b.mirror.updated)}`);
|
||||
if (b.zips.length) parts.push(`${b.zips.length} ZIP-Stand${b.zips.length > 1 ? 'e' : ''} · neuester ${fmtDate(b.zips[0].date)}`);
|
||||
list.append(el('button', { type: 'button', class: 'fx-item', onclick: () => renderDetail(b) }, [
|
||||
el('div', { class: 'fx-item-title', text: `${b.owner}/${b.repo}` }),
|
||||
el('div', { class: 'fx-muted', text: parts.join(' · ') })
|
||||
]));
|
||||
}
|
||||
m.body.append(list);
|
||||
}
|
||||
|
||||
function renderDetail(b) {
|
||||
m.setTitle(`↺ ${b.owner}/${b.repo} wiederherstellen`);
|
||||
m.body.textContent = '';
|
||||
m.footer.textContent = '';
|
||||
|
||||
// Welche Sicherung?
|
||||
const sources = [];
|
||||
if (b.mirror) sources.push({ kind: 'mirror', path: b.mirror.path, label: `Git-Spiegel – volle Historie, alle Branches und Tags (Stand ${fmtDate(b.mirror.updated)})`, date: b.mirror.updated });
|
||||
for (const z of b.zips) sources.push({ kind: 'zip', path: z.path, label: `ZIP vom ${fmtDate(z.date)} – nur Standard-Branch, ohne Historie (${fmtBytes(z.size)})`, date: z.date });
|
||||
let chosen = sources[0];
|
||||
const srcList = el('div', { class: 'fx-list' });
|
||||
sources.forEach((src, i) => {
|
||||
const radio = el('input', { type: 'radio', name: 'fxRestoreSource', checked: i === 0, onchange: () => { chosen = src; updateMode(); } });
|
||||
srcList.append(el('label', { class: 'fx-list-row fx-list-row--check' }, [radio, el('span', { text: src.label })]));
|
||||
});
|
||||
m.body.append(el('h3', { text: '1. Sicherung wählen' }), srcList);
|
||||
|
||||
// Lokal entpacken
|
||||
const localBtn = button('📂 Zielordner wählen und entpacken', async () => {
|
||||
const parent = await window.electronAPI.selectFolder();
|
||||
if (!parent) return;
|
||||
setBusy(true, chosen.kind === 'mirror' ? 'Klone Spiegel ...' : 'Entpacke Archiv ...');
|
||||
const r = await window.electronAPI.repoRestoreLocal({ kind: chosen.kind, source: chosen.path, destParent: parent, repo: b.repo });
|
||||
setBusy(false);
|
||||
if (!r.ok) { await showInfoModal('Entpacken fehlgeschlagen', r.error, true); return; }
|
||||
showSuccess(`Wiederhergestellt nach ${r.path}`);
|
||||
showResult(`✅ Lokal wiederhergestellt: ${r.path}` + (r.branches ? ` (${r.branches} Branches)` : r.files ? ` (${r.files} Dateien)` : ''), [
|
||||
button('In der App öffnen', () => openLocalInApp(r.path, m), 'primary')
|
||||
]);
|
||||
});
|
||||
m.body.append(el('h3', { text: '2a. Lokal entpacken' }),
|
||||
el('div', { class: 'fx-muted', text: `Legt den Ordner „${b.repo}“ im gewählten Verzeichnis an. Ein vorhandener, nicht leerer Ordner wird nie überschrieben.` }),
|
||||
el('div', {}, [localBtn]));
|
||||
|
||||
// Auf Gitea zurückspielen
|
||||
const modeNew = el('input', { type: 'radio', name: 'fxRestoreMode', checked: true, onchange: updateMode });
|
||||
const modeOverwrite = el('input', { type: 'radio', name: 'fxRestoreMode', onchange: updateMode });
|
||||
const nameInput = el('input', { type: 'text', class: 'fx-input', value: `${b.repo}-wiederhergestellt` });
|
||||
const privateCb = el('input', { type: 'checkbox', checked: true });
|
||||
const overwriteNote = el('div', { class: 'fx-muted' });
|
||||
const giteaBtn = button('Auf Gitea zurückspielen', () => restoreGitea(), 'primary');
|
||||
m.body.append(el('h3', { text: '2b. Auf Gitea zurückspielen' }),
|
||||
el('label', { class: 'fx-list-row fx-list-row--check' }, [modeNew, el('span', { text: 'Als neues Repo anlegen' })]),
|
||||
el('div', { class: 'fx-row fx-indent' }, [nameInput, el('label', { class: 'fx-inline-check' }, [privateCb, el('span', { text: 'Privat' })])]),
|
||||
el('label', { class: 'fx-list-row fx-list-row--check' }, [modeOverwrite, el('span', { text: `Bestehendes Repo „${b.owner}/${b.repo}“ überschreiben` })]),
|
||||
overwriteNote,
|
||||
el('div', {}, [giteaBtn]));
|
||||
|
||||
const status = el('div', { class: 'fx-lead fx-restore-status' });
|
||||
m.body.append(status);
|
||||
m.footer.append(button('← Zurück', () => renderList(dir)));
|
||||
|
||||
let offProgress = null;
|
||||
function setBusy(on, text) {
|
||||
[localBtn, giteaBtn].forEach(btn => { btn.disabled = on; });
|
||||
status.textContent = on ? `⏳ ${text}` : '';
|
||||
if (on && !offProgress) offProgress = window.electronAPI.onRepoRestoreProgress(p => { if (p && p.text) status.textContent = `⏳ ${p.text}`; });
|
||||
if (!on && offProgress) { offProgress(); offProgress = null; }
|
||||
}
|
||||
function showResult(text, actions = []) {
|
||||
status.textContent = '';
|
||||
status.append(el('div', { text }), el('div', { class: 'fx-row' }, actions));
|
||||
}
|
||||
|
||||
function updateMode() {
|
||||
const zip = chosen.kind === 'zip';
|
||||
modeOverwrite.disabled = zip;
|
||||
if (zip && modeOverwrite.checked) modeNew.checked = true;
|
||||
nameInput.disabled = !modeNew.checked;
|
||||
privateCb.disabled = !modeNew.checked;
|
||||
overwriteNote.textContent = zip
|
||||
? 'Überschreiben geht nur mit einem Git-Spiegel, weil ein ZIP-Stand keine Historie enthält.'
|
||||
: 'Achtung: Setzt alle Branches und Tags auf den Stand der Sicherung. Neuere Commits auf Gitea gehen verloren.';
|
||||
}
|
||||
updateMode();
|
||||
|
||||
async function restoreGitea() {
|
||||
const overwrite = modeOverwrite.checked;
|
||||
const name = nameInput.value.trim();
|
||||
if (!overwrite && !name) { nameInput.focus(); return; }
|
||||
const ok = await showActionConfirmModal(overwrite ? {
|
||||
title: 'Repo überschreiben',
|
||||
message: `Alle Branches und Tags von „${b.owner}/${b.repo}“ werden auf den Stand vom ${fmtDate(chosen.date)} gesetzt.\n\nCommits, Branches und Tags, die danach auf Gitea entstanden sind, gehen verloren. Das lässt sich nur mit einer neueren Sicherung rückgängig machen.`,
|
||||
confirmText: 'Überschreiben',
|
||||
danger: true
|
||||
} : {
|
||||
title: 'Neues Repo anlegen',
|
||||
message: `Das Repo „${b.owner}/${name}“ wird ${privateCb.checked ? 'privat' : 'öffentlich'} angelegt und mit der Sicherung vom ${fmtDate(chosen.date)} befüllt.`,
|
||||
confirmText: 'Anlegen und befüllen'
|
||||
});
|
||||
if (!ok) return;
|
||||
setBusy(true, 'Starte ...');
|
||||
const r = await window.electronAPI.repoRestoreGitea({
|
||||
kind: chosen.kind, source: chosen.path, owner: b.owner, repo: b.repo,
|
||||
mode: overwrite ? 'overwrite' : 'new', newName: name, isPrivate: privateCb.checked
|
||||
});
|
||||
setBusy(false);
|
||||
if (!r.ok) { await showInfoModal('Wiederherstellen fehlgeschlagen', r.error, true); return; }
|
||||
showSuccess(`${r.repo} wiederhergestellt`);
|
||||
showResult(`✅ Auf Gitea wiederhergestellt: ${r.repo} (über ${r.method}${r.files ? `, ${r.files} Dateien` : ''})`,
|
||||
r.url ? [button('Im Browser öffnen', () => window.electronAPI.openExternalUrl(r.url))] : []);
|
||||
}
|
||||
}
|
||||
|
||||
renderList(null);
|
||||
}
|
||||
|
||||
function openLocalInApp(folder, modal) {
|
||||
modal.close();
|
||||
$('settingsModal')?.classList.add('hidden');
|
||||
selectedFolder = folder;
|
||||
currentState.view = 'local';
|
||||
setStatus('Local: ' + folder);
|
||||
if (typeof updateNavigationUI === 'function') updateNavigationUI();
|
||||
window.updateFeatureButtons('local');
|
||||
if (typeof refreshLocalTree === 'function') refreshLocalTree(folder);
|
||||
if (typeof loadBranches === 'function') loadBranches(folder);
|
||||
}
|
||||
|
||||
// Bereiche in den Einstellungen (Navigation links). "general" bleibt als alter Name für "konten" gültig.
|
||||
window.showSettingsTab = function (name) {
|
||||
if (name === 'general') name = 'konten';
|
||||
document.querySelectorAll('#settingsModal [data-settings-tab]').forEach(tab => {
|
||||
const active = tab.dataset.settingsTab === name;
|
||||
tab.classList.toggle('is-active', active);
|
||||
tab.setAttribute('aria-selected', String(active));
|
||||
});
|
||||
document.querySelectorAll('#settingsModal [data-settings-panel]').forEach(panel => {
|
||||
panel.classList.toggle('hidden', panel.dataset.settingsPanel !== name);
|
||||
});
|
||||
if (name === 'backup') loadBackupSettings();
|
||||
// Höhenabgleich der Karten braucht sichtbare Elemente
|
||||
if (name === 'konten' && typeof syncSettingsPanelHeights === 'function') requestAnimationFrame(syncSettingsPanelHeights);
|
||||
const pages = document.querySelector('#settingsModal .settings-pages');
|
||||
if (pages) pages.scrollTop = 0;
|
||||
};
|
||||
|
||||
// Für das gemeinsame "Speichern" in settings-extra.js
|
||||
window.gmBackupSettings = { load: loadBackupSettings, save: saveBackupSettings };
|
||||
|
||||
function wireSettings() {
|
||||
document.querySelectorAll('#settingsModal [data-settings-tab]').forEach(tab => {
|
||||
tab.addEventListener('click', () => window.showSettingsTab(tab.dataset.settingsTab));
|
||||
});
|
||||
const restoreBtn = $('btnRepoRestore');
|
||||
if (restoreBtn) restoreBtn.onclick = () => openRestore();
|
||||
const diag = $('btnServerDiagnosis');
|
||||
if (diag) diag.onclick = () => openDiagnosis();
|
||||
const browse = $('btnRepoBackupBrowse');
|
||||
if (browse) browse.onclick = async () => {
|
||||
const folder = await window.electronAPI.selectFolder();
|
||||
if (folder) $('repoBackupTarget').value = folder;
|
||||
};
|
||||
const save = $('btnRepoBackupSave');
|
||||
if (save) save.onclick = () => saveBackupSettings(false);
|
||||
const run = $('btnRepoBackupRun');
|
||||
if (run) run.onclick = async () => {
|
||||
const state = await window.electronAPI.repoBackupGetConfig();
|
||||
// Läuft schon ein Backup (z. B. ein geplantes), nur den Fortschritt zeigen
|
||||
if (state && state.running) { openBackupProgress(state.progress); return; }
|
||||
if (!$('repoBackupTarget').value.trim()) { showWarning('Bitte zuerst ein Backup-Ziel wählen.'); return; }
|
||||
await saveBackupSettings(true);
|
||||
openBackupProgress(null);
|
||||
const res = await window.electronAPI.repoBackupRunNow();
|
||||
if (!res.ok && !res.summary && !res.running) showError('Backup fehlgeschlagen: ' + res.error);
|
||||
};
|
||||
|
||||
// Fortschritt kommt für jedes Backup an alle Fenster – auch für geplante Backups
|
||||
window.electronAPI.onRepoBackupProgress((p) => {
|
||||
if (!p) return;
|
||||
const finished = p.phase === 'done' || p.phase === 'error';
|
||||
renderBackupStatus({ running: !finished, progress: p });
|
||||
if (backupView) backupView.update(p);
|
||||
if (finished) {
|
||||
const s = p.summary;
|
||||
if (p.phase === 'error') showError('Backup fehlgeschlagen: ' + p.error);
|
||||
else if (s && s.cancelled) showWarning(`Backup abgebrochen: ${s.ok} von ${s.total} Repos gesichert`);
|
||||
else if (s && s.failed) showWarning(`Backup mit ${s.failed} Fehler(n) beendet`);
|
||||
else if (s) showSuccess(`Backup fertig: ${s.ok}/${s.total} Repos gesichert`);
|
||||
setTimeout(loadBackupSettings, 300);
|
||||
}
|
||||
});
|
||||
// Beim Öffnen der Einstellungen den aktuellen Stand anzeigen
|
||||
const btnSettings = $('btnSettings');
|
||||
if (btnSettings) btnSettings.addEventListener('click', () => { window.showSettingsTab('konten'); setTimeout(loadBackupSettings, 50); });
|
||||
loadBackupSettings();
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', wireSettings);
|
||||
else wireSettings();
|
||||
})();
|
||||
+501
-180
@@ -52,16 +52,11 @@
|
||||
|
||||
<div class="tool-group tool-group--utility">
|
||||
<span class="tool-group-title">Steuerung</span>
|
||||
<button id="btnSettings" title="Einstellungen">⚙️ Settings</button>
|
||||
<button id="btnBatchActions" title="Batch-Aktionen">🧩 Batch</button>
|
||||
<button id="btnOpenActivityLog" title="Aktivitätsprotokoll">📝 Activity</button>
|
||||
<button id="btnSettings" title="Einstellungen">⚙️ <span class="btn-label">Settings</span></button>
|
||||
<button id="btnBatchActions" title="Batch-Aktionen">🧩 <span class="btn-label">Batch</span></button>
|
||||
<button id="btnOpenActivityLog" title="Aktivitätsprotokoll">📝 <span class="btn-label">Activity</span></button>
|
||||
<button id="btnUploadHistory" title="Verlauf der letzten Uploads">🕘 <span class="btn-label">Verlauf</span></button>
|
||||
<button id="btnRetryQueueNow" class="secondary" title="Retry-Queue jetzt verarbeiten">🔁 Queue (0)</button>
|
||||
<button id="btnBack" class="secondary hidden" title="Zurück">⬅️ Zurück</button>
|
||||
</div>
|
||||
|
||||
<div class="toolbar-status-wrap">
|
||||
<span class="status-dot" aria-hidden="true"></span>
|
||||
<span id="status" class="status">Bereit</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,15 +68,34 @@
|
||||
<button id="btnLoadGiteaRepos" class="accent-btn" title="Projekte der gewählten Plattform laden">🌐 Load Projekte</button>
|
||||
</div>
|
||||
|
||||
<div class="tool-group tool-group--repo">
|
||||
<span class="tool-group-title">Repository</span>
|
||||
<div class="tool-group tool-group--platform">
|
||||
<input id="platform" type="hidden" value="gitea">
|
||||
<div class="platform-switch" role="tablist" aria-label="Plattform auswählen">
|
||||
<button type="button" class="platform-option active" data-platform="gitea" aria-pressed="true">Gitea</button>
|
||||
<button type="button" class="platform-option" data-platform="github" aria-pressed="false">GitHub</button>
|
||||
</div>
|
||||
<div class="toolbar-status-wrap">
|
||||
<span class="status-dot" aria-hidden="true"></span>
|
||||
<span id="status" class="status">Bereit</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Nur in der Repo-Ansicht sichtbar: erscheint, sobald mindestens ein Knopf darin eingeblendet ist. -->
|
||||
<div class="toolbar-row toolbar-row--context">
|
||||
<button id="btnBack" class="secondary hidden" title="Zurück">⬅️ Zurück</button>
|
||||
<div class="tool-group tool-group--repo-nav">
|
||||
<span class="tool-group-title">Repository</span>
|
||||
<button id="btnCommits" class="hidden" title="Commit History anzeigen">📊 Commits</button>
|
||||
<button id="btnReleases" class="hidden" title="Releases anzeigen">📦 Releases</button>
|
||||
<button id="btnPulls" class="hidden" title="Pull Requests ansehen, kommentieren und mergen">🔀 PRs</button>
|
||||
<button id="btnIssues" class="hidden" title="Issues ansehen und kommentieren">🐞 Issues</button>
|
||||
<button id="btnLocalChanges" class="hidden" title="Lokale Änderungen ansehen und committen">📝 Änderungen</button>
|
||||
</div>
|
||||
<div class="tool-group tool-group--repo-tools">
|
||||
<span class="tool-group-title">Werkzeuge</span>
|
||||
<button id="btnCleanupIgnored" class="hidden" title="Dateien entfernen, die laut .gitignore nicht ins Repo gehören">🧹 Aufräumen</button>
|
||||
<button id="btnGitignoreTemplate" class="hidden" title="Standard-.gitignore (Node, .NET, Electron) im Repo anlegen">📄 .gitignore</button>
|
||||
<button id="btnTrash" class="hidden" style="display:none" title=""><!-- removed --></button>
|
||||
<button id="btnPurgeTrash" class="hidden" style="display:none" title=""><!-- removed --></button>
|
||||
</div>
|
||||
@@ -123,197 +137,502 @@
|
||||
<div>
|
||||
<div class="settings-eyebrow">Konfiguration</div>
|
||||
<h2>⚙️ Einstellungen</h2>
|
||||
<p class="settings-subtitle">Alle wichtigen Optionen auf einer Seite: Zugangsdaten, Verbindungscheck, Darstellung und Updates.</p>
|
||||
<p class="settings-subtitle">Links den Bereich wählen. „Speichern“ übernimmt alle Änderungen aus allen Bereichen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-layout">
|
||||
<div class="settings-column settings-column--left">
|
||||
<section class="settings-panel settings-panel--credentials">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Zugangsdaten</h3>
|
||||
<p>API-Zugriffe für GitHub und Gitea konfigurieren.</p>
|
||||
<div class="settings-shell">
|
||||
<nav class="settings-nav" role="tablist" aria-label="Einstellungsbereiche" aria-orientation="vertical">
|
||||
<button type="button" class="settings-tab is-active" role="tab" data-settings-tab="konten" aria-selected="true">
|
||||
<span class="settings-tab-icon" aria-hidden="true">🔑</span>
|
||||
<span class="settings-tab-text"><strong>Konten</strong><small>Gitea, GitHub, Verbindung</small></span>
|
||||
</button>
|
||||
<button type="button" class="settings-tab" role="tab" data-settings-tab="darstellung" aria-selected="false">
|
||||
<span class="settings-tab-icon" aria-hidden="true">🎨</span>
|
||||
<span class="settings-tab-text"><strong>Darstellung</strong><small>Übersicht und Explorer</small></span>
|
||||
</button>
|
||||
<button type="button" class="settings-tab" role="tab" data-settings-tab="uploads" aria-selected="false">
|
||||
<span class="settings-tab-icon" aria-hidden="true">📤</span>
|
||||
<span class="settings-tab-text"><strong>Uploads</strong><small>Ausschlüsse, Prüfungen</small></span>
|
||||
</button>
|
||||
<button type="button" class="settings-tab" role="tab" data-settings-tab="system" aria-selected="false">
|
||||
<span class="settings-tab-icon" aria-hidden="true">🖥️</span>
|
||||
<span class="settings-tab-text"><strong>System</strong><small>Autostart, Version, Updates</small></span>
|
||||
</button>
|
||||
<button type="button" class="settings-tab" role="tab" data-settings-tab="backup" aria-selected="false">
|
||||
<span class="settings-tab-icon" aria-hidden="true">💾</span>
|
||||
<span class="settings-tab-text"><strong>Backup</strong><small>Sichern, wiederherstellen</small></span>
|
||||
</button>
|
||||
<button type="button" class="settings-tab" role="tab" data-settings-tab="diagnose" aria-selected="false">
|
||||
<span class="settings-tab-icon" aria-hidden="true">🩺</span>
|
||||
<span class="settings-tab-text"><strong>Diagnose</strong><small>Server prüfen, Fehlersuche</small></span>
|
||||
</button>
|
||||
</nav>
|
||||
|
||||
<div class="settings-pages">
|
||||
<div class="settings-tabpanel" data-settings-panel="konten" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--credentials">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Zugangsdaten</h3>
|
||||
<p>API-Zugriffe für GitHub und Gitea konfigurieren.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-credentials-grid">
|
||||
<article class="settings-auth-card settings-auth-card--github">
|
||||
<div class="settings-auth-card-header">
|
||||
<h4>GitHub</h4>
|
||||
<button id="btnTestGithubConnection" class="secondary" type="button">🔌 Verbindung testen</button>
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="githubToken">GitHub Token</label>
|
||||
<input id="githubToken" type="password" placeholder="ghp_...">
|
||||
</div>
|
||||
<div class="settings-auth-spacer" aria-hidden="true">GitHub benötigt keine Server-URL</div>
|
||||
<div id="githubTokenHint" class="settings-inline-hint">Hinweis: Der Token wird direkt über api.github.com geprüft.</div>
|
||||
</article>
|
||||
<div class="settings-credentials-grid">
|
||||
<article class="settings-auth-card settings-auth-card--github">
|
||||
<div class="settings-auth-card-header">
|
||||
<h4>GitHub</h4>
|
||||
<button id="btnTestGithubConnection" class="secondary" type="button">🔌 Verbindung testen</button>
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="githubToken">GitHub Token</label>
|
||||
<input id="githubToken" type="password" placeholder="ghp_...">
|
||||
</div>
|
||||
<div class="settings-auth-spacer" aria-hidden="true">GitHub benötigt keine Server-URL</div>
|
||||
<div id="githubTokenHint" class="settings-inline-hint">Hinweis: Der Token wird direkt über api.github.com geprüft.</div>
|
||||
</article>
|
||||
|
||||
<article class="settings-auth-card settings-auth-card--gitea">
|
||||
<div class="settings-auth-card-header">
|
||||
<h4>Gitea</h4>
|
||||
<button id="btnTestGiteaConnection" class="secondary" type="button">🔌 Verbindung testen</button>
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="giteaToken">Gitea Token</label>
|
||||
<input id="giteaToken" type="password" placeholder="Token hier einfügen">
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="giteaURL">Gitea URL</label>
|
||||
<input id="giteaURL" type="text" placeholder="https://gitea.example.com">
|
||||
</div>
|
||||
<div id="giteaUrlHint" class="settings-inline-hint">Hinweis: IPv6 mit Klammern eingeben, z.B. http://[2001:db8::1]:3000</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--display">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Darstellung</h3>
|
||||
<p>Übersicht und Explorer an deinen Arbeitsstil anpassen.</p>
|
||||
<article class="settings-auth-card settings-auth-card--gitea">
|
||||
<div class="settings-auth-card-header">
|
||||
<h4>Gitea</h4>
|
||||
<button id="btnTestGiteaConnection" class="secondary" type="button">🔌 Verbindung testen</button>
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="giteaToken">Gitea Token</label>
|
||||
<input id="giteaToken" type="password" placeholder="Token hier einfügen">
|
||||
</div>
|
||||
<div class="input-group settings-auth-input">
|
||||
<label for="giteaURL">Gitea URL</label>
|
||||
<input id="giteaURL" type="text" placeholder="https://gitea.example.com">
|
||||
</div>
|
||||
<div id="giteaUrlHint" class="settings-inline-hint">Hinweis: IPv6 mit Klammern eingeben, z.B. http://[2001:db8::1]:3000</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="settingFavorites">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">⭐ Favoriten-Bereich anzeigen</span>
|
||||
<span class="settings-toggle-desc">Pinnt wichtige Repositories und Ordner sichtbar im Kopfbereich.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingFavorites" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<label class="settings-toggle-row" for="settingRecent">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🕐 Zuletzt geöffnet anzeigen</span>
|
||||
<span class="settings-toggle-desc">Zeigt deine letzten Projekte direkt in der Übersicht an.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingRecent" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<label class="settings-toggle-row" for="settingCompact">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">⊞ Kompakt-Modus</span>
|
||||
<span class="settings-toggle-desc">Verdichtet Karten und Abstände für kleinere Fenster.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingCompact">
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<label class="settings-toggle-row" for="settingColoredIcons">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🎨 Farbige Datei-Icons</span>
|
||||
<span class="settings-toggle-desc">Setzt stärkere Dateityp-Farben für schnellere Orientierung.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingColoredIcons" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--diagnostics">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Diagnose</h3>
|
||||
<p>Erstellt ein Diagnosepaket mit Logs, Plattform und letzten Fehlern für schnelles Debugging.</p>
|
||||
<section class="settings-panel settings-panel--health">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Verbindungsstatus</h3>
|
||||
<p>Direkt sehen, ob URL, API und Auth sauber antworten.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-diagnostics-card">
|
||||
<button id="btnCreateDiagnostics" class="settings-action-btn" type="button">🧪 Diagnose erstellen</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="settings-health-box">
|
||||
<div class="settings-health-row"><span>URL</span><strong id="healthUrl">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>API</span><strong id="healthApi">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>Auth</span><strong id="healthAuth">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>Latenz</span><strong id="healthLatency">-</strong></div>
|
||||
<div class="settings-health-row"><span>Server</span><strong id="healthVersion">-</strong></div>
|
||||
<div class="settings-health-row"><span>Letzter Fehler</span><strong id="healthLastError">-</strong></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--profiles">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Gitea-Server</h3>
|
||||
<p>Mehrere Server oder Konten speichern und mit einem Klick wechseln. Tokens werden verschlüsselt gespeichert.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="giteaProfileSelect">Gespeicherte Server</label>
|
||||
<select id="giteaProfileSelect"></select>
|
||||
</div>
|
||||
<button id="btnGiteaProfileUse" class="settings-action-btn fx-browse-btn" type="button">⇄ Wechseln</button>
|
||||
<button id="btnGiteaProfileDelete" class="settings-action-btn fx-browse-btn" type="button">🗑 Entfernen</button>
|
||||
</div>
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="giteaProfileName">Name für den aktuellen Server</label>
|
||||
<input id="giteaProfileName" type="text" placeholder="z. B. Homelab oder Arbeit">
|
||||
</div>
|
||||
<button id="btnGiteaProfileSave" class="settings-action-btn fx-browse-btn" type="button">💾 Als Profil speichern</button>
|
||||
</div>
|
||||
<div id="giteaProfileHint" class="settings-inline-hint">Speichert URL und Token aus „Zugangsdaten“ unter diesem Namen.</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--identity">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Git-Identität</h3>
|
||||
<p>Name und E-Mail für Commits, die die App anlegt (Uploads, lokale Commits, Wiederherstellen).</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="prefGitName">Name</label>
|
||||
<input id="prefGitName" type="text" placeholder="z. B. M_Viper" autocomplete="off">
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="prefGitEmail">E-Mail</label>
|
||||
<input id="prefGitEmail" type="email" placeholder="z. B. name@example.com" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-inline-hint">Ist im Repo oder in deiner globalen Git-Konfiguration schon ein Name eingetragen, gilt dieser. Leer lassen = „Git Manager GUI“.</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-column settings-column--right">
|
||||
<section class="settings-panel settings-panel--health">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Verbindungsstatus</h3>
|
||||
<p>Direkt sehen, ob URL, API und Auth sauber antworten.</p>
|
||||
<div class="settings-tabpanel hidden" data-settings-panel="darstellung" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--display">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Darstellung</h3>
|
||||
<p>Übersicht und Explorer an deinen Arbeitsstil anpassen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-health-box">
|
||||
<div class="settings-health-row"><span>URL</span><strong id="healthUrl">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>API</span><strong id="healthApi">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>Auth</span><strong id="healthAuth">Unbekannt</strong></div>
|
||||
<div class="settings-health-row"><span>Latenz</span><strong id="healthLatency">-</strong></div>
|
||||
<div class="settings-health-row"><span>Server</span><strong id="healthVersion">-</strong></div>
|
||||
<div class="settings-health-row"><span>Letzter Fehler</span><strong id="healthLastError">-</strong></div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="settingFavorites">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">⭐ Favoriten-Bereich anzeigen</span>
|
||||
<span class="settings-toggle-desc">Pinnt wichtige Repositories und Ordner sichtbar im Kopfbereich.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingFavorites" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<section class="settings-panel settings-panel--system">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>System</h3>
|
||||
<p>Verhalten beim Windows-Start steuern.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="settingAutostart">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🚀 Mit Windows starten</span>
|
||||
<span class="settings-toggle-desc">Startet die App automatisch beim Anmelden, minimiert im System-Tray.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingAutostart">
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
<label class="settings-toggle-row" for="settingRecent">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🕐 Zuletzt geöffnet anzeigen</span>
|
||||
<span class="settings-toggle-desc">Zeigt deine letzten Projekte direkt in der Übersicht an.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingRecent" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<section class="settings-panel settings-panel--app">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>App & Updates</h3>
|
||||
<p>Version prüfen und neue Releases direkt anstoßen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<label class="settings-toggle-row" for="settingCompact">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">⊞ Kompakt-Modus</span>
|
||||
<span class="settings-toggle-desc">Verdichtet Karten und Abstände für kleinere Fenster.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingCompact">
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<div class="settings-version-card">
|
||||
<div class="input-group input-group--wide settings-version-field">
|
||||
<label for="appVersion">App Version</label>
|
||||
<input id="appVersion" class="settings-readonly-input" type="text" readonly>
|
||||
</div>
|
||||
<button id="btnCheckUpdates" class="settings-update-btn">🔄 Nach Updates suchen</button>
|
||||
</div>
|
||||
</section>
|
||||
<label class="settings-toggle-row" for="settingColoredIcons">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🎨 Farbige Datei-Icons</span>
|
||||
<span class="settings-toggle-desc">Setzt stärkere Dateityp-Farben für schnellere Orientierung.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingColoredIcons" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<section class="settings-panel settings-panel--backup">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Backup & Transfer</h3>
|
||||
<p>Einstellungen, Favoriten und Verlauf exportieren oder auf einem anderen PC importieren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnExportSettingsBundle" class="settings-action-btn" type="button">📦 Backup exportieren</button>
|
||||
<button id="btnImportSettingsBundle" class="settings-action-btn" type="button">📥 Backup importieren</button>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--look">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Design & Größe</h3>
|
||||
<p>Hell oder dunkel und wie groß die Oberfläche angezeigt wird. Wird sofort angewendet.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-inline-hint">
|
||||
Export enthält Tokens nur verschlüsselt, nie als Klartext. Der Import ist für andere PCs geeignet.
|
||||
<div class="settings-backup-card">
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="prefTheme">Design</label>
|
||||
<select id="prefTheme">
|
||||
<option value="dark">Dunkel</option>
|
||||
<option value="light">Hell</option>
|
||||
<option value="system">Wie Windows</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="prefZoom">Größe</label>
|
||||
<select id="prefZoom">
|
||||
<option value="80">80 %</option>
|
||||
<option value="90">90 %</option>
|
||||
<option value="100">100 % (Standard)</option>
|
||||
<option value="110">110 %</option>
|
||||
<option value="125">125 %</option>
|
||||
<option value="150">150 %</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-tabpanel hidden" data-settings-panel="uploads" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--uploads">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Upload-Regeln</h3>
|
||||
<p>Was beim Hochladen geprüft und weggelassen wird.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="prefSecretScan">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🔐 Zugangsdaten erkennen</span>
|
||||
<span class="settings-toggle-desc">Dateien wie .env, Keystores oder Bot-Tokens werden erkannt und vor dem Upload abgewählt.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="prefSecretScan" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="input-group">
|
||||
<label for="prefUploadPreview">Upload-Vorschau anzeigen</label>
|
||||
<select id="prefUploadPreview">
|
||||
<option value="always">Immer vor dem Hochladen</option>
|
||||
<option value="warnings">Nur bei Zugangsdaten oder sehr vielen Dateien</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group input-group--wide">
|
||||
<label for="prefUploadExcludes">Zusätzlich nie hochladen (zusätzlich zur .gitignore)</label>
|
||||
<textarea id="prefUploadExcludes" class="settings-textarea" rows="6" spellcheck="false" placeholder="Ein Muster pro Zeile, z. B. *.log dist/ .idea/ *.psd"></textarea>
|
||||
</div>
|
||||
<div class="settings-inline-hint">Gleiche Schreibweise wie in einer .gitignore. Gilt für alle Projekte. node_modules, .git, .vscode und .idea werden immer weggelassen.</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-tabpanel hidden" data-settings-panel="system" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--system">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>System</h3>
|
||||
<p>Verhalten beim Windows-Start steuern.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="settingAutostart">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🚀 Mit Windows starten</span>
|
||||
<span class="settings-toggle-desc">Startet die App automatisch beim Anmelden, minimiert im System-Tray.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="settingAutostart">
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--app">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>App & Updates</h3>
|
||||
<p>Version prüfen und neue Releases direkt anstoßen.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-version-card">
|
||||
<div class="input-group input-group--wide settings-version-field">
|
||||
<label for="appVersion">App Version</label>
|
||||
<input id="appVersion" class="settings-readonly-input" type="text" readonly>
|
||||
</div>
|
||||
<button id="btnCheckUpdates" class="settings-update-btn">🔄 Nach Updates suchen</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--behaviour">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Verhalten</h3>
|
||||
<p>Updates, Schließen-Knopf und Standardordner.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-toggle-list">
|
||||
<label class="settings-toggle-row" for="prefAutoUpdate">
|
||||
<span class="settings-toggle-info">
|
||||
<span class="settings-toggle-title">🔄 Beim Start nach Updates suchen</span>
|
||||
<span class="settings-toggle-desc">Prüft kurz nach dem Start, ob eine neue Version bereitsteht.</span>
|
||||
</span>
|
||||
<span class="toggle-switch">
|
||||
<input type="checkbox" id="prefAutoUpdate" checked>
|
||||
<span class="toggle-track"></span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="input-group">
|
||||
<label for="prefCloseAction">Beim Schließen des Fensters</label>
|
||||
<select id="prefCloseAction">
|
||||
<option value="auto">Automatisch: in den Tray, wenn die App mit Windows startet</option>
|
||||
<option value="tray">Immer in den Tray (läuft im Hintergrund weiter)</option>
|
||||
<option value="quit">Immer beenden</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group input-group--wide">
|
||||
<label for="prefCloneDir">Standardordner zum Klonen</label>
|
||||
<div class="fx-row">
|
||||
<input id="prefCloneDir" type="text" placeholder="z. B. D:\Projekte">
|
||||
<button id="btnPrefCloneDir" class="settings-action-btn fx-browse-btn" type="button">📂 Wählen</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-inline-hint">Wird beim Klonen mehrerer Repos (Batch) als Ziel vorgeschlagen.</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-tabpanel hidden" data-settings-panel="backup" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--repobackup">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Repo-Backup</h3>
|
||||
<p>Alle Gitea-Repos automatisch in einen Ordner oder auf die NAS sichern.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="input-group input-group--wide">
|
||||
<label for="repoBackupTarget">Backup-Ziel (Ordner oder Netzwerkfreigabe)</label>
|
||||
<div class="fx-row">
|
||||
<input id="repoBackupTarget" type="text" placeholder="z. B. \\NAS\backup\gitea oder D:\Backups\gitea">
|
||||
<button id="btnRepoBackupBrowse" class="settings-action-btn fx-browse-btn" type="button">📂 Wählen</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="repoBackupInterval">Automatisch sichern</label>
|
||||
<select id="repoBackupInterval">
|
||||
<option value="off">Aus</option>
|
||||
<option value="daily">Täglich</option>
|
||||
<option value="weekly">Wöchentlich</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="repoBackupKeep">ZIP-Stände behalten</label>
|
||||
<input id="repoBackupKeep" type="number" min="1" max="100" value="5">
|
||||
</div>
|
||||
</div>
|
||||
<div class="fx-row">
|
||||
<div class="input-group">
|
||||
<label for="repoBackupTime">Frühestens um</label>
|
||||
<input id="repoBackupTime" type="time">
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label for="repoBackupNotify">Benachrichtigen</label>
|
||||
<select id="repoBackupNotify">
|
||||
<option value="errors">Nur bei Fehlern oder Abbruch</option>
|
||||
<option value="always">Nach jedem Backup</option>
|
||||
<option value="never">Nie</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group input-group--wide">
|
||||
<label for="repoBackupExclude">Diese Repos nicht sichern</label>
|
||||
<textarea id="repoBackupExclude" class="settings-textarea" rows="4" spellcheck="false" placeholder="Ein Muster pro Zeile, z. B. test-* M_Viper/alt-* *-archiv"></textarea>
|
||||
</div>
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnRepoBackupRun" class="settings-action-btn" type="button">▶️ Jetzt sichern</button>
|
||||
<button id="btnRepoBackupOpen" class="settings-action-btn" type="button">📂 Backup-Ordner öffnen</button>
|
||||
</div>
|
||||
<div id="repoBackupStatus" class="settings-inline-hint">Noch kein Backup gelaufen.</div>
|
||||
<div class="settings-inline-hint">Automatische Backups laufen, solange die App geöffnet ist (auch im Tray).</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--restore">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Wiederherstellen</h3>
|
||||
<p>Ein gesichertes Repo zurück auf Gitea spielen oder lokal entpacken.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnRepoRestore" class="settings-action-btn" type="button">↺ Backup wiederherstellen</button>
|
||||
</div>
|
||||
<div class="settings-inline-hint">Zeigt alle Sicherungen im Backup-Ziel. Git-Spiegel enthalten die volle Historie, ZIP-Stände nur den Standard-Branch.</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--backup">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Einstellungen sichern & übertragen</h3>
|
||||
<p>Einstellungen, Favoriten und Verlauf exportieren oder auf einem anderen PC importieren.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnExportSettingsBundle" class="settings-action-btn" type="button">📦 Backup exportieren</button>
|
||||
<button id="btnImportSettingsBundle" class="settings-action-btn" type="button">📥 Backup importieren</button>
|
||||
</div>
|
||||
<div class="settings-inline-hint">
|
||||
Export enthält Tokens nur verschlüsselt, nie als Klartext. Der Import ist für andere PCs geeignet.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="settings-tabpanel hidden" data-settings-panel="diagnose" role="tabpanel">
|
||||
<div class="settings-column">
|
||||
<section class="settings-panel settings-panel--diagnostics">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Diagnose</h3>
|
||||
<p>Diagnosepaket für die Fehlersuche erstellen oder die Verbindung zum Gitea-Server Schritt für Schritt prüfen.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-diagnostics-card">
|
||||
<button id="btnCreateDiagnostics" class="settings-action-btn" type="button">🧪 Diagnose erstellen</button>
|
||||
<button id="btnServerDiagnosis" class="settings-action-btn" type="button">🩺 Server-Diagnose starten</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--transport">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Schneller Git-Weg</h3>
|
||||
<p>Bricht der Server beim Git-Transport ab, nutzt die App 24 Stunden lang die langsamere API. Hier siehst du den Stand.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div id="gitTransportState" class="settings-inline-hint">Wird geprüft …</div>
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnGitTransportClear" class="settings-action-btn" type="button">🔓 Sperre aufheben</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="settings-panel settings-panel--folders">
|
||||
<div class="settings-panel-header">
|
||||
<div>
|
||||
<h3>Ordner</h3>
|
||||
<p>Wo die App ihre Daten und Protokolle ablegt.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="settings-backup-card">
|
||||
<div class="settings-tools-grid">
|
||||
<button id="btnOpenAppData" class="settings-action-btn" type="button">📂 App-Daten öffnen</button>
|
||||
<button id="btnOpenLogs" class="settings-action-btn" type="button">📄 Protokolle öffnen</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -585,5 +904,7 @@
|
||||
</div>
|
||||
|
||||
</div> <script src="renderer.js"></script>
|
||||
<script src="features.js"></script>
|
||||
<script src="settings-extra.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+420
-29
@@ -364,6 +364,35 @@ function loadRepos() {
|
||||
// Einmalig auf Modulebene definiert, damit die Funktion sofort ab Programmstart
|
||||
// verfügbar ist (früher versehentlich in loadRepoContents definiert -> beim
|
||||
// Klick vor dem ersten Repo-Laden "resetProjectGravurTitle is not a function").
|
||||
// Pfadanzeige "repo / ordner / unterordner". Jeder Teil ist klickbar und springt
|
||||
// direkt in diesen Ordner; der aktuelle Ordner (letzter Teil) ist nicht klickbar.
|
||||
function setProjectGravurTitle(repo, path, owner) {
|
||||
const gravurTitle = document.getElementById('project-gravur-title');
|
||||
if (!gravurTitle) return;
|
||||
gravurTitle.textContent = '';
|
||||
const parts = String(path || '').split('/').filter(Boolean);
|
||||
const addCrumb = (text, className, targetPath) => {
|
||||
const el = document.createElement('span');
|
||||
el.className = className;
|
||||
el.textContent = text;
|
||||
if (owner && targetPath !== null) {
|
||||
el.classList.add('gravur-link');
|
||||
el.title = targetPath ? `Zu "${targetPath}" springen` : `Zum Hauptordner von ${repo}`;
|
||||
el.onclick = () => loadRepoContents(owner, repo, targetPath);
|
||||
}
|
||||
gravurTitle.appendChild(el);
|
||||
};
|
||||
addCrumb(repo, 'gravur-repo', parts.length ? '' : null);
|
||||
parts.forEach((part, i) => {
|
||||
const sep = document.createElement('span');
|
||||
sep.className = 'gravur-sub';
|
||||
sep.textContent = ' / ';
|
||||
gravurTitle.appendChild(sep);
|
||||
const isLast = i === parts.length - 1;
|
||||
addCrumb(part, 'gravur-sub', isLast ? null : parts.slice(0, i + 1).join('/'));
|
||||
});
|
||||
}
|
||||
|
||||
window.resetProjectGravurTitle = function() {
|
||||
const gravurTitle = document.getElementById('project-gravur-title');
|
||||
if (gravurTitle) gravurTitle.textContent = '';
|
||||
@@ -388,6 +417,11 @@ async function loadGithubRepos(requestId = null) {
|
||||
const btnReleases = $('btnReleases');
|
||||
if (btnCommits) btnCommits.classList.add('hidden');
|
||||
if (btnReleases) btnReleases.classList.add('hidden');
|
||||
const btnCleanupIgnored = $('btnCleanupIgnored');
|
||||
if (btnCleanupIgnored) btnCleanupIgnored.classList.add('hidden');
|
||||
const btnGitignoreTemplate = $('btnGitignoreTemplate');
|
||||
if (btnGitignoreTemplate) btnGitignoreTemplate.classList.add('hidden');
|
||||
if (typeof window.updateFeatureButtons === 'function') window.updateFeatureButtons('list');
|
||||
|
||||
const grid = $('explorerGrid');
|
||||
if (grid) grid.style.gridTemplateColumns = '';
|
||||
@@ -860,16 +894,54 @@ async function uploadDroppedPaths({ paths, owner, repo, destPath = '', cloneUrl
|
||||
// viele Objekte gedroppt wurden. Das war die Ursache für die langen
|
||||
// Wartezeiten und Zeitüberschreitungen (vorher: ein kompletter Clone+Push
|
||||
// pro einzelner Datei bzw. pro Ordner).
|
||||
showProgress(15, `Bereite Upload von ${safePaths.length} Objekt(en) vor ...`);
|
||||
// Vorschau: welche Dateien gehen hoch, was sortiert die .gitignore aus, sind Geheimnisse dabei?
|
||||
let excludeFiles = [];
|
||||
if (typeof window.uploadPreviewGate === 'function') {
|
||||
const gate = await window.uploadPreviewGate({ paths: safePaths, destPath, repo });
|
||||
if (!gate.proceed) return { ok: false, cancelled: true, error: 'Upload abgebrochen' };
|
||||
excludeFiles = gate.excludeFiles || [];
|
||||
}
|
||||
|
||||
showProgress(15, `Bereite Upload von ${safePaths.length} Objekt(en) vor ...`, { cancellable: true });
|
||||
try {
|
||||
const res = await withTimeout(window.electronAPI.uploadPathsToGitea({
|
||||
let res = await withTimeout(window.electronAPI.uploadPathsToGitea({
|
||||
paths: safePaths,
|
||||
owner,
|
||||
repo,
|
||||
destPath,
|
||||
branch,
|
||||
excludeFiles,
|
||||
messagePrefix: 'Upload via GUI'
|
||||
}), 900000, 'upload-paths-to-gitea'); // 15 Min Sicherheits-Timeout
|
||||
|
||||
// Teilfehler: nur die fehlgeschlagenen Dateien erneut senden (höchstens 3 Wiederholungen).
|
||||
for (let attempt = 0; attempt < 3; attempt++) {
|
||||
const failedItems = !res?.ok && !res?.cancelled && Array.isArray(res?.retryItems) ? res.retryItems : [];
|
||||
if (failedItems.length === 0) break;
|
||||
showProgress(100, 'Upload teilweise fehlgeschlagen');
|
||||
const uploadedInfo = res.uploadedCount ? `${res.uploadedCount} Datei(en) wurden hochgeladen, ` : '';
|
||||
const again = await showActionConfirmModal({
|
||||
title: 'Upload teilweise fehlgeschlagen',
|
||||
message: `${uploadedInfo}${failedItems.length} Datei(en) nicht.\n\n${res.error || ''}\n\nNur die fehlgeschlagenen Dateien erneut senden?`,
|
||||
confirmText: 'Nur Fehlgeschlagene wiederholen',
|
||||
danger: true
|
||||
});
|
||||
if (!again) break;
|
||||
showProgress(15, `Wiederhole ${failedItems.length} Datei(en) ...`, { cancellable: true });
|
||||
res = await withTimeout(window.electronAPI.uploadPathsToGitea({
|
||||
items: failedItems,
|
||||
owner,
|
||||
repo,
|
||||
destPath,
|
||||
branch,
|
||||
messagePrefix: 'Upload via GUI (Wiederholung)'
|
||||
}), 900000, 'upload-paths-to-gitea');
|
||||
}
|
||||
|
||||
if (res?.cancelled) {
|
||||
hideProgress();
|
||||
return { ok: false, cancelled: true, error: 'Upload abgebrochen' };
|
||||
}
|
||||
showProgress(100, 'Upload abgeschlossen');
|
||||
console.log('[UPLOAD_DEBUG][renderer] uploadDroppedPaths:result', res);
|
||||
try { window.electronAPI.debugToMain('log', 'uploadDroppedPaths:result', { count: safePaths.length, ok: res?.ok, failedCount: res?.failedCount }); } catch (_) {}
|
||||
@@ -1378,6 +1450,9 @@ function openSettingsForFix(focusId = null) {
|
||||
if (!modal) return;
|
||||
modal.classList.remove('hidden');
|
||||
$('settingsWatermarkCard')?.classList.add('hidden');
|
||||
// Zugangsdaten liegen im Reiter "Allgemein"
|
||||
if (typeof window.showSettingsTab === 'function') window.showSettingsTab('general');
|
||||
if (window.gmPrefs) window.gmPrefs.takeSnapshot();
|
||||
renderSettingsHealth();
|
||||
requestAnimationFrame(() => {
|
||||
syncSettingsPanelHeights();
|
||||
@@ -2112,6 +2187,8 @@ function syncSettingsPanelHeights() {
|
||||
if (window.matchMedia('(max-width: 1120px)').matches) return;
|
||||
|
||||
if (credentialsPanel && healthPanel) {
|
||||
// Nur angleichen, wenn beide Karten nebeneinander stehen (im Bereich "Konten" stehen sie untereinander)
|
||||
if (Math.abs(credentialsPanel.getBoundingClientRect().top - healthPanel.getBoundingClientRect().top) > 4) return;
|
||||
const topRightTargetHeight = Math.ceil(credentialsPanel.getBoundingClientRect().height);
|
||||
if (topRightTargetHeight > 0) {
|
||||
healthPanel.style.minHeight = `${topRightTargetHeight}px`;
|
||||
@@ -2614,16 +2691,90 @@ function ensureProgressUI() {
|
||||
|
||||
barWrap.appendChild(bar);
|
||||
container.appendChild(barWrap);
|
||||
|
||||
// Abbrechen-Knopf: nur bei Uploads sichtbar (showProgress mit { cancellable: true }).
|
||||
const cancel = document.createElement('button');
|
||||
cancel.id = 'folderProgressCancel';
|
||||
cancel.textContent = CANCEL_LABEL;
|
||||
cancel.style.cssText = `
|
||||
display: none;
|
||||
margin-top: 10px;
|
||||
padding: 5px 14px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid rgba(255,255,255,0.25);
|
||||
background: transparent;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
`;
|
||||
cancel.addEventListener('click', async () => {
|
||||
cancel.disabled = true;
|
||||
cancel.textContent = 'Wird abgebrochen …';
|
||||
try { await window.electronAPI.cancelUpload(); } catch (_) {}
|
||||
});
|
||||
container.appendChild(cancel);
|
||||
|
||||
// Esc bricht die laufende Übertragung ab, solange kein Dialog offen ist.
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key !== 'Escape') return;
|
||||
if (container.style.display === 'none' || cancel.style.display === 'none' || cancel.disabled) return;
|
||||
if (document.querySelector('.modal:not(.hidden)')) return;
|
||||
cancel.click();
|
||||
});
|
||||
|
||||
document.body.appendChild(container);
|
||||
}
|
||||
|
||||
function showProgress(percent, text) {
|
||||
const CANCEL_LABEL = 'Abbrechen (Esc)';
|
||||
|
||||
function formatTransferBytes(bytes) {
|
||||
if (!(bytes > 0)) return '0 KB';
|
||||
if (bytes < 1024 * 1024) return `${Math.max(1, Math.round(bytes / 1024))} KB`;
|
||||
if (bytes < 1024 * 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1).replace('.', ',')} MB`;
|
||||
return `${(bytes / 1024 / 1024 / 1024).toFixed(2).replace('.', ',')} GB`;
|
||||
}
|
||||
|
||||
function formatRemaining(seconds) {
|
||||
const s = Math.round(seconds);
|
||||
if (s < 60) return `${Math.max(1, s)} Sek.`;
|
||||
const m = Math.floor(s / 60);
|
||||
if (m < 60) return `${m} Min. ${s % 60} Sek.`;
|
||||
return `${Math.floor(m / 60)} Std. ${m % 60} Min.`;
|
||||
}
|
||||
|
||||
// Text für den Fortschrittsbalken: Dateien, übertragene MB und geschätzte Restzeit.
|
||||
// Die Restzeit ist eine Hochrechnung und erscheint erst, wenn genug Daten vorliegen.
|
||||
let transferStartedAt = 0;
|
||||
let transferLabel = '';
|
||||
function describeTransferProgress(label, p) {
|
||||
if (!transferStartedAt || transferLabel !== label || !p.percent) {
|
||||
transferStartedAt = Date.now();
|
||||
transferLabel = label;
|
||||
}
|
||||
let text = `${label}: ${p.processed}/${p.total} Dateien`;
|
||||
if (p.totalBytes > 0) {
|
||||
text += ` · ${formatTransferBytes(p.totalBytes * p.percent / 100)} / ${formatTransferBytes(p.totalBytes)}`;
|
||||
}
|
||||
const elapsed = (Date.now() - transferStartedAt) / 1000;
|
||||
if (p.percent >= 5 && p.percent < 100 && elapsed >= 3) {
|
||||
text += ` · noch ca. ${formatRemaining(elapsed * (100 - p.percent) / p.percent)}`;
|
||||
}
|
||||
return text;
|
||||
}
|
||||
|
||||
function showProgress(percent, text, { cancellable = false } = {}) {
|
||||
ensureProgressUI();
|
||||
const container = $('folderProgressContainer');
|
||||
const bar = $('folderProgressBar');
|
||||
const txt = $('folderProgressText');
|
||||
const cancel = $('folderProgressCancel');
|
||||
if (txt) txt.innerText = text || '';
|
||||
if (bar) bar.style.width = `${Math.min(100, Math.max(0, percent))}%`;
|
||||
if (cancel) {
|
||||
cancel.style.display = cancellable ? 'inline-block' : 'none';
|
||||
// Ein neuer Upload startet wieder mit aktivem Knopf; bei laufendem Abbruch bleibt er gesperrt.
|
||||
if (!cancellable) { cancel.disabled = false; cancel.textContent = CANCEL_LABEL; }
|
||||
}
|
||||
if (container) container.style.display = 'block';
|
||||
}
|
||||
|
||||
@@ -2632,6 +2783,9 @@ function hideProgress() {
|
||||
if (container) {
|
||||
setTimeout(() => {
|
||||
container.style.display = 'none';
|
||||
// Knopf für den nächsten Vorgang zurücksetzen (nach einem Abbruch ist er gesperrt).
|
||||
const cancel = $('folderProgressCancel');
|
||||
if (cancel) { cancel.disabled = false; cancel.textContent = CANCEL_LABEL; cancel.style.display = 'none'; }
|
||||
}, 500);
|
||||
}
|
||||
}
|
||||
@@ -3473,7 +3627,12 @@ async function loadGiteaRepos(preloadedData = null, requestId = null) {
|
||||
const btnReleases = $('btnReleases');
|
||||
if (btnCommits) btnCommits.classList.add('hidden');
|
||||
if (btnReleases) btnReleases.classList.add('hidden');
|
||||
|
||||
const btnCleanupIgnored = $('btnCleanupIgnored');
|
||||
if (btnCleanupIgnored) btnCleanupIgnored.classList.add('hidden');
|
||||
const btnGitignoreTemplate = $('btnGitignoreTemplate');
|
||||
if (btnGitignoreTemplate) btnGitignoreTemplate.classList.add('hidden');
|
||||
if (typeof window.updateFeatureButtons === 'function') window.updateFeatureButtons('list');
|
||||
|
||||
// WICHTIG: Grid-Layout zurücksetzen
|
||||
const grid = $('explorerGrid');
|
||||
if (grid) {
|
||||
@@ -3879,7 +4038,9 @@ async function loadGiteaRepos(preloadedData = null, requestId = null) {
|
||||
branch: getDefaultBranch(owner, repoName)
|
||||
});
|
||||
console.log('[UPLOAD_DEBUG][renderer] repoCard:dropResult', res);
|
||||
if (!res.ok) {
|
||||
if (res.cancelled) {
|
||||
setStatus('Upload abgebrochen');
|
||||
} else if (!res.ok) {
|
||||
showError('Fehler: ' + (res.error || 'Upload fehlgeschlagen'));
|
||||
await showUploadFailureModal('Upload fehlgeschlagen', res, 'Upload fehlgeschlagen');
|
||||
setStatus('Upload fehlgeschlagen');
|
||||
@@ -3916,11 +4077,9 @@ async function loadGiteaRepos(preloadedData = null, requestId = null) {
|
||||
}
|
||||
|
||||
async function loadRepoContents(owner, repo, path) {
|
||||
// Projekttitel als Gravur unterhalb der Toolbar setzen (nur Repo-Name)
|
||||
const gravurTitle = document.getElementById('project-gravur-title');
|
||||
if (gravurTitle) {
|
||||
gravurTitle.textContent = repo;
|
||||
}
|
||||
// Projekttitel als Gravur unterhalb der Toolbar setzen: Repo-Name bleibt
|
||||
// sichtbar, ein geöffneter Unterordner wird als Pfad dahinter angezeigt.
|
||||
setProjectGravurTitle(repo, path, owner);
|
||||
currentState.view = 'gitea-repo';
|
||||
currentState.owner = owner;
|
||||
currentState.repo = repo;
|
||||
@@ -3940,6 +4099,20 @@ async function loadRepoContents(owner, repo, path) {
|
||||
btnReleases.onclick = () => loadRepoReleases(owner, repo);
|
||||
}
|
||||
|
||||
// Aufräumen nutzt die Gitea-API und ist daher nur dort verfügbar.
|
||||
const btnCleanupIgnored = $('btnCleanupIgnored');
|
||||
if (btnCleanupIgnored) {
|
||||
const isGitea = currentState.platform !== 'github';
|
||||
btnCleanupIgnored.classList.toggle('hidden', !isGitea);
|
||||
btnCleanupIgnored.onclick = () => cleanupGitignoredFiles(owner, repo, currentState.path || '');
|
||||
}
|
||||
const btnGitignoreTemplate = $('btnGitignoreTemplate');
|
||||
if (btnGitignoreTemplate) {
|
||||
btnGitignoreTemplate.classList.remove('hidden');
|
||||
btnGitignoreTemplate.onclick = () => createGitignoreForRepo(owner, repo);
|
||||
}
|
||||
if (typeof window.updateFeatureButtons === 'function') window.updateFeatureButtons('repo', owner, repo);
|
||||
|
||||
// WICHTIG: Grid-Layout zurücksetzen
|
||||
const grid = $('explorerGrid');
|
||||
if (grid) {
|
||||
@@ -4063,7 +4236,9 @@ async function loadRepoContents(owner, repo, path) {
|
||||
destPath: targetPath,
|
||||
branch: getDefaultBranch(owner, repo)
|
||||
});
|
||||
if (!res.ok) {
|
||||
if (res.cancelled) {
|
||||
setStatus('Upload abgebrochen');
|
||||
} else if (!res.ok) {
|
||||
showError('Upload error: ' + (res.error || 'Unbekannter Fehler'));
|
||||
await showUploadFailureModal('Upload fehlgeschlagen', res, 'Upload fehlgeschlagen');
|
||||
}
|
||||
@@ -4123,6 +4298,7 @@ async function selectLocalFolder() {
|
||||
setStatus('Local: ' + folder);
|
||||
currentState.view = 'local';
|
||||
updateNavigationUI();
|
||||
if (typeof window.updateFeatureButtons === 'function') window.updateFeatureButtons('local');
|
||||
|
||||
await refreshLocalTree(folder);
|
||||
await loadBranches(folder);
|
||||
@@ -4745,15 +4921,20 @@ function showRepoContextMenu(ev, owner, repoName, cloneUrl, element, isPrivate =
|
||||
try {
|
||||
const sel = await window.electronAPI.selectFolder();
|
||||
if (sel) {
|
||||
showProgress(0, 'Upload...');
|
||||
const res = await window.electronAPI.uploadLocalFolderToGitea({
|
||||
localFolder: sel,
|
||||
owner,
|
||||
repo: repoName,
|
||||
destPath: '',
|
||||
showProgress(0, 'Upload...', { cancellable: true });
|
||||
const res = await window.electronAPI.uploadLocalFolderToGitea({
|
||||
localFolder: sel,
|
||||
owner,
|
||||
repo: repoName,
|
||||
destPath: '',
|
||||
branch: getDefaultBranch(owner, repoName),
|
||||
messagePrefix: 'Upload folder via GUI'
|
||||
});
|
||||
if (res?.cancelled) {
|
||||
hideProgress();
|
||||
setStatus('Upload abgebrochen');
|
||||
return;
|
||||
}
|
||||
if (!res?.ok) {
|
||||
showError('Upload fehlgeschlagen: ' + (res?.error || 'Unbekannter Fehler'));
|
||||
await showUploadFailureModal('Upload fehlgeschlagen', res, 'Upload fehlgeschlagen');
|
||||
@@ -4915,10 +5096,11 @@ function showGiteaItemContextMenu(ev, item, owner, repo) {
|
||||
});
|
||||
} else {
|
||||
addItem('📥', 'Ordner herunterladen', async () => {
|
||||
showProgress(0, `Lade ${item.name}...`);
|
||||
showProgress(0, `Lade ${item.name}...`, { cancellable: true });
|
||||
const res = await window.electronAPI.downloadGiteaFolder({ owner, repo, path: item.path });
|
||||
hideProgress();
|
||||
setStatus(res.ok ? `Gespeichert: ${res.savedTo}` : 'Download fehlgeschlagen');
|
||||
if (res.cancelled) setStatus('Download abgebrochen');
|
||||
else setStatus(res.ok ? `Gespeichert: ${res.savedTo}` : 'Download fehlgeschlagen');
|
||||
});
|
||||
}
|
||||
|
||||
@@ -5340,6 +5522,193 @@ function showActionConfirmModal({ title, message, confirmText = 'Bestätigen', d
|
||||
});
|
||||
}
|
||||
|
||||
// Entfernt Dateien aus dem Repo, die laut .gitignore des passenden lokalen Ordners
|
||||
// nicht hineingehören (z. B. build/ oder .gradle/ aus früheren Uploads).
|
||||
// Auswahldialog für die .gitignore-Vorlagen; liefert die gewählten Schlüssel oder null.
|
||||
function pickGitignoreTemplates(templates) {
|
||||
return new Promise((resolve) => {
|
||||
const modal = document.createElement('div');
|
||||
modal.className = 'modal confirm-modal';
|
||||
modal.style.zIndex = '99999';
|
||||
const card = document.createElement('div');
|
||||
card.className = 'modalContent card confirm-modal-content';
|
||||
|
||||
const titleEl = document.createElement('h2');
|
||||
titleEl.className = 'confirm-modal-title';
|
||||
titleEl.textContent = '📄 .gitignore anlegen';
|
||||
|
||||
const msgEl = document.createElement('p');
|
||||
msgEl.className = 'confirm-modal-message';
|
||||
msgEl.textContent = 'Der allgemeine Teil (Betriebssystem, Editor, .env, Logs) ist immer dabei. Zusätzlich wählen:';
|
||||
|
||||
const list = document.createElement('div');
|
||||
list.style.cssText = 'display:flex;flex-direction:column;gap:6px;margin:10px 0 14px;';
|
||||
for (const t of templates) {
|
||||
const label = document.createElement('label');
|
||||
label.style.cssText = 'display:flex;align-items:center;gap:8px;cursor:pointer;';
|
||||
const box = document.createElement('input');
|
||||
box.type = 'checkbox';
|
||||
box.value = t.key;
|
||||
label.appendChild(box);
|
||||
label.appendChild(document.createTextNode(t.label));
|
||||
list.appendChild(label);
|
||||
}
|
||||
|
||||
const btnWrap = document.createElement('div');
|
||||
btnWrap.className = 'modal-buttons confirm-modal-buttons';
|
||||
const okBtn = document.createElement('button');
|
||||
okBtn.className = 'confirm-modal-btn confirm-modal-btn--primary';
|
||||
okBtn.textContent = 'Anlegen';
|
||||
const cancelBtn = document.createElement('button');
|
||||
cancelBtn.className = 'confirm-modal-btn confirm-modal-btn--secondary';
|
||||
cancelBtn.textContent = 'Abbrechen';
|
||||
btnWrap.appendChild(okBtn);
|
||||
btnWrap.appendChild(cancelBtn);
|
||||
|
||||
card.appendChild(titleEl);
|
||||
card.appendChild(msgEl);
|
||||
card.appendChild(list);
|
||||
card.appendChild(btnWrap);
|
||||
modal.appendChild(card);
|
||||
document.body.appendChild(modal);
|
||||
|
||||
const onKey = (e) => { if (e.key === 'Escape') close(null); };
|
||||
function close(value) {
|
||||
document.removeEventListener('keydown', onKey);
|
||||
modal.remove();
|
||||
resolve(value);
|
||||
}
|
||||
document.addEventListener('keydown', onKey);
|
||||
okBtn.onclick = () => close([...list.querySelectorAll('input:checked')].map(i => i.value));
|
||||
cancelBtn.onclick = () => close(null);
|
||||
});
|
||||
}
|
||||
|
||||
// Schreibt eine Standard-.gitignore aus den gewählten Vorlagen ins Repo.
|
||||
async function createGitignoreForRepo(owner, repo) {
|
||||
const tpl = await window.electronAPI.getGitignoreTemplates();
|
||||
const keys = await pickGitignoreTemplates((tpl && tpl.templates) || []);
|
||||
if (!keys) return;
|
||||
|
||||
const built = await window.electronAPI.buildGitignore({ keys });
|
||||
const ref = getDefaultBranch(owner, repo);
|
||||
const platform = currentState.platform;
|
||||
|
||||
const existing = await window.electronAPI.getGiteaFileContent({ owner, repo, path: '.gitignore', ref, platform });
|
||||
if (existing && existing.ok) {
|
||||
const overwrite = await showActionConfirmModal({
|
||||
title: '.gitignore existiert bereits',
|
||||
message: `In "${repo}" gibt es schon eine .gitignore. Sie wird ersetzt, der alte Stand bleibt in der Commit-Historie.`,
|
||||
confirmText: 'Ersetzen',
|
||||
danger: true
|
||||
});
|
||||
if (!overwrite) return;
|
||||
}
|
||||
|
||||
showProgress(30, '.gitignore wird geschrieben...');
|
||||
const res = await window.electronAPI.writeGiteaFile({
|
||||
owner, repo, path: '.gitignore', content: built.content, ref, platform
|
||||
});
|
||||
hideProgress();
|
||||
if (res && res.ok) {
|
||||
showSuccess('.gitignore angelegt');
|
||||
loadRepoContents(owner, repo, currentState.path);
|
||||
} else {
|
||||
showError('.gitignore konnte nicht angelegt werden: ' + (res?.error || 'Unbekannter Fehler'));
|
||||
}
|
||||
}
|
||||
|
||||
// Zeigt die zuletzt aufgezeichneten Uploads; der Bestätigen-Knopf leert den Verlauf.
|
||||
async function showUploadHistory() {
|
||||
const res = await window.electronAPI.getUploadHistory();
|
||||
const history = (res && res.history) || [];
|
||||
if (history.length === 0) {
|
||||
await showInfoModal('Upload-Verlauf', 'Noch keine Uploads aufgezeichnet.');
|
||||
return;
|
||||
}
|
||||
const icons = { ok: '✅', abgebrochen: '⏹️', fehler: '❌' };
|
||||
const lines = history.slice(0, 25).map((e) => {
|
||||
const when = new Date(e.at).toLocaleString('de-DE');
|
||||
const files = e.files != null ? `${e.files} Datei(en)` : '–';
|
||||
const failed = e.failed ? `, ${e.failed} fehlgeschlagen` : '';
|
||||
const took = e.durationMs ? ` · ${formatRemaining(e.durationMs / 1000)}` : '';
|
||||
const err = e.error ? `\n ${e.error}` : '';
|
||||
return `${icons[e.status] || '•'} ${when} · ${e.repo || '?'} · ${files}${failed} · ${e.kind}${took}${err}`;
|
||||
});
|
||||
if (history.length > 25) lines.push(`… und ${history.length - 25} ältere Einträge`);
|
||||
const clear = await showActionConfirmModal({
|
||||
title: 'Upload-Verlauf',
|
||||
message: lines.join('\n'),
|
||||
confirmText: 'Verlauf leeren'
|
||||
});
|
||||
if (clear) await window.electronAPI.clearUploadHistory();
|
||||
}
|
||||
|
||||
async function cleanupGitignoredFiles(owner, repo, repoPath) {
|
||||
const where = repoPath ? `${repo}/${repoPath}` : repo;
|
||||
const proceed = await showActionConfirmModal({
|
||||
title: 'Repo aufräumen',
|
||||
message: `Wähle im nächsten Schritt den lokalen Ordner, der zu "${where}" gehört. Dessen .gitignore entscheidet, welche Dateien im Repo nicht hingehören. Vor dem Löschen siehst du die Liste.`,
|
||||
confirmText: 'Ordner wählen'
|
||||
});
|
||||
if (!proceed) return;
|
||||
|
||||
const localFolder = await window.electronAPI.selectFolder();
|
||||
if (!localFolder) return;
|
||||
|
||||
showProgress(0, 'Suche Dateien, die laut .gitignore nicht ins Repo gehören...');
|
||||
const found = await window.electronAPI.findGitignoredInRepo({
|
||||
owner, repo, repoPath, localFolder, branch: getDefaultBranch(owner, repo)
|
||||
});
|
||||
hideProgress();
|
||||
if (!found || !found.ok) {
|
||||
await showInfoModal('Aufräumen fehlgeschlagen', found?.error || 'Unbekannter Fehler', true);
|
||||
return;
|
||||
}
|
||||
if (found.files.length === 0) {
|
||||
await showInfoModal('Nichts zu tun', `Alle ${found.scanned} Dateien in "${where}" sind laut .gitignore in Ordnung.`);
|
||||
return;
|
||||
}
|
||||
|
||||
// Übersicht nach oberster Ebene gruppieren, damit auch tausende Dateien lesbar bleiben.
|
||||
const groups = new Map();
|
||||
const prefixLen = repoPath ? repoPath.length + 1 : 0;
|
||||
for (const p of found.files) {
|
||||
const rel = p.slice(prefixLen);
|
||||
const top = rel.includes('/') ? rel.slice(0, rel.indexOf('/') + 1) : rel;
|
||||
groups.set(top, (groups.get(top) || 0) + 1);
|
||||
}
|
||||
const lines = [...groups.entries()]
|
||||
.sort((a, b) => b[1] - a[1])
|
||||
.slice(0, 12)
|
||||
.map(([name, count]) => `• ${name} (${count} Dateien)`);
|
||||
if (groups.size > 12) lines.push(`• … und ${groups.size - 12} weitere`);
|
||||
|
||||
const ok = await showActionConfirmModal({
|
||||
title: `${found.files.length} Dateien entfernen?`,
|
||||
message: `Diese Dateien liegen in "${where}", gehören laut .gitignore aber nicht ins Repo:\n\n${lines.join('\n')}\n\nSie werden nur auf dem Server gelöscht, lokal bleibt alles erhalten. Die Löschung ist über die Commit-Historie nachvollziehbar.`,
|
||||
confirmText: 'Entfernen',
|
||||
danger: true
|
||||
});
|
||||
if (!ok) return;
|
||||
|
||||
showProgress(0, `Entferne ${found.files.length} Dateien...`);
|
||||
const res = await window.electronAPI.deleteGiteaPaths({
|
||||
owner, repo, paths: found.files, branch: found.branch,
|
||||
message: 'Remove files ignored by .gitignore via Git Manager GUI'
|
||||
});
|
||||
hideProgress();
|
||||
if (res && res.ok) {
|
||||
showSuccess(`${res.deleted} Dateien in ${res.commits} Commits entfernt`);
|
||||
} else {
|
||||
const detail = res?.failed?.length
|
||||
? `${res.deleted} entfernt, ${res.failed.length} fehlgeschlagen:\n` + res.failed.slice(0, 5).map(f => `${f.path}: ${f.error}`).join('\n')
|
||||
: (res?.error || 'Unbekannter Fehler');
|
||||
await showInfoModal('Aufräumen unvollständig', detail, true);
|
||||
}
|
||||
loadRepoContents(owner, repo, currentState.path);
|
||||
}
|
||||
|
||||
function showInfoModal(title, message, danger = false) {
|
||||
return showActionConfirmModal({
|
||||
title,
|
||||
@@ -5503,7 +5872,7 @@ function setupBackgroundContextMenu() {
|
||||
);
|
||||
} else if (clipboard.item.isLocal) {
|
||||
addItem('📋', `⬆️ Von Lokal einfügen: "${clipboard.item.name}"`, async () => {
|
||||
showProgress(0, `Lade "${clipboard.item.name}" hoch...`);
|
||||
showProgress(0, `Lade "${clipboard.item.name}" hoch...`, { cancellable: true });
|
||||
try {
|
||||
const res = clipboard.item.isDirectory
|
||||
? await window.electronAPI.uploadLocalFolderToGitea({
|
||||
@@ -5521,6 +5890,7 @@ function setupBackgroundContextMenu() {
|
||||
destPath: currentPath,
|
||||
branch: getDefaultBranch(owner, repo)
|
||||
});
|
||||
if (res?.cancelled) { setStatus('Upload abgebrochen'); return; }
|
||||
if (!res?.ok) throw new Error(res?.error || 'Upload fehlgeschlagen');
|
||||
showSuccess(`"${clipboard.item.name}" nach Gitea kopiert`);
|
||||
loadRepoContents(owner, repo, currentState.path);
|
||||
@@ -5548,14 +5918,15 @@ function setupBackgroundContextMenu() {
|
||||
);
|
||||
} else if (clipboard.item.isGitea) {
|
||||
addItem('📋', `⬇️ Von Gitea einfügen: "${clipboard.item.name}"`, async () => {
|
||||
showProgress(0, `Lade "${clipboard.item.name}" herunter...`);
|
||||
showProgress(0, `Lade "${clipboard.item.name}" herunter...`, { cancellable: true });
|
||||
try {
|
||||
await window.electronAPI.downloadGiteaFolder({
|
||||
const dl = await window.electronAPI.downloadGiteaFolder({
|
||||
owner: clipboard.item.owner,
|
||||
repo: clipboard.item.repo,
|
||||
giteaPath: clipboard.item.path,
|
||||
localPath: selectedFolder
|
||||
});
|
||||
if (dl?.cancelled) { setStatus('Download abgebrochen'); return; }
|
||||
showSuccess(`"${clipboard.item.name}" nach Lokal kopiert`);
|
||||
refreshLocalTree(selectedFolder);
|
||||
} catch(e) { showError('Cross-Paste fehlgeschlagen'); }
|
||||
@@ -5636,7 +6007,9 @@ function setupGlobalDropZone() {
|
||||
destPath: targetPath,
|
||||
branch: getDefaultBranch(owner, repo)
|
||||
});
|
||||
if (!res.ok) {
|
||||
if (res.cancelled) {
|
||||
setStatus('Upload abgebrochen');
|
||||
} else if (!res.ok) {
|
||||
console.error('Upload error:', res.error);
|
||||
showError('Error: ' + (res.error || 'Upload failed'));
|
||||
}
|
||||
@@ -5876,6 +6249,10 @@ window.addEventListener('DOMContentLoaded', async () => {
|
||||
};
|
||||
}
|
||||
|
||||
if ($('btnUploadHistory')) {
|
||||
$('btnUploadHistory').onclick = () => { showUploadHistory(); };
|
||||
}
|
||||
|
||||
if ($('btnOpenActivityLog')) {
|
||||
$('btnOpenActivityLog').onclick = () => {
|
||||
$('activityLogModal')?.classList.remove('hidden');
|
||||
@@ -5979,14 +6356,18 @@ window.addEventListener('DOMContentLoaded', async () => {
|
||||
logActivity('info', `Batch gestartet: ${action} (${repos.length} Repos)`);
|
||||
|
||||
try {
|
||||
if (action === 'clone') showProgress(0, `Klone 0/${repos.length} Repos ...`, { cancellable: true });
|
||||
const res = await window.electronAPI.runBatchRepoAction({ action, repos, options });
|
||||
if (action === 'clone') hideProgress();
|
||||
if (!res.ok) {
|
||||
showError(res.error || 'Batch-Aktion fehlgeschlagen');
|
||||
return;
|
||||
}
|
||||
|
||||
const summary = res.summary || { total: repos.length, success: 0, failed: 0 };
|
||||
if (summary.failed > 0) {
|
||||
if (res.cancelled) {
|
||||
showWarning(`Batch abgebrochen: ${summary.success} von ${summary.total} Repos erledigt.`);
|
||||
} else if (summary.failed > 0) {
|
||||
showWarning(`Batch beendet: ${summary.success}/${summary.total} erfolgreich, ${summary.failed} fehlgeschlagen.`);
|
||||
} else {
|
||||
showSuccess(`Batch erfolgreich: ${summary.success}/${summary.total}`);
|
||||
@@ -6157,7 +6538,9 @@ window.addEventListener('DOMContentLoaded', async () => {
|
||||
}
|
||||
|
||||
if ($('btnCloseSettings')) {
|
||||
$('btnCloseSettings').onclick = () => {
|
||||
$('btnCloseSettings').onclick = async () => {
|
||||
// Bei ungespeicherten Änderungen erst nachfragen (settings-extra.js)
|
||||
if (typeof window.settingsCanClose === 'function' && !(await window.settingsCanClose())) return;
|
||||
$('settingsWatermarkCard')?.classList.add('hidden');
|
||||
$('settingsModal').classList.add('hidden');
|
||||
};
|
||||
@@ -6537,11 +6920,11 @@ window.addEventListener('DOMContentLoaded', async () => {
|
||||
|
||||
// Progress listeners
|
||||
window.electronAPI.onFolderUploadProgress(p => {
|
||||
showProgress(p.percent, `Upload: ${p.processed}/${p.total}`);
|
||||
showProgress(p.percent, describeTransferProgress('Upload', p), { cancellable: true });
|
||||
});
|
||||
|
||||
|
||||
window.electronAPI.onFolderDownloadProgress(p => {
|
||||
showProgress(p.percent, `Download: ${p.processed}/${p.total}`);
|
||||
showProgress(p.percent, describeTransferProgress('Download', p), { cancellable: true });
|
||||
});
|
||||
|
||||
if (window.electronAPI.onRetryQueueUpdated) {
|
||||
@@ -6566,6 +6949,9 @@ window.addEventListener('DOMContentLoaded', async () => {
|
||||
if (!payload) return;
|
||||
if (payload.status === 'running') {
|
||||
logActivity('info', `Batch ${payload.action}: ${payload.repo} (${payload.index}/${payload.total})`);
|
||||
if (payload.action === 'clone') {
|
||||
showProgress(Math.round(((payload.index - 1) / payload.total) * 100), `Klone ${payload.repo} (${payload.index}/${payload.total})`, { cancellable: true });
|
||||
}
|
||||
} else if (payload.status === 'error') {
|
||||
logActivity('error', `Batch ${payload.action}: ${payload.repo} - ${payload.error || 'Fehler'}`);
|
||||
}
|
||||
@@ -8215,7 +8601,12 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
|
||||
// 2. AUTOMATISCHER UPDATE-CHECK BEIM START
|
||||
// Etwas spaeter, damit initiales UI/Repo-Laden nicht ausgebremst wird.
|
||||
setTimeout(() => {
|
||||
// Lässt sich unter Einstellungen → System abschalten.
|
||||
setTimeout(async () => {
|
||||
try {
|
||||
const res = await window.electronAPI.prefsGet();
|
||||
if (res && res.ok && res.prefs.autoUpdateCheck === false) return;
|
||||
} catch (_) {}
|
||||
window.electronAPI.checkForUpdates({ silent: true });
|
||||
}, 12000);
|
||||
});
|
||||
@@ -0,0 +1,279 @@
|
||||
// renderer/settings-extra.js
|
||||
// Ergänzungen der Einstellungen: App-Einstellungen (Identität, Uploads, Design, System),
|
||||
// ein gemeinsames "Speichern" für alle Bereiche, Warnung bei ungespeicherten Änderungen,
|
||||
// mehrere Gitea-Server, Token anzeigen/entfernen und Diagnose-Hilfen.
|
||||
// Wird nach renderer.js und features.js geladen und nutzt deren globale Helfer.
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
let savedPrefs = null;
|
||||
|
||||
/* ---------- Design ---------- */
|
||||
const systemDark = window.matchMedia ? window.matchMedia('(prefers-color-scheme: dark)') : null;
|
||||
|
||||
function applyTheme(theme) {
|
||||
const effective = theme === 'system' ? (systemDark && !systemDark.matches ? 'light' : 'dark') : theme;
|
||||
document.documentElement.dataset.theme = effective === 'light' ? 'light' : 'dark';
|
||||
}
|
||||
if (systemDark) {
|
||||
systemDark.addEventListener('change', () => { if (savedPrefs && savedPrefs.theme === 'system') applyTheme('system'); });
|
||||
}
|
||||
|
||||
/* ---------- Laden ---------- */
|
||||
async function loadPrefs() {
|
||||
const res = await window.electronAPI.prefsGet();
|
||||
if (!res || !res.ok) return null;
|
||||
savedPrefs = res.prefs;
|
||||
applyTheme(savedPrefs.theme);
|
||||
return savedPrefs;
|
||||
}
|
||||
|
||||
function fillPrefFields(p) {
|
||||
if (!p) return;
|
||||
const set = (id, v) => { const el = $(id); if (!el) return; if (el.type === 'checkbox') el.checked = !!v; else el.value = v; };
|
||||
set('prefGitName', p.gitName);
|
||||
set('prefGitEmail', p.gitEmail);
|
||||
set('prefTheme', p.theme);
|
||||
set('prefZoom', String(p.zoom));
|
||||
if ($('prefZoom') && !$('prefZoom').value) $('prefZoom').value = '100';
|
||||
set('prefAutoUpdate', p.autoUpdateCheck);
|
||||
set('prefCloseAction', p.closeAction);
|
||||
set('prefCloneDir', p.defaultCloneDir);
|
||||
set('prefSecretScan', p.uploadSecretScan);
|
||||
set('prefUploadPreview', p.uploadPreview);
|
||||
set('prefUploadExcludes', p.uploadExtraExcludes);
|
||||
}
|
||||
|
||||
function collectPrefs() {
|
||||
const val = (id) => ($(id) ? $(id).value : undefined);
|
||||
const chk = (id) => ($(id) ? $(id).checked : undefined);
|
||||
return {
|
||||
gitName: val('prefGitName'),
|
||||
gitEmail: val('prefGitEmail'),
|
||||
theme: val('prefTheme'),
|
||||
zoom: Number(val('prefZoom')),
|
||||
autoUpdateCheck: chk('prefAutoUpdate'),
|
||||
closeAction: val('prefCloseAction'),
|
||||
defaultCloneDir: val('prefCloneDir'),
|
||||
uploadSecretScan: chk('prefSecretScan'),
|
||||
uploadPreview: val('prefUploadPreview'),
|
||||
uploadExtraExcludes: val('prefUploadExcludes')
|
||||
};
|
||||
}
|
||||
|
||||
/* ---------- Ungespeicherte Änderungen ---------- */
|
||||
let snapshot = null;
|
||||
|
||||
function readFormState() {
|
||||
const state = {};
|
||||
document.querySelectorAll('#settingsModal input, #settingsModal select, #settingsModal textarea').forEach(el => {
|
||||
if (!el.id || el.type === 'file') return;
|
||||
state[el.id] = el.type === 'checkbox' ? el.checked : el.value;
|
||||
});
|
||||
return JSON.stringify(state);
|
||||
}
|
||||
|
||||
async function takeSnapshot() {
|
||||
// Erst nachdem alle Felder befüllt sind (Zugangsdaten, App-Einstellungen, Backup)
|
||||
fillPrefFields(await loadPrefs());
|
||||
if (window.gmBackupSettings) await window.gmBackupSettings.load();
|
||||
await loadProfiles();
|
||||
await refreshTransportState();
|
||||
snapshot = readFormState();
|
||||
}
|
||||
|
||||
// Wird vom "Abbrechen"-Knopf in renderer.js gefragt
|
||||
window.settingsCanClose = async function () {
|
||||
if (!snapshot || readFormState() === snapshot) return true;
|
||||
const discard = await showActionConfirmModal({
|
||||
title: 'Ungespeicherte Änderungen',
|
||||
message: 'Du hast Einstellungen geändert, aber nicht gespeichert. Änderungen verwerfen?',
|
||||
confirmText: 'Verwerfen',
|
||||
danger: true
|
||||
});
|
||||
if (discard && savedPrefs) applyTheme(savedPrefs.theme); // Vorschau zurücknehmen
|
||||
return discard;
|
||||
};
|
||||
|
||||
/* ---------- Gemeinsames Speichern ---------- */
|
||||
async function saveExtras() {
|
||||
const problems = [];
|
||||
const res = await window.electronAPI.prefsSet(collectPrefs());
|
||||
if (res && res.prefs) { savedPrefs = res.prefs; applyTheme(savedPrefs.theme); fillPrefFields(savedPrefs); }
|
||||
if (!res || !res.ok) problems.push(res && res.error ? res.error : 'App-Einstellungen nicht gespeichert');
|
||||
if (window.gmBackupSettings) {
|
||||
const b = await window.gmBackupSettings.save(true);
|
||||
if (!b || !b.ok) problems.push('Backup-Einstellung nicht gespeichert' + (b && b.error ? ': ' + b.error : ''));
|
||||
}
|
||||
snapshot = null;
|
||||
if (problems.length) showWarning(problems.join(' · '));
|
||||
}
|
||||
|
||||
/* ---------- Mehrere Gitea-Server ---------- */
|
||||
async function loadProfiles() {
|
||||
const sel = $('giteaProfileSelect');
|
||||
if (!sel) return;
|
||||
const creds = (await window.electronAPI.loadCredentials()) || {};
|
||||
const profiles = Array.isArray(creds.giteaProfiles) ? creds.giteaProfiles : [];
|
||||
sel.textContent = '';
|
||||
if (!profiles.length) {
|
||||
sel.append(new Option('Noch keine Profile gespeichert', ''));
|
||||
sel.disabled = true;
|
||||
} else {
|
||||
sel.disabled = false;
|
||||
for (const p of profiles) {
|
||||
const active = p.url === creds.giteaURL && p.token === creds.giteaToken;
|
||||
sel.append(new Option(`${p.name} – ${p.url}${active ? ' (aktiv)' : ''}`, p.name));
|
||||
}
|
||||
}
|
||||
$('btnGiteaProfileUse').disabled = $('btnGiteaProfileDelete').disabled = !profiles.length;
|
||||
}
|
||||
|
||||
async function saveProfile() {
|
||||
const name = $('giteaProfileName').value.trim();
|
||||
const url = $('giteaURL').value.trim();
|
||||
const token = $('giteaToken').value.trim();
|
||||
if (!name) { showWarning('Bitte einen Namen für das Profil eingeben.'); $('giteaProfileName').focus(); return; }
|
||||
if (!url || !token) { showWarning('Bitte zuerst Gitea-URL und Token unter „Zugangsdaten“ eintragen.'); return; }
|
||||
const creds = (await window.electronAPI.loadCredentials()) || {};
|
||||
const profiles = (Array.isArray(creds.giteaProfiles) ? creds.giteaProfiles : []).filter(p => p.name !== name);
|
||||
profiles.push({ name, url, token });
|
||||
profiles.sort((a, b) => a.name.localeCompare(b.name, 'de'));
|
||||
await window.electronAPI.saveCredentials({ ...creds, giteaProfiles: profiles });
|
||||
$('giteaProfileName').value = '';
|
||||
await loadProfiles();
|
||||
snapshot = readFormState();
|
||||
showSuccess(`Profil „${name}“ gespeichert`);
|
||||
}
|
||||
|
||||
async function useProfile() {
|
||||
const name = $('giteaProfileSelect').value;
|
||||
const creds = (await window.electronAPI.loadCredentials()) || {};
|
||||
const p = (creds.giteaProfiles || []).find(x => x.name === name);
|
||||
if (!p) return;
|
||||
$('giteaURL').value = p.url;
|
||||
$('giteaToken').value = p.token;
|
||||
// Wie ein normales "Speichern": übernimmt den Server und lädt danach die Repos neu
|
||||
$('btnSaveSettings').click();
|
||||
setTimeout(() => { if (typeof loadRepos === 'function') loadRepos(); }, 600);
|
||||
showInfo(`Wechsle zu „${p.name}“ …`);
|
||||
}
|
||||
|
||||
async function deleteProfile() {
|
||||
const name = $('giteaProfileSelect').value;
|
||||
if (!name) return;
|
||||
const ok = await showActionConfirmModal({
|
||||
title: 'Profil entfernen',
|
||||
message: `Das gespeicherte Profil „${name}“ wird entfernt. Der aktuell eingetragene Server bleibt unverändert.`,
|
||||
confirmText: 'Entfernen',
|
||||
danger: true
|
||||
});
|
||||
if (!ok) return;
|
||||
const creds = (await window.electronAPI.loadCredentials()) || {};
|
||||
await window.electronAPI.saveCredentials({ ...creds, giteaProfiles: (creds.giteaProfiles || []).filter(p => p.name !== name) });
|
||||
await loadProfiles();
|
||||
snapshot = readFormState();
|
||||
}
|
||||
|
||||
/* ---------- Token anzeigen / entfernen ---------- */
|
||||
function addTokenTools(inputId) {
|
||||
const input = $(inputId);
|
||||
if (!input || input.dataset.tools) return;
|
||||
input.dataset.tools = '1';
|
||||
const wrap = document.createElement('div');
|
||||
wrap.className = 'token-field';
|
||||
input.parentNode.insertBefore(wrap, input);
|
||||
wrap.appendChild(input);
|
||||
const eye = document.createElement('button');
|
||||
eye.type = 'button';
|
||||
eye.className = 'token-tool';
|
||||
eye.title = 'Token anzeigen';
|
||||
eye.textContent = '👁';
|
||||
eye.onclick = () => {
|
||||
const show = input.type === 'password';
|
||||
input.type = show ? 'text' : 'password';
|
||||
eye.title = show ? 'Token verbergen' : 'Token anzeigen';
|
||||
eye.classList.toggle('is-on', show);
|
||||
};
|
||||
const clear = document.createElement('button');
|
||||
clear.type = 'button';
|
||||
clear.className = 'token-tool';
|
||||
clear.title = 'Token entfernen (wirksam nach „Speichern“)';
|
||||
clear.textContent = '✕';
|
||||
clear.onclick = () => { input.value = ''; input.focus(); };
|
||||
wrap.append(eye, clear);
|
||||
}
|
||||
|
||||
/* ---------- Diagnose ---------- */
|
||||
async function refreshTransportState() {
|
||||
const el = $('gitTransportState');
|
||||
const btn = $('btnGitTransportClear');
|
||||
if (!el) return;
|
||||
const res = await window.electronAPI.gitTransportState();
|
||||
const blocked = (res && res.blocked) || [];
|
||||
if (!blocked.length) {
|
||||
el.textContent = '✅ Nicht gesperrt: Uploads, Löschen und Backup nutzen den schnellen Git-Weg, sobald der Server ihn anbietet.';
|
||||
if (btn) btn.disabled = true;
|
||||
return;
|
||||
}
|
||||
el.textContent = blocked.map(b => `⛔ ${b.host} gesperrt seit ${new Date(b.since).toLocaleString('de-DE')} – die App nutzt dort die langsamere API.`).join('\n');
|
||||
if (btn) { btn.disabled = false; btn.dataset.host = blocked[0].host; }
|
||||
}
|
||||
|
||||
async function openFolder(which) {
|
||||
const r = await window.electronAPI.openKnownFolder(which);
|
||||
if (!r || !r.ok) showWarning((r && r.error) || 'Ordner konnte nicht geöffnet werden');
|
||||
}
|
||||
|
||||
/* ---------- Verdrahtung ---------- */
|
||||
function wire() {
|
||||
addTokenTools('githubToken');
|
||||
addTokenTools('giteaToken');
|
||||
|
||||
const on = (id, fn) => { const el = $(id); if (el) el.addEventListener('click', fn); };
|
||||
on('btnGiteaProfileSave', saveProfile);
|
||||
on('btnGiteaProfileUse', useProfile);
|
||||
on('btnGiteaProfileDelete', deleteProfile);
|
||||
on('btnPrefCloneDir', async () => { const d = await window.electronAPI.selectFolder(); if (d) $('prefCloneDir').value = d; });
|
||||
on('btnRepoBackupOpen', () => openFolder('backup'));
|
||||
on('btnOpenAppData', () => openFolder('appData'));
|
||||
on('btnOpenLogs', () => openFolder('logs'));
|
||||
on('btnGitTransportClear', async (e) => {
|
||||
const r = await window.electronAPI.gitTransportClear(e.currentTarget.dataset.host || '');
|
||||
if (r && r.ok) showSuccess('Sperre aufgehoben. Der nächste Upload probiert wieder den schnellen Git-Weg.');
|
||||
refreshTransportState();
|
||||
});
|
||||
|
||||
// Design als Vorschau sofort zeigen; "Abbrechen" nimmt sie zurück
|
||||
const theme = $('prefTheme');
|
||||
if (theme) theme.addEventListener('change', () => applyTheme(theme.value));
|
||||
|
||||
// Gemeinsames Speichern: läuft zusätzlich zum bisherigen Speichern der Zugangsdaten
|
||||
on('btnSaveSettings', () => { saveExtras(); });
|
||||
|
||||
// Beim Öffnen der Einstellungen Stand merken (für die Warnung beim Abbrechen)
|
||||
on('btnSettings', () => setTimeout(takeSnapshot, 80));
|
||||
|
||||
// Standardordner beim Klonen mehrerer Repos vorschlagen
|
||||
on('btnBatchActions', () => setTimeout(() => {
|
||||
const field = $('batchCloneTarget');
|
||||
if (field && !field.value && savedPrefs && savedPrefs.defaultCloneDir) field.value = savedPrefs.defaultCloneDir;
|
||||
}, 50));
|
||||
|
||||
// Diagnose-Bereich: Sperrstatus aktualisieren, wenn er geöffnet wird
|
||||
const diagTab = document.querySelector('#settingsModal [data-settings-tab="diagnose"]');
|
||||
if (diagTab) diagTab.addEventListener('click', refreshTransportState);
|
||||
}
|
||||
|
||||
// Gemeinsamer Zugriff für features.js / renderer.js
|
||||
window.gmPrefs = {
|
||||
get: () => savedPrefs,
|
||||
load: loadPrefs,
|
||||
takeSnapshot
|
||||
};
|
||||
|
||||
loadPrefs().catch(() => {});
|
||||
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', wire);
|
||||
else wire();
|
||||
})();
|
||||
+519
-1
@@ -21,6 +21,13 @@
|
||||
transition: color 0.2s;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.project-gravur-title .gravur-repo {
|
||||
color: rgba(174, 189, 216, 0.45);
|
||||
font-weight: 600;
|
||||
}
|
||||
.project-gravur-title .gravur-sub {
|
||||
color: rgba(174, 189, 216, 0.22);
|
||||
}
|
||||
.project-gravur-separator {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
@@ -2437,6 +2444,10 @@ input[type="checkbox"] {
|
||||
margin: 10px 0 0;
|
||||
color: var(--text-secondary);
|
||||
line-height: 1.5;
|
||||
white-space: pre-line;
|
||||
overflow-wrap: anywhere;
|
||||
max-height: 60vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.confirm-modal-buttons {
|
||||
margin-top: 18px;
|
||||
@@ -3949,4 +3960,511 @@ body.compact-mode .file-type-badge {
|
||||
|
||||
.fav-chip[draggable="true"] {
|
||||
cursor: grab;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== Klickbarer Projektpfad ===== */
|
||||
.project-gravur-title .gravur-link {
|
||||
pointer-events: auto;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
.project-gravur-title .gravur-link:hover {
|
||||
color: var(--accent-primary);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ===== Neue Dialoge (features.js) ===== */
|
||||
.fx-modal { z-index: 99990; }
|
||||
.fx-card {
|
||||
width: min(560px, calc(100vw - 32px));
|
||||
max-height: calc(100vh - 48px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-md);
|
||||
}
|
||||
.fx-card--wide { width: min(1000px, calc(100vw - 32px)); }
|
||||
.fx-header { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-md); }
|
||||
.fx-title { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
|
||||
.fx-close {
|
||||
background: transparent; border: 1px solid var(--outline); color: var(--text-secondary);
|
||||
border-radius: var(--radius-sm); width: 32px; height: 32px; cursor: pointer; flex-shrink: 0;
|
||||
}
|
||||
.fx-close:hover { color: var(--text-primary); border-color: var(--outline-strong); }
|
||||
.fx-body { overflow-y: auto; display: flex; flex-direction: column; gap: var(--spacing-md); min-height: 0; flex: 1; }
|
||||
.fx-body h3 { margin: var(--spacing-sm) 0 0; font-size: 14px; color: var(--text-secondary); }
|
||||
.fx-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--spacing-sm); }
|
||||
.fx-lead { color: var(--text-primary); margin: 0; }
|
||||
.fx-muted { color: var(--text-muted); font-size: 12px; }
|
||||
.fx-mono { font-family: Consolas, "Courier New", monospace; font-size: 12.5px; overflow-wrap: anywhere; }
|
||||
.fx-text { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-secondary); line-height: 1.5; }
|
||||
.fx-empty, .fx-busy { color: var(--text-muted); padding: var(--spacing-xl); text-align: center; }
|
||||
.fx-btn {
|
||||
min-height: 36px; padding: 0 14px; border-radius: var(--radius-sm); cursor: pointer;
|
||||
border: 1px solid var(--outline); background: var(--bg-tertiary); color: var(--text-primary);
|
||||
}
|
||||
.fx-btn:hover:not(:disabled) { border-color: var(--outline-strong); background: var(--surface-hover); }
|
||||
.fx-btn:disabled { opacity: 0.5; cursor: default; }
|
||||
.fx-btn--primary { background: var(--accent-gradient); color: #04101f; border-color: transparent; font-weight: 600; }
|
||||
.fx-btn--primary:hover:not(:disabled) { background: var(--accent-gradient); filter: brightness(1.08); }
|
||||
.fx-btn--danger { border-color: rgba(239, 68, 68, 0.5); color: #fca5a5; }
|
||||
.fx-input {
|
||||
width: 100%; box-sizing: border-box; padding: 9px 12px; border-radius: var(--radius-sm);
|
||||
border: 1px solid var(--outline); background: var(--bg-tertiary); color: var(--text-primary);
|
||||
}
|
||||
.fx-footer .fx-input { flex: 1 1 260px; width: auto; }
|
||||
.fx-select { width: auto; }
|
||||
.fx-textarea { min-height: 80px; resize: vertical; font-family: inherit; }
|
||||
.fx-textarea--tall { min-height: 200px; }
|
||||
.fx-row { display: flex; gap: var(--spacing-sm); align-items: flex-end; flex-wrap: wrap; }
|
||||
.fx-row > .input-group, .fx-row > input { flex: 1 1 160px; }
|
||||
.fx-row-end { display: flex; justify-content: flex-end; }
|
||||
.fx-inline-check { display: inline-flex; align-items: center; gap: 6px; color: var(--text-secondary); font-size: 13px; }
|
||||
.fx-alert { border-radius: var(--radius-md); padding: var(--spacing-md); display: flex; flex-direction: column; gap: var(--spacing-sm); }
|
||||
.fx-alert--warn { background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.4); color: #fcd34d; }
|
||||
.fx-alert--danger { background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.45); color: #fca5a5; }
|
||||
.fx-alert .fx-list { background: rgba(0, 0, 0, 0.18); }
|
||||
.fx-section summary { cursor: pointer; color: var(--text-secondary); }
|
||||
.fx-list {
|
||||
display: flex; flex-direction: column; border: 1px solid var(--outline);
|
||||
border-radius: var(--radius-md); overflow: auto; max-height: 260px;
|
||||
}
|
||||
.fx-list--compact { max-height: 200px; }
|
||||
.fx-list--cards { border: none; max-height: none; gap: var(--spacing-sm); overflow: visible; }
|
||||
.fx-list-row {
|
||||
display: flex; align-items: center; gap: var(--spacing-sm); padding: 6px 10px;
|
||||
border-bottom: 1px solid var(--outline); color: var(--text-secondary); min-width: 0;
|
||||
}
|
||||
.fx-list-row:last-child { border-bottom: none; }
|
||||
.fx-list-row > .fx-mono { flex: 1; min-width: 0; }
|
||||
.fx-list-row--check { cursor: pointer; }
|
||||
.fx-list-row.is-active { background: var(--surface-hover); }
|
||||
.fx-list-head { font-weight: 600; color: var(--text-primary); }
|
||||
.fx-linkish { background: none; border: none; color: var(--text-primary); text-align: left; cursor: pointer; padding: 0; flex: 1; min-width: 0; }
|
||||
.fx-linkish:hover { color: var(--accent-primary); }
|
||||
.fx-icon-btn { background: none; border: 1px solid transparent; color: var(--text-muted); cursor: pointer; border-radius: 6px; padding: 2px 6px; }
|
||||
.fx-icon-btn:hover { border-color: var(--outline-strong); color: var(--text-primary); }
|
||||
.fx-badge { font-size: 11px; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--outline); color: var(--text-secondary); white-space: nowrap; }
|
||||
.fx-badge--new, .fx-badge--A { border-color: rgba(34, 197, 94, 0.5); color: #86efac; }
|
||||
.fx-badge--D { border-color: rgba(239, 68, 68, 0.5); color: #fca5a5; }
|
||||
.fx-badge--M, .fx-badge--R { border-color: rgba(88, 213, 255, 0.45); color: var(--accent-primary); }
|
||||
.fx-badge--U { border-color: rgba(245, 158, 11, 0.5); color: #fcd34d; }
|
||||
.fx-split { display: grid; grid-template-columns: minmax(240px, 2fr) 3fr; gap: var(--spacing-md); min-height: 320px; }
|
||||
.fx-pane { border: 1px solid var(--outline); border-radius: var(--radius-md); overflow: auto; max-height: 52vh; margin: 0; }
|
||||
.fx-diff { padding: var(--spacing-md); font-family: Consolas, "Courier New", monospace; font-size: 12px; white-space: pre; color: var(--text-secondary); background: rgba(0, 0, 0, 0.2); }
|
||||
.fx-diff-add { color: #86efac; background: rgba(34, 197, 94, 0.08); }
|
||||
.fx-diff-del { color: #fca5a5; background: rgba(239, 68, 68, 0.08); }
|
||||
.fx-diff-hunk { color: var(--accent-primary); }
|
||||
.fx-tabs { display: flex; gap: var(--spacing-xs); }
|
||||
.fx-tab { padding: 6px 14px; border-radius: 999px; border: 1px solid var(--outline); background: transparent; color: var(--text-secondary); cursor: pointer; }
|
||||
.fx-tab.is-active { background: var(--surface-hover); color: var(--text-primary); border-color: var(--outline-strong); }
|
||||
.fx-item {
|
||||
display: flex; flex-direction: column; gap: 4px; text-align: left; cursor: pointer; width: 100%;
|
||||
padding: var(--spacing-md); border-radius: var(--radius-md); border: 1px solid var(--outline);
|
||||
background: var(--panel-soft); color: var(--text-primary);
|
||||
}
|
||||
.fx-item:hover { border-color: var(--outline-strong); background: var(--surface-hover); }
|
||||
.fx-item-title { font-weight: 600; overflow-wrap: anywhere; }
|
||||
.fx-labels { display: flex; flex-wrap: wrap; gap: 4px; }
|
||||
.fx-label { font-size: 11px; padding: 1px 8px; border-radius: 999px; border: 1px solid var(--outline-strong); color: var(--text-secondary); }
|
||||
.fx-comments { display: flex; flex-direction: column; gap: var(--spacing-sm); }
|
||||
.fx-comment { border-left: 2px solid var(--outline-strong); padding: 4px 0 4px var(--spacing-md); }
|
||||
.fx-check { border: 1px solid var(--outline); border-radius: var(--radius-md); padding: var(--spacing-md); display: flex; flex-direction: column; gap: 6px; }
|
||||
.fx-check--fail { border-color: rgba(239, 68, 68, 0.45); background: rgba(239, 68, 68, 0.06); }
|
||||
.fx-check--warn { border-color: rgba(245, 158, 11, 0.4); background: rgba(245, 158, 11, 0.05); }
|
||||
.fx-check-head { display: flex; align-items: center; gap: var(--spacing-sm); }
|
||||
.fx-hint {
|
||||
margin: 0; padding: var(--spacing-sm) var(--spacing-md); border-radius: var(--radius-sm);
|
||||
background: rgba(0, 0, 0, 0.25); color: var(--text-secondary); white-space: pre-wrap;
|
||||
font-family: Consolas, "Courier New", monospace; font-size: 12px; user-select: text;
|
||||
}
|
||||
#repoBackupStatus { white-space: pre-line; }
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.fx-split { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
/* ===== Reiter in den Einstellungen ===== */
|
||||
.settings-tabs {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
margin: 0 0 14px;
|
||||
padding: 4px;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
border: 1px solid var(--outline);
|
||||
border-radius: 999px;
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
.settings-tab {
|
||||
padding: 7px 18px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 999px;
|
||||
background: transparent;
|
||||
color: var(--text-secondary);
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background var(--transition-fast), color var(--transition-fast);
|
||||
}
|
||||
.settings-tab:hover { color: var(--text-primary); }
|
||||
.settings-tab.is-active {
|
||||
background: var(--surface-hover);
|
||||
border-color: var(--outline-strong);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.settings-tab:focus-visible { outline: 2px solid var(--accent-primary); outline-offset: 2px; }
|
||||
.settings-layout--backup { grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr); }
|
||||
@media (max-width: 1120px) {
|
||||
.settings-layout--backup { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
.fx-browse-btn { flex: 0 0 auto; min-height: 44px; white-space: nowrap; }
|
||||
.fx-row > input#repoBackupTarget { min-width: 0; }
|
||||
|
||||
.fx-indent { padding-left: 28px; }
|
||||
.fx-restore-status:empty { display: none; }
|
||||
.fx-restore-status { display: flex; flex-direction: column; gap: var(--spacing-sm); }
|
||||
|
||||
/* Radio und Checkbox in den neuen Dialogen nicht wie Textfelder strecken */
|
||||
.fx-modal input[type="radio"],
|
||||
.fx-modal input[type="checkbox"] {
|
||||
width: auto;
|
||||
min-width: 0;
|
||||
height: auto;
|
||||
flex: 0 0 auto;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
accent-color: var(--accent-primary);
|
||||
}
|
||||
.fx-modal .fx-list-row--check > span:not(.fx-badge):not(.fx-muted) { flex: 1; min-width: 0; }
|
||||
|
||||
/* ===== Einstellungen: Navigation links, ein Bereich rechts ===== */
|
||||
.settings-shell {
|
||||
display: grid;
|
||||
grid-template-columns: 220px minmax(0, 1fr);
|
||||
gap: 16px;
|
||||
align-items: start;
|
||||
}
|
||||
.settings-nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
padding: 6px;
|
||||
border: 1px solid var(--outline);
|
||||
border-radius: var(--radius-lg);
|
||||
background: var(--panel-soft);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
.settings-nav .settings-tab {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
width: 100%;
|
||||
padding: 10px 12px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: var(--radius-md);
|
||||
background: transparent;
|
||||
color: var(--text-secondary);
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
|
||||
}
|
||||
.settings-nav .settings-tab:hover {
|
||||
background: var(--surface);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
.settings-nav .settings-tab.is-active {
|
||||
background: var(--surface-hover);
|
||||
border-color: var(--outline-strong);
|
||||
color: var(--text-primary);
|
||||
box-shadow: inset 3px 0 0 var(--accent-primary);
|
||||
}
|
||||
.settings-tab-icon {
|
||||
font-size: 18px;
|
||||
width: 24px;
|
||||
text-align: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.settings-tab-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
}
|
||||
.settings-tab-text strong {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.settings-tab-text small {
|
||||
font-size: 11.5px;
|
||||
color: var(--text-muted);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.settings-nav .settings-tab.is-active .settings-tab-text small { color: var(--text-secondary); }
|
||||
/* Feste Höhe: Beim Wechsel der Bereiche springt das Fenster nicht */
|
||||
.settings-pages {
|
||||
height: min(60vh, 580px);
|
||||
overflow-y: auto;
|
||||
padding-right: 4px;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
.settings-pages .settings-column {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
max-width: 820px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.settings-shell { grid-template-columns: 1fr; }
|
||||
.settings-nav {
|
||||
flex-direction: row;
|
||||
overflow-x: auto;
|
||||
position: static;
|
||||
}
|
||||
.settings-nav .settings-tab { width: auto; flex: 0 0 auto; }
|
||||
.settings-tab-text small { display: none; }
|
||||
.settings-pages { height: auto; max-height: 60vh; }
|
||||
}
|
||||
|
||||
/* Bildlaufleiste im App-Look */
|
||||
.settings-pages::-webkit-scrollbar { width: 8px; }
|
||||
.settings-pages::-webkit-scrollbar-track { background: transparent; }
|
||||
.settings-pages::-webkit-scrollbar-thumb { background: var(--outline-strong); border-radius: 999px; }
|
||||
.settings-pages::-webkit-scrollbar-thumb:hover { background: rgba(110, 188, 255, 0.45); }
|
||||
.settings-pages::-webkit-scrollbar-button { display: none; height: 0; }
|
||||
|
||||
/* ===== Fortschrittsfenster Repo-Backup ===== */
|
||||
.fx-progress-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 18px;
|
||||
}
|
||||
.fx-progress-percent {
|
||||
font-size: 40px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
min-width: 110px;
|
||||
background: var(--accent-gradient);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
color: transparent;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.fx-progress-now { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
|
||||
.fx-progress-now .fx-lead { overflow-wrap: anywhere; font-weight: 600; }
|
||||
.fx-progress-track {
|
||||
height: 10px;
|
||||
border-radius: 999px;
|
||||
background: var(--bg-tertiary);
|
||||
border: 1px solid var(--outline);
|
||||
overflow: hidden;
|
||||
}
|
||||
.fx-progress-fill {
|
||||
height: 100%;
|
||||
width: 0;
|
||||
border-radius: 999px;
|
||||
background: var(--accent-gradient);
|
||||
box-shadow: 0 0 12px rgba(88, 213, 255, 0.45);
|
||||
transition: width 300ms ease;
|
||||
}
|
||||
.fx-progress-meta {
|
||||
color: var(--text-secondary);
|
||||
font-size: 13px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.fx-backup-list { max-height: 34vh; }
|
||||
.fx-backup-list .fx-list-row > .fx-mono { flex: 0 1 auto; min-width: 140px; }
|
||||
.fx-backup-list .fx-list-row > .fx-muted {
|
||||
margin-left: auto;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 55%;
|
||||
}
|
||||
.fx-backup-icon { width: 22px; text-align: center; flex-shrink: 0; }
|
||||
|
||||
/* Bildlaufleisten in den Dialogen im App-Look */
|
||||
.fx-modal ::-webkit-scrollbar { width: 8px; height: 8px; }
|
||||
.fx-modal ::-webkit-scrollbar-track { background: transparent; }
|
||||
.fx-modal ::-webkit-scrollbar-thumb { background: var(--outline-strong); border-radius: 999px; }
|
||||
.fx-modal ::-webkit-scrollbar-button { display: none; height: 0; width: 0; }
|
||||
|
||||
/* ===== Token-Felder: anzeigen / entfernen ===== */
|
||||
.token-field { position: relative; display: flex; align-items: center; }
|
||||
.token-field > input { flex: 1; padding-right: 76px !important; }
|
||||
.token-field .token-tool {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
background: transparent;
|
||||
color: var(--text-muted);
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
.token-field .token-tool:nth-of-type(1) { right: 38px; }
|
||||
.token-field .token-tool:nth-of-type(2) { right: 6px; }
|
||||
.token-field .token-tool:hover { color: var(--text-primary); border-color: var(--outline-strong); }
|
||||
.token-field .token-tool.is-on { color: var(--accent-primary); }
|
||||
|
||||
/* Mehrzeilige Felder in den Einstellungen */
|
||||
.settings-textarea {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
min-height: 90px;
|
||||
resize: vertical;
|
||||
padding: 10px 12px;
|
||||
border-radius: var(--radius-sm);
|
||||
border: 1px solid var(--outline);
|
||||
background: var(--bg-tertiary);
|
||||
color: var(--text-primary);
|
||||
font-family: Consolas, "Courier New", monospace;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.settings-textarea:focus { outline: none; border-color: var(--accent-primary); }
|
||||
.settings-backup-card > .fx-row + .fx-row,
|
||||
.settings-backup-card > .fx-row + .input-group,
|
||||
.settings-backup-card > .input-group + .input-group { margin-top: 10px; }
|
||||
|
||||
/* ===== Helles Design ===== */
|
||||
:root[data-theme="light"] {
|
||||
--bg-primary: #eef2f8;
|
||||
--bg-secondary: #e4eaf3;
|
||||
--bg-tertiary: #ffffff;
|
||||
--surface: #f3f6fb;
|
||||
--surface-hover: #e3ebf7;
|
||||
--panel: rgba(255, 255, 255, 0.92);
|
||||
--panel-strong: rgba(255, 255, 255, 0.98);
|
||||
--panel-soft: rgba(255, 255, 255, 0.8);
|
||||
--outline: rgba(30, 60, 110, 0.14);
|
||||
--outline-strong: rgba(36, 112, 210, 0.38);
|
||||
--accent-primary: #0f86c9;
|
||||
--accent-secondary: #2f5fd6;
|
||||
--accent-gradient: linear-gradient(135deg, #12a3d8 0%, #2f80ed 54%, #3b5fd9 100%);
|
||||
--text-primary: #13213a;
|
||||
--text-secondary: #3d4f6e;
|
||||
--text-muted: #6a7a94;
|
||||
--shadow-sm: 0 6px 16px rgba(20, 40, 80, 0.08);
|
||||
--shadow-md: 0 12px 28px rgba(20, 40, 80, 0.12);
|
||||
--shadow-lg: 0 20px 44px rgba(20, 40, 80, 0.16);
|
||||
--shadow-glow: 0 0 18px rgba(47, 128, 237, 0.18);
|
||||
color-scheme: light;
|
||||
}
|
||||
:root[data-theme="light"] body { background: var(--bg-primary); color: var(--text-primary); }
|
||||
:root[data-theme="light"] input,
|
||||
:root[data-theme="light"] select,
|
||||
:root[data-theme="light"] textarea {
|
||||
background: #ffffff;
|
||||
color: var(--text-primary);
|
||||
border-color: var(--outline);
|
||||
}
|
||||
:root[data-theme="light"] .modalContent,
|
||||
:root[data-theme="light"] .card,
|
||||
:root[data-theme="light"] .settings-panel,
|
||||
:root[data-theme="light"] .settings-auth-card,
|
||||
:root[data-theme="light"] .settings-health-box,
|
||||
:root[data-theme="light"] .item-card,
|
||||
:root[data-theme="light"] .fx-item,
|
||||
:root[data-theme="light"] .fx-list,
|
||||
:root[data-theme="light"] .settings-toggle-row {
|
||||
background: #ffffff;
|
||||
border-color: var(--outline);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
:root[data-theme="light"] #toolbar,
|
||||
:root[data-theme="light"] #titlebar-strip,
|
||||
:root[data-theme="light"] .fav-history-sidebar,
|
||||
:root[data-theme="light"] #main,
|
||||
:root[data-theme="light"] .explorer-grid {
|
||||
background: transparent;
|
||||
}
|
||||
:root[data-theme="light"] button:not(.fx-btn--primary):not(.accent-btn):not(.settings-tab):not(.token-tool):not(.fx-close):not(.fx-linkish):not(.fx-icon-btn) {
|
||||
background: #ffffff;
|
||||
color: var(--text-primary);
|
||||
border-color: var(--outline);
|
||||
}
|
||||
:root[data-theme="light"] .item-name,
|
||||
:root[data-theme="light"] .settings-toggle-title,
|
||||
:root[data-theme="light"] h2, :root[data-theme="light"] h3, :root[data-theme="light"] h4 { color: var(--text-primary); }
|
||||
:root[data-theme="light"] .fx-diff { background: #f6f8fc; }
|
||||
:root[data-theme="light"] .fx-hint { background: #f1f4f9; }
|
||||
:root[data-theme="light"] .fx-alert--warn { color: #8a5a00; background: #fff6e0; }
|
||||
:root[data-theme="light"] .fx-alert--danger { color: #a02020; background: #fdecec; }
|
||||
:root[data-theme="light"] .modal { background: rgba(20, 35, 60, 0.35); }
|
||||
:root[data-theme="light"] .project-gravur-title { color: rgba(40, 60, 100, 0.35); }
|
||||
:root[data-theme="light"] .project-gravur-title .gravur-repo { color: rgba(30, 50, 90, 0.7); }
|
||||
|
||||
/* Helles Design: Kopfbereich, Schalter und Karten mit eigenen Farbverläufen */
|
||||
:root[data-theme="light"] #toolbar button:not(.accent-btn):not(.platform-option),
|
||||
:root[data-theme="light"] #toolbar .status,
|
||||
:root[data-theme="light"] .win-btn {
|
||||
background-image: none !important;
|
||||
background-color: #ffffff !important;
|
||||
color: var(--text-primary) !important;
|
||||
border: 1px solid var(--outline) !important;
|
||||
box-shadow: var(--shadow-sm) !important;
|
||||
}
|
||||
:root[data-theme="light"] #toolbar button:not(.accent-btn):not(.platform-option):hover,
|
||||
:root[data-theme="light"] .win-btn:hover { background-color: var(--surface-hover) !important; }
|
||||
:root[data-theme="light"] .win-btn--close:hover { background-color: #e5484d !important; color: #fff !important; }
|
||||
:root[data-theme="light"] .toolbar-brand-copy strong { color: var(--text-primary) !important; -webkit-text-fill-color: currentColor; text-shadow: none; }
|
||||
:root[data-theme="light"] .toolbar-kicker { color: var(--text-muted) !important; }
|
||||
:root[data-theme="light"] .platform-switch {
|
||||
background: #ffffff !important;
|
||||
border-color: var(--outline) !important;
|
||||
}
|
||||
:root[data-theme="light"] .platform-option { color: var(--text-secondary) !important; }
|
||||
:root[data-theme="light"] .platform-option.active { color: #ffffff !important; }
|
||||
:root[data-theme="light"] .activity-heatmap-card {
|
||||
background: #ffffff !important;
|
||||
border-color: var(--outline) !important;
|
||||
color: var(--text-primary) !important;
|
||||
}
|
||||
:root[data-theme="light"] .activity-heatmap-card * { color: inherit; }
|
||||
:root[data-theme="light"] .input-group label,
|
||||
:root[data-theme="light"] .settings-auth-input label { color: var(--text-secondary) !important; }
|
||||
:root[data-theme="light"] .toggle-track { background: #c9d3e3 !important; }
|
||||
:root[data-theme="light"] .toggle-switch input:checked + .toggle-track { background: var(--accent-primary) !important; }
|
||||
|
||||
/* ===== Lesbarkeit (Kontrastprüfung) ===== */
|
||||
/* Auswahllisten: Windows zeichnet die geöffnete Liste selbst – Farben überall festlegen */
|
||||
:root { color-scheme: dark; }
|
||||
:root[data-theme="light"] { color-scheme: light; }
|
||||
select option { background: #1a2233; color: #f5f8ff; }
|
||||
select option:checked { background: #2d4ea4; color: #ffffff; }
|
||||
:root[data-theme="light"] select option { background: #ffffff; color: #13213a; }
|
||||
:root[data-theme="light"] select option:checked { background: #d6e6fb; color: #13213a; }
|
||||
|
||||
/* Dunkles Design: Hinweistexte in Karten heller */
|
||||
.settings-inline-hint, .settings-toggle-desc, .settings-auth-spacer,
|
||||
#repoBackupStatus, #gitTransportState, .repo-size-badge { color: #a3b2cc; }
|
||||
.token-field .token-tool { color: #a3b2cc; }
|
||||
.project-gravur-title .gravur-repo { color: rgba(174, 189, 216, 0.75); }
|
||||
.project-gravur-title .gravur-sub { color: rgba(174, 189, 216, 0.55); }
|
||||
.titlebar-strip-title { color: rgba(174, 189, 216, 0.7) !important; }
|
||||
|
||||
/* Helles Design */
|
||||
:root[data-theme="light"] .settings-inline-hint,
|
||||
:root[data-theme="light"] .settings-toggle-desc,
|
||||
:root[data-theme="light"] .settings-auth-spacer,
|
||||
:root[data-theme="light"] #repoBackupStatus,
|
||||
:root[data-theme="light"] #gitTransportState,
|
||||
:root[data-theme="light"] .repo-size-badge,
|
||||
:root[data-theme="light"] .token-field .token-tool { color: #4f6180; }
|
||||
:root[data-theme="light"] #giteaUrlHint, :root[data-theme="light"] #githubTokenHint,
|
||||
:root[data-theme="light"] #healthApi, :root[data-theme="light"] #healthAuth,
|
||||
:root[data-theme="light"] #healthUrl { color: #15803d !important; }
|
||||
:root[data-theme="light"] .platform-option.active { color: #04101f !important; }
|
||||
:root[data-theme="light"] .project-gravur-title .gravur-sub { color: rgba(40, 60, 100, 0.6); }
|
||||
:root[data-theme="light"] .titlebar-strip-title { color: #4f6180 !important; }
|
||||
:root[data-theme="light"] .activity-log-category { color: #1e4f8a !important; }
|
||||
|
||||
Reference in New Issue
Block a user