added create date to sidebar

This commit is contained in:
maru21 2023-11-04 19:41:56 +01:00
parent 1ac7eb8bf4
commit e2d5d28737
2 changed files with 22 additions and 6 deletions

View File

@ -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";
}

View File

@ -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);