Make headings consistent in UI

[broadcaster] / server / templates / header.html

diff --git a/server/templates/header.html b/server/templates/header.html
index 49d734ff963bb96beca62063998c76e2eead8731..64b3b4eddc83af3d2b7b3c0f75d00c170d5dbb3d 100644 (file)
--- a/server/templates/header.html
+++ b/server/templates/header.html
@@ -8,13 +8,39 @@
       table.radio-status, td.outer {
         border: 1px solid;
       }
       table.radio-status, td.outer {
         border: 1px solid;
       }

+      table.listing td, table.listing th {
+        padding: 0.35em;
+      }
+      td.enabled {
+        text-align: center;
+      }
+      td.token {
+        font-family: monospace;
+        font-size: 80%;
+      }

       table.inner {
         border-collapse: collapse;
       }
       table.inner {
         border-collapse: collapse;
       }

-      td.clear {
+      td.channel-state {

         text-align: center;
         text-align: center;

+        width: 5em;
+        height: 5em;
+      }
+      td.clear {

         background-color: #eeeeee;
       }
         background-color: #eeeeee;
       }

+      td.cos {
+        background-color: #aaeeaa;
+      }
+      td.ptt {
+        background-color: #eeaaaa;
+      }
+      th {
+        text-align: left;
+      }
+      input.seconds {
+        width: 3em;
+      }

       .time-table {
         font-size: 90%;
       }
       .time-table {
         font-size: 90%;
       }


@@ -89,7 +115,7 @@
         border-width: 0px 1px 0px 0px;
       }
       .content {
         border-width: 0px 1px 0px 0px;
       }
       .content {

-        flex-grow: 3;
+        flex-grow: 30;

         padding: 5em;
         padding-top: 1em;
         overflow-wrap: break-word;
         padding: 5em;
         padding-top: 1em;
         overflow-wrap: break-word;


@@ -105,13 +131,15 @@
             <div class="menu-item {{if eq .SelectedMenu "files"}}selected{{end}}"><a href="/files/">Files</a></div>
             <div class="menu-item {{if eq .SelectedMenu "playlists"}}selected{{end}}"><a href="/playlists/">Playlists</a></div>
             <div class="menu-item {{if eq .SelectedMenu "radios"}}selected{{end}}"><a href="/radios/">Radios</a></div>
             <div class="menu-item {{if eq .SelectedMenu "files"}}selected{{end}}"><a href="/files/">Files</a></div>
             <div class="menu-item {{if eq .SelectedMenu "playlists"}}selected{{end}}"><a href="/playlists/">Playlists</a></div>
             <div class="menu-item {{if eq .SelectedMenu "radios"}}selected{{end}}"><a href="/radios/">Radios</a></div>

+            {{if .User.IsAdmin}}

             <div class="menu-item {{if eq .SelectedMenu "users"}}selected{{end}}"><a href="/users/">Users</a></div>
             <div class="menu-item {{if eq .SelectedMenu "users"}}selected{{end}}"><a href="/users/">Users</a></div>

+            {{end}}

             <div class="menu-item {{if eq .SelectedMenu "change-password"}}selected{{end}}"><a href="/change-password">Change Password</a></div>
             <div class="menu-item logout"><a href="/logout">Log Out</a></div>
             <div class="menu-item {{if eq .SelectedMenu "change-password"}}selected{{end}}"><a href="/change-password">Change Password</a></div>
             <div class="menu-item logout"><a href="/logout">Log Out</a></div>

-            {{if .Username}}
-            <div class="logged-in">Logged in as:<br><i>{{.Username}}</i></div>
+            {{if .User.Username}}
+            <div class="logged-in">Logged in as:<br><i>{{.User.Username}}</i></div>

             {{end}}
             {{end}}

-            <div class="menu-tail"><small><i>broadcaster-server vTODO</i></small></div>
+            <div class="menu-tail"><small><i>broadcaster-server {{.Version}}</i></small></div>

         </div>
     {{end}}
     <div class="content">
         </div>
     {{end}}
     <div class="content">