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

Beta 01

Browse Source
This commit is contained in:
kodi
2026-03-08 09:45:56 +01:00
parent d7f97b2a77
commit be2271aa15
4 changed files with 43 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/styles.css
+21 -9
View File
@@ -57,12 +57,23 @@ body {
justify-content: space-between; justify-content: space-between;
gap: 8px; gap: 8px;
margin-bottom: 10px; margin-bottom: 10px;
min-height: 38px;
} }
.panel-head h2 { .panel-head h2 {
margin: 0; margin: 0;
} }
.panel-head-actions {
display: flex;
align-items: center;
gap: 8px;
}
.panel-head-actions-empty {
min-width: 172px;
}
.panel h3 { .panel h3 {
margin: 10px 0 6px; margin: 10px 0 6px;
font-size: 14px; font-size: 14px;
@@ -80,6 +91,13 @@ body {
flex-direction: column; flex-direction: column;
} }
.panel-body {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
}
input[type="text"], input[type="text"],
select { select {
border: 1px solid #c3cedf; border: 1px solid #c3cedf;
@@ -145,18 +163,13 @@ button.secondary {
background: #ffffff; background: #ffffff;
border-top: 1px solid #e4eaf2; border-top: 1px solid #e4eaf2;
padding-top: 8px; padding-top: 8px;
margin-top: 8px; margin-top: 10px;
display: flex; display: flex;
gap: 8px; gap: 8px;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
min-height: 38px; min-height: 40px;
}
.panel-actions {
margin-top: 8px;
justify-content: flex-end;
} }
.mismatch { .mismatch {
@@ -204,8 +217,7 @@ button.secondary {
#panelSelectedEpisodes .panel-footer button:first-child, #panelSelectedEpisodes .panel-footer button:first-child,
#panelSelectedEpisodes .panel-footer button:last-child, #panelSelectedEpisodes .panel-footer button:last-child,
#panelSelectedFiles .panel-footer button:first-child, #panelSelectedFiles .panel-footer button:first-child,
#panelSelectedFiles .panel-footer button:last-child, #panelSelectedFiles .panel-footer button:last-child {
#panelSelectedFiles .panel-actions button:last-child {
border-color: #0b3a6e; border-color: #0b3a6e;
background: #0b3a6e; background: #0b3a6e;
color: #ffffff; color: #ffffff;
app/templates/index.html
+21 -16
View File
@@ -32,10 +32,15 @@
</section> </section>
<section class="panel" id="panelSelectedEpisodes"> <section class="panel" id="panelSelectedEpisodes">
<h2>3. Selected Episodes</h2> <div class="panel-head">
<div id="episodeMeta" class="muted"></div> <h2>3. Selected Episodes</h2>
<div class="linked-list-wrap"> <div class="panel-head-actions panel-head-actions-empty" aria-hidden="true"></div>
<ul id="selectedEpisodesList" class="list linked-list"></ul> </div>
<div class="panel-body">
<div id="episodeMeta" class="muted"></div>
<div class="linked-list-wrap">
<ul id="selectedEpisodesList" class="list linked-list"></ul>
</div>
</div> </div>
<div class="panel-footer"> <div class="panel-footer">
<button id="refreshSelectedEpisodesBtn">Refresh</button> <button id="refreshSelectedEpisodesBtn">Refresh</button>
@@ -49,23 +54,23 @@
<section class="panel" id="panelSelectedFiles"> <section class="panel" id="panelSelectedFiles">
<div class="panel-head"> <div class="panel-head">
<h2>4. Selected Files</h2> <h2>4. Selected Files</h2>
<button id="selectFilesBtn" class="secondary">Select Files</button> <div class="panel-head-actions">
<button id="selectFilesBtn" class="secondary">Select Files</button>
<button id="renameExecuteBtn">Rename</button>
</div>
</div> </div>
<div class="stack"> <div class="panel-body">
<div id="fileMeta" class="muted"></div> <div id="fileMeta" class="muted"></div>
<div class="linked-list-wrap"> <div class="linked-list-wrap">
<ul id="selectedFilesList" class="list linked-list"></ul> <ul id="selectedFilesList" class="list linked-list"></ul>
</div> </div>
<div class="panel-footer"> </div>
<button id="refreshSelectedFilesBtn">Refresh</button> <div class="panel-footer">
<button id="fileUpBtn" class="secondary">Up</button> <button id="refreshSelectedFilesBtn">Refresh</button>
<button id="fileDownBtn" class="secondary">Down</button> <button id="fileUpBtn" class="secondary">Up</button>
<button id="fileRemoveBtn" class="secondary">Remove</button> <button id="fileDownBtn" class="secondary">Down</button>
<button id="clearSelectedFilesBtn">Clear</button> <button id="fileRemoveBtn" class="secondary">Remove</button>
</div> <button id="clearSelectedFilesBtn">Clear</button>
<div class="row panel-actions">
<button id="renameExecuteBtn">Rename Execute (confirm=true)</button>
</div>
</div> </div>
</section> </section>
</main> </main>
data/session_state.sqlite3
BIN
View File
Binary file not shown.
feature_tests_ui.sh
+1 -1
View File
@@ -31,7 +31,7 @@ required = [
"3. Selected Episodes", "3. Selected Episodes",
"4. Selected Files", "4. Selected Files",
"Select Files", "Select Files",
"Rename Execute (confirm=true)", "Rename",
] ]
for needle in required: for needle in required:
assert needle in html, f"missing UI text: {needle}" assert needle in html, f"missing UI text: {needle}"