emphasize transactions that the logged-in user is part of, deemphasize others

[bluechips.git] / bluechips / templates / base.mako
diff --git a/bluechips/templates/base.mako b/bluechips/templates/base.mako

index 956a4eeb073c8f7618bacccbd3a9b5885d136b18..97ae8576a4281ee0bae862eb6aff564d19d2cec6 100644 (file)
--- a/bluechips/templates/base.mako
+++ b/bluechips/templates/base.mako
@@ -7,7 +7,6 @@
      ${h.stylesheet_link('/css/main.css')}
    </head>
    <body>
-    <h1>${self.title()}</h1>
      <% messages = h.flash.pop_messages() %>
      % if messages:
      <ul id="flash-messages">
@@ -16,50 +15,125 @@
      % endfor
      </ul>
      % endif
+    <div id="nav" class="block">
+      <table>
+        <tr>
+          <td>
+            <h1 class="title">
+              % if c.title:
+                ${c.title}
+              % else:
+                BlueChips
+              % endif
+            </h1>
+          </td>
+          <td>
+            <a href="${h.url_for(controller='status', action='index', id=None)}">
+              <img src="/icons/dashboard.png" alt="">
+              <span>Dashboard</span>
+            </a>
+          </td>
+          <td>
+            <a href="${h.url_for(controller='spend', action='index', id=None)}">
+              <img src="/icons/spend.png" alt="">
+              <span>Expense</span>
+            </a>
+          </td>
+          <td>
+            <a href="${h.url_for(controller='transfer', action='index', id=None)}">
+              <img src="/icons/transfer.png" alt="">
+              <span>Transfer</span>
+            </a>
+          </td>
+          <td>
+            <a href="${h.url_for(controller='history', action='index', id=None)}">
+              <img src="/icons/history.png" alt="">
+              <span>History</span>
+            </a>
+          </td>
+        </tr>
+      </table>
+    </div>
      <div id="content">
        ${next.body()}
      </div>
    </body>
  </html>
  
-<%def name="title()">BlueChips</%def>
+<%def name="title()">BlueChips
+% if c.title != '':
+  :: ${c.title}
+% endif
+</%def>
+
+<%def name="formatUser(user)">
+  % if user == c.user:
+    <strong>Me</strong>
+  % else:
+    ${user.name}
+  % endif
+</%def>
  
  <%def name="listExpenditures(es)">
-<table>
+  <table class="list">
      <tr>
-        <th>Date</th>
-        <th>Spender</th>
-        <th>Description</th>
-        <th>Amount</th>
+      <th class="date">Date</th>
+      <th class="user">Spender</th>
+      <th class="description">Description</th>
+      <th class="amount">Amount</th>
+      <th class="editlink"></th>
      </tr>
      % for e in es:
-    <tr>
-        <td>${e.date}</td>
-        <td>${e.spender.name}</td>
-        <td>${e.description}</td>
-        <td>$${h.round_currency(e.amount)}</td>
-    </tr>
+      <%
+        if e.involves(c.user):
+          klass = 'user-involved'
+        else:
+          klass = 'user-not-involved'
+      %>
+      <tr class="${klass}">
+        <td class="date">${e.date}</td>
+        <td class="user">${formatUser(e.spender)}</td>
+        <td class="description">${e.description}</td>
+        <td class="amount">${e.amount}</td>
+        <td class="editlink">${h.link_to('Edit', h.url_for(controller='spend', action='edit', id=e.id))}</td>
+      </tr>
      % endfor
-</table>
+  </table>
  </%def>
  
  <%def name="listTransfers(ts)">
-<table>
+  <table class="list">
      <tr>
-        <th>Date</th>
-        <th>From</th>
-        <th>To</th>
-        <th>Description</th>
-        <th>Amount</th>
+      <th class="date">Date</th>
+      <th class="user">From</th>
+      <th class="user">To</th>
+      <th class="description">Description</th>
+      <th class="amount">Amount</th>
+      <th class="editlink"></th>
      </tr>
      % for t in ts:
-    <tr>
-        <td>${t.date}</td>
-        <td>${t.debtor.name}</td>
-        <td>${t.creditor.name}</td>
-        <td>${t.description}</td>
-        <td>$${h.round_currency(t.amount)}</td>
-    </tr>
+      <%
+        if t.involves(c.user):
+          klass = 'user-involved'
+        else:
+          klass = 'user-not-involved'
+      %>
+      <tr class="${klass}">
+        <td class="date">${t.date}</td>
+        <td class="user">${formatUser(t.debtor)}</td>
+        <td class="user">${formatUser(t.creditor)}</td>
+        <td class="description">${t.description}</td>
+        <td class="amount">${t.amount}</td>
+        <td class="editlink">${h.link_to('Edit', h.url_for(controller='transfer', action='edit', id=t.id))}</td>
+      </tr>
      % endfor
-</table>
+  </table>
+</%def>
+
+<%def name="expenditureIcon()">
+&larr;<span class="dollarsign">&rarr;
+</%def>
+
+<%def name="transferIcon()">
+<span class="dollarsign">$</span>&rarr;<span class="dollarsign">$</span>
  </%def>