kodi/rename-mvp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aantal mappen en layout aangepast

Browse Source
This commit is contained in:
kodi
2026-03-08 08:56:09 +01:00
parent 06c144d2fc
commit e10082e1bc
7 changed files with 480 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/index.html
+59 -35
View File
@@ -33,57 +33,81 @@
<section class="panel" id="panelSelectedEpisodes">
<h2>3. Selected Episodes</h2>
<div class="row">
<div id="episodeMeta" class="muted"></div>
<div class="linked-list-wrap">
<ul id="selectedEpisodesList" class="list linked-list"></ul>
</div>
<div class="panel-footer">
<button id="refreshSelectedEpisodesBtn">Refresh</button>
<button id="episodeUpBtn" class="secondary">Up</button>
<button id="episodeDownBtn" class="secondary">Down</button>
<button id="episodeRemoveBtn" class="secondary">Remove</button>
<button id="clearSelectedEpisodesBtn">Clear</button>
</div>
<ul id="selectedEpisodesList" class="list"></ul>
</section>
<section class="panel" id="panelSelectedFiles">
<h2>4. Selected Files</h2>
<div class="stack">
<div class="row">
<label for="rootsSelect">Root</label>
<select id="rootsSelect"></select>
<label for="foldersSelect">Folder</label>
<select id="foldersSelect"></select>
<button id="refreshRootsBtn">Refresh Roots</button>
<div id="fileMeta" class="muted"></div>
<div class="linked-list-wrap">
<ul id="selectedFilesList" class="list linked-list"></ul>
</div>
<div class="row">
<input id="subpathInput" type="text" placeholder="Current subpath (relative)" />
<button id="loadFoldersBtn">Load Folders</button>
<button id="loadFilesBtn">Load Files</button>
<label>
<input id="recursiveInput" type="checkbox" checked />
recursive
</label>
</div>
<div>
<h3>Discovered Files</h3>
<ul id="discoveredFilesList" class="list"></ul>
</div>
<div class="row">
<button id="refreshSelectedFilesBtn">Refresh Selected Files</button>
<button id="clearSelectedFilesBtn">Clear Selected Files</button>
</div>
<div>
<h3>Selected Files</h3>
<ul id="selectedFilesList" class="list"></ul>
</div>
<div class="row">
<button id="mappingPreviewBtn">Mapping Preview</button>
<button id="filenamePreviewBtn">Filename Preview</button>
<div class="panel-footer">
<button id="selectFilesBtn">Select Files</button>
<button id="refreshSelectedFilesBtn" class="secondary">Refresh</button>
<button id="fileUpBtn" class="secondary">Up</button>
<button id="fileDownBtn" class="secondary">Down</button>
<button id="fileRemoveBtn" class="secondary">Remove</button>
<button id="clearSelectedFilesBtn">Clear</button>
<button id="renameExecuteBtn">Rename Execute (confirm=true)</button>
<button id="filenamePreviewBtn" class="secondary">Filename Preview (Debug)</button>
</div>
</div>
</section>
</main>
<section class="panel output">
<h2>Output</h2>
<details class="debug-box">
<summary>Debug Output</summary>
<pre id="outputBox"></pre>
</section>
</details>
<div id="fileModal" class="modal hidden" aria-hidden="true">
<div class="modal-card">
<div class="row modal-head">
<h3 id="fileModalTitle">File Discovery</h3>
<button id="closeFileModalBtn" class="secondary">Close</button>
</div>
<div class="row">
<label for="modalRootSelect">Root</label>
<select id="modalRootSelect"></select>
<label for="modalFolderSelect">Folder</label>
<select id="modalFolderSelect"></select>
</div>
<div class="row">
<input id="modalSubpathInput" type="text" placeholder="Current subpath (relative)" />
<button id="modalLoadFoldersBtn" class="secondary">Load Folders</button>
<label>
<input id="modalRecursiveInput" type="checkbox" checked />
recursive
</label>
<button id="modalLoadFilesBtn">Load Files</button>
</div>
<div class="modal-grid">
<div>
<h4>Folders</h4>
<ul id="modalFoldersList" class="list"></ul>
</div>
<div>
<h4>Files</h4>
<ul id="modalFilesList" class="list"></ul>
</div>
</div>
<div class="row">
<button id="modalAddSelectedFilesBtn">Add Selected Files</button>
</div>
</div>
</div>
<script src="/static/app.js"></script>
</body>