From b31e6528cabeb89ceec95c558d90b1fbdd0415e5 Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Fri, 10 Jul 2015 11:52:12 +0200
Subject: [PATCH] Add accounts template.

---
 accountant/frontend/templates/accounts.html | 81 +++++++++++++++++++++
 1 file changed, 81 insertions(+)
 create mode 100644 accountant/frontend/templates/accounts.html

diff --git a/accountant/frontend/templates/accounts.html b/accountant/frontend/templates/accounts.html
new file mode 100644
index 0000000..3cfffb4
--- /dev/null
+++ b/accountant/frontend/templates/accounts.html
@@ -0,0 +1,81 @@
+{#
+    This file is part of Accountant.
+
+    Accountant is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Accountant is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with Accountant.  If not, see <http://www.gnu.org/licenses/>.
+#}
+{# vim: set tw=80 ts=2 sw=2 sts=2: #}
+{% extends "layout.html" %}
+{% block body %}
+
+<!-- Row with entry table -->
+<div class="row" ng-controller="AccountController">
+  <table class="table table-striped table-condensed table-hover">
+    <!-- Head of the table containing column headers and size -->
+    <thead>
+      <tr>
+        <th class="">Nom du compte</th>
+        <th class="col-md-1">Découvert autorisé</th>
+        <th class="col-md-1">Actions</th>
+      </tr>
+    </thead>
+
+    <!-- Body of the table containing the entries -->
+    <tbody>
+      <tr class=form-inline">
+        <td>
+          <input type="text" class="form-control" ng-model="newAccount.name" />
+        </td>
+
+        <td>
+          <input type="text" class="form-control"
+            ng-model="newAccount.authorized_overdraft" />
+        </td>
+        
+        <td>
+          <div class="btn-group">
+            <button class="btn btn-xs btn-success"
+              ng-click="createAccount(newAccount)">
+              <span class="fa fa-plus"></span>
+            </button>
+
+            <button class="btn btn-xs btn-default"
+              ng-click="resetAccount(newAccount)">
+              <span class="fa fa-times"></span>
+            </button>
+          </div>
+        </td>
+      </tr>
+
+      <tr id="account_[[account.id]]" class="form-inline" ng-repeat="account in accounts">
+        <td>[[ account.name ]]</td>
+        <td>[[ account.authorized_overdraft ]]</td>
+        <td>
+          <div class="btn-group">
+            <button class="btn btn-xs btn-success"
+              ng-click="editAccount(account)">
+              <span class="fa fa-pencil-square-o"></span>
+            </button>
+
+            <button class="btn btn-xs btn-default"
+              ng-click="deleteAccount(account)">
+              <span class="fa fa-trash"></span>
+            </button>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+{% endblock %}