improve visual

This commit is contained in:
lelo 2025-05-03 15:41:11 +00:00
parent d920dea10b
commit 8f6cf3d7b8

View File

@ -56,20 +56,23 @@
const isEdit = editing.has(key);
const cls = isEdit ? 'unlocked' : 'locked';
let html = `<div class="card mb-3 ${cls}" data-secret="${key}"><div class="card-body">`;
html += `<h5>Record</h5>`;
html += `<h5>Link</h5>`;
html += `<div class="mb-2">Secret: <input class="form-control" type="text" value="${rec.secret}" ${isEdit?'':'readonly'} data-field="secret"></div>`;
html += `<div class="mb-2">Validity: <input class="form-control" type="date" value="${formatISO(rec.validity)}" ${isEdit?'':'readonly'} data-field="validity"></div>`;
html += `<h6>Folders</h6>`;
html += `<h6>Ordner</h6>`;
rec.folders.forEach((f,i) => {
html += `<div class="input-group mb-2">`;
html += `<div style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; border-radius: 5px;">`;
html += `Ordnername: <div class="input-group mb-2">`;
html += `<input class="form-control" type="text" value="${f.foldername}" ${isEdit?'':'readonly'} data-field="foldername-${i}">`;
if(isEdit) html += `<button class="btn btn-outline-danger" onclick="removeFolder('${key}',${i})">Remove</button>`;
html += `</div>`;
html += `<input class="form-control mb-2" type="text" value="${f.folderpath}" ${isEdit?'':'readonly'} data-field="folderpath-${i}">`;
html += `Ordnerpfad: <input class="form-control mb-2" type="text" value="${f.folderpath}" ${isEdit?'':'readonly'} data-field="folderpath-${i}">`;
html += `</div>`;
});
if(isEdit) html += `<button class="btn btn-sm btn-primary mb-2" onclick="addFolder('${key}')">Add Folder</button>`;
html += `<div>`;
// Change Delete button to a class + data-secret
if (!isEdit) html += `<a class="btn btn-secondary btn-sm me-2" href="/?secret=${rec.secret}">Link öffnen</a>`;
html += `<button class="btn btn-danger btn-sm me-2 delete-btn" data-secret="${key}">Delete</button>`;
html += `<button class="btn btn-secondary btn-sm me-2" onclick="cloneRec('${key}')">Clone</button>`;
if(isEdit) html += `<button class="btn btn-success btn-sm" onclick="saveRec('${key}')">Save</button>`;