From 88c3db80f4c14cb9b6183f2df6bf5ef8a8322b15 Mon Sep 17 00:00:00 2001
From: patcas <patrice.kast@kastgroup.com>
Date: Sat, 2 Aug 2025 12:56:46 +0200
Subject: [PATCH] improved UI, added home nav button

---
 app/static/main.css      | 3 +++
 app/static/main.js       | 7 ++++---
 app/templates/index.html | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/static/main.css b/app/static/main.css
index 3996f2a..f974d75 100644
--- a/app/static/main.css
+++ b/app/static/main.css
@@ -6,4 +6,7 @@
 }
 #sidebar > .btn{
     width: 100%;
+}
+a {
+    cursor: pointer;
 }
\ No newline at end of file
diff --git a/app/static/main.js b/app/static/main.js
index 60ad696..f42efe2 100644
--- a/app/static/main.js
+++ b/app/static/main.js
@@ -8,6 +8,7 @@ String.prototype.niceify = function() {
 // App Logic
 $.getJSON('plugins', function(data) {
   console.log(data);
+  document.getElementById("navbar").innerHTML = '<a href="/" class="p-2 border-2 border-danger sat-plugins border-bottom">Home</button>';
   data.forEach((element) => {
     document.getElementById("navbar").innerHTML +='<a href="#'+element+'" id="nav_item_'+element+'" class="p-2 border-2 border-danger sat-plugins" onclick="load_content(\''+element+'\')">'+element.niceify()+'</a>'
   });
@@ -44,10 +45,10 @@ function start_feature_read(plugin, feature, id) {
        document.getElementById("results").innerHTML = tablecode
       }
       else {
-        tablecode = '<table class="table"><thead><tr>'
+        tablecode = '<table class="table"><thead><tr><th></th><th></th>'
         Object.keys(data['table'][0]).forEach((element) => tablecode+='<th scope="col">'+element+'</th>');
-        tablecode += '<th></th><th></th></tr></thead><tbody>'
-        data['table'].forEach((element) => tablecode+='<tr><td>'+Object.values(element).join('</td><td>')+'</td><td><a onclick="start_feature_read(\''+plugin+'\', \''+feature+'\', \''+element['id']+'\')">Edit</a></td><td><a onclick="start_feature_delete(\''+plugin+'\', \''+feature+'\', \''+element['id']+'\')">Delete</a></td></tr>');
+        tablecode += '</tr></thead><tbody>'
+        data['table'].forEach((element) => tablecode+='<tr><td><a onclick="start_feature_read(\''+plugin+'\', \''+feature+'\', \''+element['id']+'\')">Edit</a></td><td><a onclick="start_feature_delete(\''+plugin+'\', \''+feature+'\', \''+element['id']+'\')">Delete</a></td><td>'+Object.values(element).join('</td><td>')+'</td></tr>');
         // tablecode+='<tr><td>NEW</td>';
         // Object.keys(data['table'][0]).forEach((element) => tablecode+='<td></td>');
         // tablecode += '<td></td></tr>'
diff --git a/app/templates/index.html b/app/templates/index.html
index dbfb9f4..3634745 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -52,7 +52,7 @@
 , filename:'SAT-export.pdf'}).from(document.getElementById('results')).save()">Export</button>-->
           </div>
 
-          <div id="output" class="d-flex flex-column w-75 mh-100 py-2" style="overflow-y: scroll;;position:fixed;">
+          <div id="output" class="d-flex flex-column mh-100 py-2">
 <!--             <div class="col-10 ps-5 mh-100 overflow-auto py-2"> -->
               <pre class="section-to-print" id="results">
                 <h2>Welcome to SimpleSignageProxy</h2>