From 8f6cf3d7b83195efb9da64cd5abdfedfc5dce0b4 Mon Sep 17 00:00:00 2001
From: lelo <leonid.firus@outlook.com>
Date: Sat, 3 May 2025 15:41:11 +0000
Subject: [PATCH] improve visual

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

diff --git a/templates/folder_secret_config_editor.html b/templates/folder_secret_config_editor.html
index 5d171b0..26db61b 100644
--- a/templates/folder_secret_config_editor.html
+++ b/templates/folder_secret_config_editor.html
@@ -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>`;