M_Viper/Git-Manager-Gui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

Update from Git Manager GUI

Browse Source
This commit is contained in:
M_Viper
2026-02-02 20:00:57 +01:00
parent 7d18161141
commit 94e8c21e9b
3 changed files with 204 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
renderer/index.html
View File

@@ -8,7 +8,6 @@
</head>
<body>
<div id="app">
<!-- Toolbar -->
<div id="toolbar">
<div class="tool-group">
<button id="btnSettings" title="Einstellungen">⚙️ Settings</button>
@@ -31,14 +30,11 @@
<span id="status" class="status">Bereit</span>
</div>
<!-- Main Content -->
<main id="main">
<div id="explorerGrid" class="explorer-grid">
<!-- Dynamic content loaded here -->
</div>
</div>
</main>
<!-- Settings Modal -->
<div id="settingsModal" class="modal hidden">
<div class="modalContent card">
<h2>⚙️ Einstellungen</h2>
@@ -58,6 +54,23 @@
<input id="giteaURL" type="text" placeholder="https://gitea.example.com">
</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>
</div>
<div class="modal-buttons">
<button id="btnSaveSettings">Speichern</button>
<button id="btnCloseSettings" class="secondary">Abbrechen</button>
@@ -65,7 +78,6 @@
</div>
</div>
<!-- Repo Action Modal -->
<div id="repoActionModal" class="modal hidden">
<div class="modalContent card">
<h2>🚀 Neues Repository erstellen</h2>
@@ -113,7 +125,6 @@
</div>
</div>
<!-- File Editor Modal -->
<div id="fileEditorModal" class="modal hidden">
<div class="file-editor-card">
<div class="file-editor-header">
@@ -128,10 +139,8 @@
</div>
</div>
<!-- Tab Bar -->
<div id="fileEditorTabs" class="file-editor-tabs"></div>
<!-- Search Bar -->
<div id="searchBar" class="search-bar hidden">
<input id="searchInput" type="text" class="search-input" placeholder="Suchen...">
<input id="replaceInput" type="text" class="search-input" placeholder="Ersetzen...">
@@ -141,11 +150,9 @@
<span id="searchInfo" class="search-info">0/0</span>
</div>
<!-- Editor Container mit Line Numbers -->
<div class="file-editor-container">
<div id="lineNumbers" class="line-numbers"></div>
<textarea id="fileEditorContent" class="file-editor-textarea" placeholder="Dateiinhalt..."></textarea>
<!-- Image Preview -->
<div id="imagePreview" class="image-preview hidden"></div>
</div>
@@ -162,8 +169,40 @@
</div>
</div>
</div>
</div>
<script src="renderer.js"></script>
<div id="updateModal" class="modal hidden">
<div class="modalContent card" style="max-width: 450px; border: 1px solid var(--accent-primary); box-shadow: 0 0 30px rgba(0, 212, 255, 0.2);">
<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>
<p id="updateVersionInfo" style="color: var(--text-secondary); margin: 5px 0 0 0; font-family: monospace;"></p>
</div>
</div>
<div class="input-group">
<label style="color: var(--accent-primary); font-size: 0.8rem; letter-spacing: 1px;">RELEASE NOTES</label>
<div id="updateChangelog" style="
background: rgba(0,0,0,0.25);
padding: 15px;
border-radius: 8px;
max-height: 180px;
overflow-y: auto;
font-size: 0.9rem;
line-height: 1.6;
color: var(--text-primary);
border: 1px solid rgba(255,255,255,0.05);
white-space: pre-wrap;
"></div>
</div>
<div class="modal-buttons" style="margin-top: 25px; gap: 12px;">
<button id="btnStartUpdate" class="accent-btn" style="flex: 2; height: 45px; font-weight: bold;">🚀 Jetzt installieren</button>
<button id="btnIgnoreUpdate" class="secondary" style="flex: 1; height: 45px;">Später</button>
</div>
</div>
</div>
</div> <script src="renderer.js"></script>
</body>
</html>