reorder
This commit is contained in:
mike
175
tour-comfy/trash.html
Normal file
175
tour-comfy/trash.html
Normal file
@@ -0,0 +1,175 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Qwen Rapid-AIO — Database Consistency</title>
|
||||
<style>
|
||||
body {
|
||||
background: #111;
|
||||
color: #ccc;
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
h1, h2 { color: #eee; }
|
||||
.container { max-width: 1000px; margin: 0 auto; }
|
||||
.section {
|
||||
background: #1a1a1a;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid #333;
|
||||
}
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px;
|
||||
border-bottom: 1px solid #222;
|
||||
}
|
||||
.item:last-child { border-bottom: none; }
|
||||
.filename { font-family: monospace; color: #aaa; }
|
||||
.info { font-size: 0.9em; color: #777; }
|
||||
.btn {
|
||||
background: #333;
|
||||
color: #eee;
|
||||
border: none;
|
||||
padding: 6px 12px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.btn:hover { background: #444; }
|
||||
.btn.danger { background: #633; }
|
||||
.btn.danger:hover { background: #844; }
|
||||
.btn.success { background: #363; }
|
||||
.btn.success:hover { background: #484; }
|
||||
.btn.primary { background: #35a; font-weight: bold; }
|
||||
.btn.primary:hover { background: #46b; }
|
||||
.header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
|
||||
.nav { margin-bottom: 20px; }
|
||||
.nav a { color: #58a; text-decoration: none; font-size: 0.9em; }
|
||||
.nav a:hover { text-decoration: underline; }
|
||||
#toast {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
background: #333;
|
||||
color: #fff;
|
||||
padding: 10px 20px;
|
||||
border-radius: 4px;
|
||||
display: none;
|
||||
z-index: 1000;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="nav">
|
||||
<a href="car.html">← Back to Studio</a>
|
||||
</div>
|
||||
<div class="header">
|
||||
<h1>Database Consistency</h1>
|
||||
<button class="btn primary" onclick="loadInconsistencies(true)">Run Check Now</button>
|
||||
</div>
|
||||
|
||||
<div id="loading" style="display:none">Running consistency check...</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Orphaned Records <span class="info">(In DB, but file missing on disk)</span></h2>
|
||||
<div id="missingList">No orphaned records found.</div>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Untracked Files <span class="info">(On disk, but not in DB)</span></h2>
|
||||
<div id="untrackedList">No untracked files found.</div>
|
||||
</div>
|
||||
|
||||
<div class="info" id="timestamp"></div>
|
||||
</div>
|
||||
|
||||
<div id="toast"></div>
|
||||
|
||||
<script>
|
||||
const API = window.location.origin;
|
||||
|
||||
function showToast(msg) {
|
||||
const t = document.getElementById('toast');
|
||||
t.textContent = msg;
|
||||
t.style.display = 'block';
|
||||
setTimeout(() => t.style.display = 'none', 3000);
|
||||
}
|
||||
|
||||
async function repair(filename, action) {
|
||||
try {
|
||||
const r = await fetch(`${API}/db/repair`, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ filename, action })
|
||||
});
|
||||
const d = await r.json();
|
||||
showToast(d.status === 'deleted' ? 'Record deleted' : 'File imported');
|
||||
loadInconsistencies();
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
showToast('Repair failed');
|
||||
}
|
||||
}
|
||||
|
||||
async function loadInconsistencies(runNow = false) {
|
||||
if (runNow) document.getElementById('loading').style.display = 'block';
|
||||
try {
|
||||
const url = runNow ? `${API}/db/inconsistencies?run_now=true` : `${API}/db/inconsistencies`;
|
||||
const r = await fetch(url);
|
||||
const d = await r.json();
|
||||
|
||||
renderMissing(d.missing_files || []);
|
||||
renderUntracked(d.untracked_files || []);
|
||||
|
||||
if (d.timestamp) {
|
||||
const date = new Date(d.timestamp * 1000);
|
||||
document.getElementById('timestamp').textContent = 'Last check: ' + date.toLocaleString();
|
||||
}
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
showToast('Failed to load inconsistencies');
|
||||
} finally {
|
||||
document.getElementById('loading').style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
function renderMissing(files) {
|
||||
const container = document.getElementById('missingList');
|
||||
if (files.length === 0) {
|
||||
container.innerHTML = 'No orphaned records found.';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = files.map(f => `
|
||||
<div class="item">
|
||||
<div>
|
||||
<div class="filename">${f.filename}</div>
|
||||
<div class="info">Group: ${f.group_id || 'none'} | Name: ${f.name || 'none'}</div>
|
||||
</div>
|
||||
<button class="btn danger" onclick="repair('${f.filename}', 'delete_record')">Delete Record</button>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
function renderUntracked(files) {
|
||||
const container = document.getElementById('untrackedList');
|
||||
if (files.length === 0) {
|
||||
container.innerHTML = 'No untracked files found.';
|
||||
return;
|
||||
}
|
||||
container.innerHTML = files.map(f => `
|
||||
<div class="item">
|
||||
<div class="filename">${f}</div>
|
||||
<button class="btn success" onclick="repair('${f}', 'import_file')">Import File</button>
|
||||
</div>
|
||||
`).join('');
|
||||
}
|
||||
|
||||
loadInconsistencies();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user