From e2d5d287370133cff882d50d314862faa2ebefd2 Mon Sep 17 00:00:00 2001
From: maru21 <k.muhrer@gmail.com>
Date: Sat, 4 Nov 2023 19:41:56 +0100
Subject: [PATCH] added create date to sidebar

---
 js/2.0.1/evts.js  |  1 -
 js/2.0.1/files.js | 27 ++++++++++++++++++++++-----
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/js/2.0.1/evts.js b/js/2.0.1/evts.js
index 4970988..6408429 100644
--- a/js/2.0.1/evts.js
+++ b/js/2.0.1/evts.js
@@ -24,7 +24,6 @@ function showSidebar() {
   let sidebar = document.getElementById("sidebar");
   if (getComputedStyle(sidebar).display === "none") {
     sidebar.style.display = "block";
-    sidebar.style.marginTop = "35px";
   } else {
     sidebar.style.display = "none";
   }
diff --git a/js/2.0.1/files.js b/js/2.0.1/files.js
index 24ba9f6..4e62ac8 100644
--- a/js/2.0.1/files.js
+++ b/js/2.0.1/files.js
@@ -69,10 +69,12 @@ function buildFile() {
 
   document.getElementById("sidebar").appendChild(loadFileSidebar(tF));
   document.getElementById("sidebar").addEventListener("click", (e) => {
-    if (e.target && e.target.matches("li.w3-bar-item")) {
-      let fileName = e.target.dataset.file;
-      let template = e.target.dataset.template;
-      let pos = e.target.dataset.tfpos;
+    let target = e.target.parentElement;
+    if (e.target.matches("li.w3-bar-item")) target = e.target;
+    if (target.classList.contains("w3-bar-item")) {
+      let fileName = target.dataset.file;
+      let template = target.dataset.template;
+      let pos = target.dataset.tfpos;
       clickLoadFileDiv(fileName, template, pos);
     }
   });
@@ -234,6 +236,10 @@ function loadFileSidebar(tF) {
   let c = 0;
   let sidebarItemsAmount = 10;
   for (let obj of tF.reverse()) {
+
+    console.log(obj);
+
+
     sidebarListItem = document.createElement("li");
     sidebarListItem.classList.add(
       "w3-bar-item",
@@ -255,7 +261,18 @@ function loadFileSidebar(tF) {
       sidebarList.appendChild(sidebarListItem);
       break;
     }
-    sidebarListItem.innerHTML = obj.fileName.replace(/_/g, " ");
+
+    let sidebarListItemTitle = document.createElement("p");
+    sidebarListItemTitle.innerText = obj.fileName.replace(/_/g, " ");
+    sidebarListItemTitle.style.cssText = "margin: 0;"
+    let sidebarListItemInfo = document.createElement("span");
+    sidebarListItemInfo.classList.add("w3-small");
+    sidebarListItemInfo.innerText = "created at: "
+      +obj.metadata.ts_create.current_time
+      +" - "
+      +obj.metadata.ts_create.current_date;
+    sidebarListItem.appendChild(sidebarListItemTitle);
+    sidebarListItem.append(sidebarListItemInfo);
     sidebarListItem.setAttribute("data-file", obj.fileName);
     sidebarListItem.setAttribute("data-template", obj.template);
     sidebarListItem.setAttribute("data-tFPos", obj.pos);