From 849cdf575666e0d526deb20143c155b6e6319bd2 Mon Sep 17 00:00:00 2001
From: lelo <leonid.firus@outlook.com>
Date: Sun, 4 May 2025 11:52:57 +0000
Subject: [PATCH] display expired links

---
 templates/folder_secret_config_editor.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/templates/folder_secret_config_editor.html b/templates/folder_secret_config_editor.html
index 26db61b..41f3e2d 100644
--- a/templates/folder_secret_config_editor.html
+++ b/templates/folder_secret_config_editor.html
@@ -55,10 +55,17 @@
         const key = rec.secret;
         const isEdit = editing.has(key);
         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">`;
-        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">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>`;
         rec.folders.forEach((f,i) => {
           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>`;
         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>`;
@@ -187,4 +193,4 @@
       render();
     });
   </script>
-  {% endblock %}
+{% endblock %}