From e30fab6a06fef1d15e6ce91cbb5eb34ef38f2e62 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sat, 4 Dec 2021 22:30:48 +0000
Subject: [PATCH] Add sidebar

---
 web/base.tpl            | 15 ++++++++++-----
 web/sidebar.tpl         | 27 +++++++++++++++++++++++++++
 web/static/css/main.css | 28 ++++++++++++++++++++++++++++
 3 files changed, 65 insertions(+), 5 deletions(-)
 create mode 100644 web/sidebar.tpl
diff --git a/web/base.tpl b/web/base.tpl
index b63c812..c6eb3cb 100644
--- a/web/base.tpl
+++ b/web/base.tpl
@@ -19,13 +19,18 @@
         {{block "more-head" .}}{{end}}
     </head>
     <body>
-        <div class="container" id="head">
-            {{template "title" .}}
+        <div id="sidebar">
+            {{template "sidebar" .}}
         </div>
-        <div class="container col-lg-12" id="content">
-                {{template "main" .}}
+        <div id="content">
+            <div class="container" id="head">
+                {{template "title" .}}
+            </div>
+            <div class="container col-lg-12" id="content">
+                    {{template "main" .}}
+            </div>
+            {{block "new" .}}{{end}}
         </div>
-        {{block "new" .}}{{end}}
     </body>
 </html>
 {{end}}
\ No newline at end of file
diff --git a/web/sidebar.tpl b/web/sidebar.tpl
new file mode 100644
index 0000000..44b1ed9
--- /dev/null
+++ b/web/sidebar.tpl
@@ -0,0 +1,27 @@
+{{define "sidebar"}}
+<ul>
+        <li>Budget (Coming Soon)</li>
+        <li>Reports (Coming Soon)</li>
+        <li>All Accounts</li>
+        <li>
+                On-Budget Accounts
+                <ul class="two-valued">
+                        {{range .Accounts}}
+                                <li>
+                                        <a href="/account/{{.ID}}">{{.Name}}</a>
+                                        <span class="right">{{printf "%.2f" .Balance.GetFloat64}}</span>
+                                </li>
+                        {{end}}
+                </ul>
+        </li>
+        <li>
+                Off-Budget Accounts
+        </li>
+        <li>
+                Closed Accounts
+        </li>
+        <li>
+                + Add Account
+        </li>
+</ul>        
+{{end}}
\ No newline at end of file
diff --git a/web/static/css/main.css b/web/static/css/main.css
index 21b595c..4c97039 100644
--- a/web/static/css/main.css
+++ b/web/static/css/main.css
@@ -31,4 +31,32 @@
     display: block;
     text-align: center;
     font-size: 70.7%;
+}
+
+body {
+    display: grid;
+    grid-template-columns: 300px auto;
+}
+
+#sidebar {
+    margin: 1em;
+    font-size: 180%;
+}
+#sidebar ul {
+    padding: 0;
+    list-style: none;
+    font-size: 75%;
+}
+.two-valued {
+    display: table;
+}
+.two-valued * {
+    display: table-row;
+}
+.two-valued * * {
+    display: table-cell;
+}
+
+.right {
+    text-align: right;
 }
\ No newline at end of file
