169 lines
6.5 KiB
HTML
169 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Git Manager Explorer Pro</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<!-- Toolbar -->
|
|
<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>
|
|
|
|
<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>
|
|
|
|
<span id="status" class="status">Bereit</span>
|
|
</div>
|
|
|
|
<!-- Main Content -->
|
|
<main id="main">
|
|
<div id="explorerGrid" class="explorer-grid">
|
|
<!-- Dynamic content loaded here -->
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Settings Modal -->
|
|
<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>
|
|
|
|
<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="modal-buttons">
|
|
<button id="btnSaveSettings">Speichern</button>
|
|
<button id="btnCloseSettings" class="secondary">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Repo Action Modal -->
|
|
<div id="repoActionModal" class="modal hidden">
|
|
<div class="modalContent card">
|
|
<h2>🚀 Neues Repository erstellen</h2>
|
|
|
|
<div class="input-group">
|
|
<label>Repository Name</label>
|
|
<input id="repoName" type="text" placeholder="mein-projekt">
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label>Target Branch</label>
|
|
<input id="targetBranch" type="text" value="main" placeholder="main">
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label>Lizenz</label>
|
|
<select id="licenseSelect">
|
|
<option value="">Keine Lizenz</option>
|
|
<option value="mit">MIT License</option>
|
|
<option value="apache-2.0">Apache 2.0</option>
|
|
<option value="gpl-3.0">GPL v3</option>
|
|
<option value="bsd-3-clause">BSD 3-Clause</option>
|
|
<option value="agpl-3.0">AGPL v3</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label style="display: flex; align-items: center; gap: 8px; cursor: pointer;">
|
|
<input type="checkbox" id="createReadme" checked>
|
|
<span style="text-transform: none; letter-spacing: normal;">README.md initialisieren</span>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="input-group">
|
|
<label>Lokaler Push-Branch</label>
|
|
<select id="branchSelect">
|
|
<option value="main">main</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="modal-buttons">
|
|
<button id="btnCreateRepo" class="accent-btn">Erstellen</button>
|
|
<button id="btnCloseRepoActions" class="secondary">Abbrechen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- File Editor Modal -->
|
|
<div id="fileEditorModal" class="modal hidden">
|
|
<div class="file-editor-card">
|
|
<div class="file-editor-header">
|
|
<div class="file-editor-title">
|
|
<span id="fileEditorIcon">📄</span>
|
|
<span id="fileEditorName">file.txt</span>
|
|
</div>
|
|
<div class="file-editor-toolbar">
|
|
<button id="btnEditorSearch" class="editor-tool-btn" title="Suchen (Ctrl+F)">🔍</button>
|
|
<button id="btnEditorSave" class="editor-tool-btn" title="Speichern">💾</button>
|
|
<button id="btnCloseEditor" class="editor-tool-btn" title="Schließen">✕</button>
|
|
</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...">
|
|
<button id="btnReplace" class="search-btn">Ersetzen</button>
|
|
<button id="btnReplaceAll" class="search-btn">Alle</button>
|
|
<button id="btnCloseSearch" class="search-btn">✕</button>
|
|
<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>
|
|
|
|
<div class="file-editor-footer">
|
|
<div class="file-editor-info">
|
|
<span id="fileEditorPath" class="file-path">Pfad: /path/to/file</span>
|
|
<span id="fileEditorStats" class="file-stats"></span>
|
|
<span id="fileEditorCursor" class="file-cursor">Zeile 1, Spalte 1</span>
|
|
<span id="autoSaveStatus" class="auto-save-status" style="display:none;">✓ Gespeichert</span>
|
|
</div>
|
|
<div class="modal-buttons">
|
|
<button id="btnDiscardEdit" class="secondary">Verwerfen</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="renderer.js"></script>
|
|
</body>
|
|
</html> |