Implemented better ui.

resources/templates/account.html

@@ -7,11 +7,11 @@
 
 <table class="uk-table uk-table-divider uk-table-striped uk-table-hover uk-table-small">
   <caption>Summary</caption>
-  <tr><th>ID</th><td>{{ account.id }}</td></tr>
+  <tr><th>ID</th><td>{{ account.id | micro_id }}</td></tr>
   <tr><th>Label</th><td>{{ account.label }}</td></tr>
-  <tr><th>Amount</th><td>{{ account.amount }}</td></tr>
+  <tr><th>Amount</th><td>{{ account.amount | thousand_separator }}</td></tr>
   <tr><th>Account Type</th><td>{{ account.account_type | replace("_", " ") | lower}}</td></tr>
-  <tr><th>Last Update</th><td>{{ account.last_update }}</td></tr>
+  <tr><th>Last Update</th><td>{{ account.last_update | utc_date }}</td></tr>
   <tr><th>Security</th><td>{{ account.security.symbol }}</td></tr>
 </table>
 

resources/templates/accounts.html

@@ -21,11 +21,11 @@
     {% for account in accounts %}
     <tr>
       <td><a href="/accounts/{{ account.id }}"><span uk-icon="info"></span></a></td>
-      <td>{{ account.id }}</td>
+      <td>{{ account.id | micro_id}}</td>
       <td>{{ account.label }}</td>
-      <td>{{ account.amount }}</td>
+      <td>{{ account.amount | thousand_separator }}</td>
       <td style="font-variant: small-caps;">{{ account.account_type | replace("_", " ") | lower}}</td>
-      <td>{{ account.last_update }}</td>
+      <td>{{ account.last_update | utc_date }}</td>
       <td style="font-variant: small-caps;">{{ account.security.symbol }}</td>
     </tr>
     {% endfor %}

resources/templates/securities.html

@@ -20,7 +20,7 @@
   {% for sec in securities %}
   <tr>
     <td><a href="/securities/{{ sec.id }}"><span uk-icon="info"></span></a></td>
-    <td>{{ sec.id }}</td>
+    <td>{{ sec.id | micro_id }}</td>
     <td>{{ sec.name }}</td>
     <td>{{ sec.symbol }}</td>
     <td>{{ sec.security_type }}</td>