Update from Git Manager GUI
This commit is contained in:
@@ -4,30 +4,63 @@
|
||||
<meta charset="utf-8" />
|
||||
<title>Git Manager Explorer Pro</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/png" href="./icon.png">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app">
|
||||
<div id="toolbar">
|
||||
<div class="tool-group">
|
||||
<button id="btnSettings" title="Einstellungen">⚙️ Settings</button>
|
||||
<button id="btnBack" class="secondary hidden" title="Zurück">⬅️ Zurück</button>
|
||||
<button id="btnSelectFolder" class="accent-btn" title="Lokalen Ordner öffnen">📂 Open Local</button>
|
||||
<button id="btnLoadGiteaRepos" class="accent-btn" title="Gitea Repositories laden">🌐 Load Gitea</button>
|
||||
<div class="toolbar-row toolbar-row--top">
|
||||
<div class="toolbar-brand" aria-label="App Kopfbereich">
|
||||
<div class="toolbar-brand-mark">
|
||||
<img src="./icon.png" alt="Git Manager Logo" class="toolbar-brand-logo">
|
||||
</div>
|
||||
<div class="toolbar-brand-copy">
|
||||
<span class="toolbar-kicker">Workspace Control</span>
|
||||
<strong>Git Manager Explorer Pro</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar-top-actions">
|
||||
<div class="tool-group tool-group--quick-actions">
|
||||
<button id="btnOpenRepoActions" title="Neues Repository erstellen">🚀 New Repo</button>
|
||||
<button id="btnPush" title="Projekt pushen">⬆️ Push</button>
|
||||
</div>
|
||||
|
||||
<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="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>
|
||||
|
||||
<div class="tool-group">
|
||||
<select id="platform" title="Plattform auswählen">
|
||||
<option value="gitea" selected>Gitea</option>
|
||||
<option value="github">GitHub</option>
|
||||
</select>
|
||||
<button id="btnOpenRepoActions" title="Neues Repository erstellen">🚀 New Repo</button>
|
||||
<button id="btnPush" title="Projekt pushen">⬆️ Push</button>
|
||||
<button id="btnCommits" class="hidden" title="Commit History anzeigen">📊 Commits</button>
|
||||
<button id="btnReleases" class="hidden" title="Releases anzeigen">📦 Releases</button>
|
||||
|
||||
<div class="toolbar-row toolbar-row--bottom">
|
||||
<div class="tool-group tool-group--workspace">
|
||||
<span class="tool-group-title">Quelle</span>
|
||||
<button id="btnSelectFolder" class="accent-btn" title="Lokalen Ordner öffnen">📂 Open Local</button>
|
||||
<button id="btnLoadGiteaRepos" class="accent-btn" title="Gitea Repositories laden">🌐 Load Gitea</button>
|
||||
</div>
|
||||
|
||||
<div class="tool-group tool-group--repo">
|
||||
<span class="tool-group-title">Repository</span>
|
||||
<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>
|
||||
<button id="btnCommits" class="hidden" title="Commit History anzeigen">📊 Commits</button>
|
||||
<button id="btnReleases" class="hidden" title="Releases anzeigen">📦 Releases</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<span id="status" class="status">Bereit</span>
|
||||
</div>
|
||||
|
||||
<main id="main">
|
||||
@@ -36,65 +69,155 @@
|
||||
</main>
|
||||
|
||||
<div id="settingsModal" class="modal hidden">
|
||||
<div class="modalContent card">
|
||||
<h2>⚙️ Einstellungen</h2>
|
||||
|
||||
<div class="input-group">
|
||||
<label>GitHub Token</label>
|
||||
<input id="githubToken" type="password" placeholder="ghp_...">
|
||||
<div class="modalContent card settings-modal-content">
|
||||
<button id="btnSettingsWatermark" class="settings-watermark-btn" title="Projektinformationen anzeigen" aria-label="Projektinformationen anzeigen">ⓘ</button>
|
||||
<div id="settingsWatermarkCard" class="settings-watermark-card hidden" role="dialog" aria-label="Projektinformationen">
|
||||
<h4>Projektinformationen</h4>
|
||||
<div class="settings-watermark-row"><span>Ersteller:</span><strong>M_Viper</strong></div>
|
||||
<div class="settings-watermark-row"><span>Webseite:</span><a href="https://m-viper.de" target="_blank" rel="noopener noreferrer">https://m-viper.de</a></div>
|
||||
<div class="settings-watermark-row"><span>Discord:</span><a id="watermarkDiscord" href="https://discord.com/invite/FdRs4BRd8D" target="_blank" rel="noopener noreferrer">discord.com/invite/FdRs4BRd8D</a></div>
|
||||
<div class="settings-watermark-row"><span>E-Mail:</span><a id="watermarkMail" href="mailto:admin@m-viper.de">admin@m-viper.de</a></div>
|
||||
<div class="settings-watermark-row"><span>Version:</span><strong id="watermarkVersion">-</strong></div>
|
||||
<div class="settings-watermark-row"><span>Copyright:</span><strong id="watermarkCopyright">-</strong></div>
|
||||
<div class="settings-watermark-row"><span>Projekt:</span><strong>Git Manager Explorer Pro</strong></div>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<label>Gitea Token</label>
|
||||
<input id="giteaToken" type="password" placeholder="Token hier einfügen">
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<label>Gitea URL</label>
|
||||
<input id="giteaURL" type="text" placeholder="https://gitea.example.com">
|
||||
</div>
|
||||
|
||||
<div class="input-group" style="margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);">
|
||||
<label style="margin-bottom: 12px;">Übersicht</label>
|
||||
<div style="display: flex; flex-direction: column; gap: 10px;">
|
||||
<label style="display: flex; align-items: center; gap: 10px; cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: normal;">
|
||||
<input type="checkbox" id="settingFavorites" checked>
|
||||
<span>⭐ Favoriten-Bereich anzeigen</span>
|
||||
</label>
|
||||
<label style="display: flex; align-items: center; gap: 10px; cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: normal;">
|
||||
<input type="checkbox" id="settingRecent" checked>
|
||||
<span>🕐 Zuletzt geöffnet anzeigen</span>
|
||||
</label>
|
||||
<label style="display: flex; align-items: center; gap: 10px; cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: normal;">
|
||||
<input type="checkbox" id="settingCompact">
|
||||
<span>⊞ Kompakt-Modus (kleinere Karten)</span>
|
||||
</label>
|
||||
<label style="display: flex; align-items: center; gap: 10px; cursor: pointer; text-transform: none; letter-spacing: normal; font-weight: normal;">
|
||||
<input type="checkbox" id="settingColoredIcons" checked>
|
||||
<span>🎨 Farbige Datei-Icons</span>
|
||||
</label>
|
||||
|
||||
<div class="settings-header">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-group" style="margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);">
|
||||
<label>App Version</label>
|
||||
<div style="display: flex; gap: 12px; align-items: center;">
|
||||
<input id="appVersion" type="text" readonly style="flex: 1; background: rgba(255,255,255,0.05); cursor: not-allowed;">
|
||||
<button id="btnCheckUpdates" style="
|
||||
background: linear-gradient(135deg, #00d4ff, #8b5cf6);
|
||||
color: #000;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 8px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
">🔄 Nach Updates suchen</button>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<div class="settings-fields-grid">
|
||||
<div class="input-group">
|
||||
<label for="githubToken">GitHub Token</label>
|
||||
<input id="githubToken" type="password" placeholder="ghp_...">
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<label for="giteaToken">Gitea Token</label>
|
||||
<input id="giteaToken" type="password" placeholder="Token hier einfügen">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="input-group input-group--wide">
|
||||
<label for="giteaURL">Gitea URL</label>
|
||||
<input id="giteaURL" type="text" placeholder="https://gitea.example.com">
|
||||
<div class="settings-connection-tools">
|
||||
<div id="giteaUrlHint" class="settings-inline-hint">Hinweis: IPv6 mit Klammern eingeben, z.B. http://[2001:db8::1]:3000</div>
|
||||
<button id="btnTestGiteaConnection" class="secondary">🔌 Verbindung testen</button>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button id="btnSaveSettings">Speichern</button>
|
||||
|
||||
<div class="modal-buttons settings-modal-actions">
|
||||
<button id="btnSaveSettings" class="accent-btn">Speichern</button>
|
||||
<button id="btnCloseSettings" class="secondary">Abbrechen</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -147,6 +270,79 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="batchActionModal" class="modal hidden">
|
||||
<div class="modalContent card">
|
||||
<h2>🧩 Batch-Aktionen</h2>
|
||||
|
||||
<div class="input-group">
|
||||
<label>Aktion</label>
|
||||
<select id="batchActionType">
|
||||
<option value="refresh">Repos aktualisieren</option>
|
||||
<option value="clone">Repos klonen</option>
|
||||
<option value="create-tag">Tag erstellen</option>
|
||||
<option value="create-release">Release erstellen</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<label>Repositories (pro Zeile: owner/repo)</label>
|
||||
<textarea id="batchRepoList" class="batch-textarea" placeholder="M_Viper/ProjektA M_Viper/ProjektB"></textarea>
|
||||
</div>
|
||||
|
||||
<div id="batchCloneGroup" class="input-group hidden">
|
||||
<label>Zielordner für Clone</label>
|
||||
<div class="batch-inline-row">
|
||||
<input id="batchCloneTarget" type="text" readonly placeholder="Bitte Zielordner auswählen">
|
||||
<button id="btnSelectBatchCloneTarget" class="secondary">📁 Wählen</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="batchTagGroup" class="input-group hidden">
|
||||
<label>Tag</label>
|
||||
<input id="batchTagName" type="text" placeholder="v1.0.0">
|
||||
</div>
|
||||
|
||||
<div id="batchReleaseNameGroup" class="input-group hidden">
|
||||
<label>Release-Name</label>
|
||||
<input id="batchReleaseName" type="text" placeholder="Release v1.0.0">
|
||||
</div>
|
||||
|
||||
<div id="batchReleaseBodyGroup" class="input-group hidden">
|
||||
<label>Release-Text</label>
|
||||
<textarea id="batchReleaseBody" class="batch-textarea" placeholder="Changelog..."></textarea>
|
||||
</div>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button id="btnRunBatchAction" class="accent-btn">Ausführen</button>
|
||||
<button id="btnCloseBatchAction" class="secondary">Abbrechen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="activityLogModal" class="modal hidden">
|
||||
<div class="modalContent card">
|
||||
<h2>📝 Aktivitätsprotokoll</h2>
|
||||
|
||||
<div class="activity-toolbar">
|
||||
<select id="activityFilterLevel">
|
||||
<option value="all">Alle</option>
|
||||
<option value="info">Info</option>
|
||||
<option value="warning">Warn</option>
|
||||
<option value="error">Error</option>
|
||||
</select>
|
||||
<button id="btnRetryQueueRefresh" class="secondary">🔁 Queue jetzt retry</button>
|
||||
<button id="btnClearActivityLog" class="secondary">🧹 Log leeren</button>
|
||||
</div>
|
||||
|
||||
<div id="activityQueueInfo" class="activity-queue-info">Retry-Queue: 0</div>
|
||||
<div id="activityLogList" class="activity-log-list"></div>
|
||||
|
||||
<div class="modal-buttons">
|
||||
<button id="btnCloseActivityLog" class="secondary">Schließen</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fileEditorModal" class="modal hidden">
|
||||
<div class="file-editor-card">
|
||||
<div class="file-editor-header">
|
||||
@@ -197,7 +393,7 @@
|
||||
<div style="display: flex; align-items: center; gap: 20px; margin-bottom: 20px;">
|
||||
<div style="font-size: 3rem; filter: drop-shadow(0 0 10px var(--accent-primary));">🚀</div>
|
||||
<div>
|
||||
<h2 style="margin: 0; background: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Update verfügbar!</h2>
|
||||
<h2 style="margin: 0; background: var(--accent-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Update verfügbar!</h2>
|
||||
<p id="updateVersionInfo" style="color: var(--text-secondary); margin: 5px 0 0 0; font-family: monospace;"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user