improved fileDisplay

js/2.0.2/buildHtmlForm.js

@@ -15,8 +15,6 @@ function buildHtmlForm(objects) {
     buildField(objects[i], form, sidebarList);
   }
 
-  //console.log(objects);
-
   //create sidebar submit button
   let sidebarSubmitButton = document.createElement("li");
   sidebarSubmitButton.classList.add(

js/2.0.2/files.js

@@ -180,7 +180,7 @@ function loadFileDivCallBack() {
       "." +
       tsCreate.current_year;
     created = "";
-    created = "<p style='margin: 0'>Created at: " + tsCreate + "</p>";
+    created = "Created at</td><td>" + tsCreate;
   }
 
   let tsSave = tF[pos].metadata.ts_save;
@@ -193,7 +193,7 @@ function loadFileDivCallBack() {
       "." +
       tsSave.current_year;
     lastSaved = "";
-    lastSaved = "<p style='margin: 0'>Last saved at: " + tsSave + "</p>";
+    lastSaved = "Last saved at</td><td>" + tsSave;
   }
 
   let tsCopy = tF[pos].metadata.ts_copy;
@@ -206,7 +206,7 @@ function loadFileDivCallBack() {
       "." +
       tsCopy.current_year;
     lastCopy = "";
-    lastCopy = "<p style='margin: 0'>Last copied at: " + tsCopy + "</p>";
+    lastCopy = "Last copied at</td><td>" + tsCopy;
   }
 
   let tsEdit = tF[pos].metadata.ts_edit;
@@ -219,21 +219,25 @@ function loadFileDivCallBack() {
       "." +
       tsEdit.current_year;
     lastEdit = "";
-    lastEdit = "<p style='margin: 0'>Last edited at: " + tsEdit + "</p>";
+    lastEdit = "Last edited at</td><td>" + tsEdit;
   }
   fileInfoDiv.innerHTML =
-    "<p><b>Fileinformation:</b></p>" +
-    "<p style='margin: 0'>Template: " +
+    "<table class='w3-table'>" +
+    "<tr><th>Fileinformation:</th></tr>" +
+    "<tr><td>Template</td><td>" +
     lT +
-    "</p>" +
-    "<p style='margin: 0'>ID: " +
+    "</td></tr>" +
+    "<tr><td>ID</td><td>" +
+    pos + "." +
     tF[pos].metadata.id +
-    "</p>" +
-    created +
-    lastSaved +
-    lastCopy +
-    lastEdit
+    "</td></tr>" +
+    "<tr><td>" + created + "</td></tr>" +
+    "<tr><td>" + lastSaved + "</td></tr>" +
+    "<tr><td>" + lastCopy + "</td></tr>" +
+    "<tr><td>" + lastEdit + "</td></tr>" +
+    "</table>"
   fileInfoDiv.style.display = "block";
+  fileInfoDiv.classList.add("w3-third");
 
   //fix min height of file display
   try {