reconfigure db

views/header.ejs

@@ -2,10 +2,39 @@
     header{
         display: flex;
         /* width: 90%; */
-        justify-content: space-evenly;
+        justify-content: space-between;
+        width: 90%;
+        text-align: center;
+        margin: auto;
     }
+    #top_panel_right{
+        float: right;
+    }
+    #top_panel_left{
+        float: left;
+    }
+    /* button{
+        /* margin-inline: 5px; */
+    /* } */
 </style>
-<header>
+<header id="top_panel">
+    <script>get_from_uuid((res)=>{
+        let uname = document.getElementById("user_name"); 
+        let header = document.getElementById("top_panel"); 
+        let right = document.getElementById("top_panel_right"); 
+        let left = document.getElementById("top_panel_left"); 
+        
+        left.innerHTML += res["login"];
+        
+        if (res["admin"] == true){
+            right.innerHTML += "<button>admin panel</button>";
+        }
+        right.innerHTML += "<button onclick='logout();'>logout</button>";
+    });
+    </script>
+    <!-- <div id="user_name"></div> -->
+    <div id="top_panel_left"></div>
     <div>puzzle</div>
-    <div><button onclick="logout();">logout</button></div>
+    <div id="top_panel_right"></div>
+    <!-- <div><button onclick="logout();">logout</button></div> -->
 </header>