appfactory/appfactory-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles update

Browse Source
This commit is contained in:
JiriUhlir
2026-05-27 12:49:00 +02:00
parent 2b20444324
commit 8585690de0
3 changed files with 50 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/backups.py
+11 -10
View File
@@ -19,32 +19,33 @@ def backups_page():
for path in list_backups(): for path in list_backups():
size_mb = path.stat().st_size / 1024 / 1024 size_mb = path.stat().st_size / 1024 / 1024
backup_name = html.escape(path.name) backup_name = html.escape(path.name)
backup_path = html.escape(str(path)) backup_path = html.escape(str(path), quote=True)
restore_cmd = html.escape( restore_cmd = html.escape(
f"sudo /home/jiri/workspace/appfactory-tools/scripts/restore-appfactory.sh --force {path}" f"sudo /home/jiri/workspace/appfactory-tools/scripts/restore-appfactory.sh --force {path}",
quote=True,
) )
rows += f""" rows += f"""
<tr> <tr class="backup-row">
<td> <td>
<strong>{backup_name}</strong><br> <strong>{backup_name}</strong><br>
<span class="muted">{size_mb:.2f} MB</span> <span class="muted">{size_mb:.2f} MB</span>
</td> </td>
<td> <td>
<div class="cmd-row"> <div class="copy-row">
<input readonly value="{backup_path}" id="path-{backup_name}"> <input readonly value="{backup_path}">
<button onclick="copyValue('path-{backup_name}')">Copy</button> <button type="button" class="copy-button" data-copy-value="{backup_path}" onclick="copyText(this)">Copy</button>
</div> </div>
</td> </td>
<td> <td>
<div class="cmd-row"> <div class="copy-row">
<input readonly value="{restore_cmd}" id="restore-{backup_name}"> <input readonly value="{restore_cmd}">
<button onclick="copyValue('restore-{backup_name}')">Copy</button> <button type="button" class="copy-button" data-copy-value="{restore_cmd}" onclick="copyText(this)">Copy</button>
</div> </div>
<div class="muted">Restore is dangerous and must be run manually over SSH.</div> <div class="muted">Restore is dangerous and must be run manually over SSH.</div>
</td> </td>
<td> <td class="actions-cell">
<form method="post" action="/portal/backups/delete" onsubmit="return confirm('Delete backup {backup_name}?');"> <form method="post" action="/portal/backups/delete" onsubmit="return confirm('Delete backup {backup_name}?');">
<input type="hidden" name="backup_path" value="{backup_path}"> <input type="hidden" name="backup_path" value="{backup_path}">
<button type="submit" class="danger">Delete</button> <button type="submit" class="danger">Delete</button>
app/static/portal.js
+11
View File
@@ -4,3 +4,14 @@ function copyValue(id) {
el.setSelectionRange(0, 99999); el.setSelectionRange(0, 99999);
navigator.clipboard.writeText(el.value); navigator.clipboard.writeText(el.value);
} }
function copyText(button) {
const value = button.dataset.copyValue || "";
navigator.clipboard.writeText(value);
const label = button.textContent;
button.textContent = "Copied";
window.setTimeout(() => {
button.textContent = label;
}, 1200);
}
app/static/styles.css
+28
View File
@@ -101,6 +101,7 @@ button,
border: 0; border: 0;
border-radius: 8px; border-radius: 8px;
padding: 8px 12px; padding: 8px 12px;
min-height: 34px;
background: var(--primary); background: var(--primary);
color: white; color: white;
font-weight: 700; font-weight: 700;
@@ -158,6 +159,33 @@ input[readonly] {
margin: 8px 0 14px; margin: 8px 0 14px;
} }
.copy-row {
display: grid;
grid-template-columns: minmax(260px, 1fr) 82px;
gap: 8px;
align-items: start;
margin: 0 0 10px;
}
.copy-row input {
min-height: 34px;
}
.copy-button,
.actions-cell button {
width: 82px;
text-align: center;
}
.actions-cell {
width: 110px;
white-space: nowrap;
}
.backup-row td {
vertical-align: middle;
}
details summary { details summary {
cursor: pointer; cursor: pointer;
font-weight: 700; font-weight: 700;