development into master #1
@ -55,10 +55,17 @@
|
|||||||
const key = rec.secret;
|
const key = rec.secret;
|
||||||
const isEdit = editing.has(key);
|
const isEdit = editing.has(key);
|
||||||
const cls = isEdit ? 'unlocked' : 'locked';
|
const cls = isEdit ? 'unlocked' : 'locked';
|
||||||
|
|
||||||
|
// Determine if entry has expired
|
||||||
|
const validityISO = formatISO(rec.validity);
|
||||||
|
const expired = validityISO ? (new Date(validityISO) < new Date()) : false;
|
||||||
|
|
||||||
|
// Build card HTML
|
||||||
let html = `<div class="card mb-3 ${cls}" data-secret="${key}"><div class="card-body">`;
|
let html = `<div class="card mb-3 ${cls}" data-secret="${key}"><div class="card-body">`;
|
||||||
html += `<h5>Link</h5>`;
|
// Show exclamation if expired
|
||||||
|
html += `<h5>Link${expired ? ' <span class="text-danger fw-bold"> ! abgelaufen !</span>' : ''}</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">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 += `<div class="mb-2">Validity: <input class="form-control" type="date" value="${validityISO}" ${isEdit?'':'readonly'} data-field="validity"></div>`;
|
||||||
html += `<h6>Ordner</h6>`;
|
html += `<h6>Ordner</h6>`;
|
||||||
rec.folders.forEach((f,i) => {
|
rec.folders.forEach((f,i) => {
|
||||||
html += `<div style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; border-radius: 5px;">`;
|
html += `<div style="border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; border-radius: 5px;">`;
|
||||||
@ -71,7 +78,6 @@
|
|||||||
});
|
});
|
||||||
if(isEdit) html += `<button class="btn btn-sm btn-primary mb-2" onclick="addFolder('${key}')">Add Folder</button>`;
|
if(isEdit) html += `<button class="btn btn-sm btn-primary mb-2" onclick="addFolder('${key}')">Add Folder</button>`;
|
||||||
html += `<div>`;
|
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>`;
|
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-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>`;
|
html += `<button class="btn btn-secondary btn-sm me-2" onclick="cloneRec('${key}')">Clone</button>`;
|
||||||
@ -187,4 +193,4 @@
|
|||||||
render();
|
render();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user