From 674411a1e2e9b4f342f1716b9087b904d644fc3c Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sun, 27 Aug 2017 18:03:14 +0200
Subject: [PATCH] Update operation list component template to use Materialize.

---
 src/operations/operationList.component.ts | 60 ++++++++++++-----------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/operations/operationList.component.ts b/src/operations/operationList.component.ts
index ba8f151..df5a2f9 100644
--- a/src/operations/operationList.component.ts
+++ b/src/operations/operationList.component.ts
@@ -19,12 +19,12 @@ import { OperationEditModalComponent } from './operationEditModal.component';
   template: `
 <div>
   <div class="row">
-    <div class="col-md-9">
+    <div class="col s9">
       <balance-chart (onUpdate)="onUpdate($event)"
         [account]="account"></balance-chart>
     </div>
 
-    <div class="col-md-3">
+    <div class="col s3">
       <category-chart
         [minDate]="minDate"
         [maxDate]="maxDate"
@@ -33,35 +33,37 @@ import { OperationEditModalComponent } from './operationEditModal.component';
   </div>
 
   <div class="row">
-    <table class="table table-striped table-condensed table-hover">
-      <thead>
-        <tr>
-          <th>#</th>
-          <th>Date d'op.</th>
-          <th>Libell&eacute; de l'op&eacute;ration</th>
-          <th>Montant</th>
-          <th>Solde</th>
-          <th>Cat&eacute;gorie</th>
-          <th>Actions</th>
-        </tr>
-      </thead>
+    <div class="col s12">
+      <table class="table table-striped table-condensed table-hover">
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Date d'op.</th>
+            <th>Libell&eacute; de l'op&eacute;ration</th>
+            <th>Montant</th>
+            <th>Solde</th>
+            <th>Cat&eacute;gorie</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
 
-      <tbody>
-        <tr>
-          <td colspan="6">
-            <button class="btn btn-success" (click)="add()">
-              Ajouter
-            </button>
-          </td>
-        </tr>
+        <tbody>
+          <tr>
+            <td colspan="6">
+              <button class="btn btn-success" (click)="add()">
+                Ajouter
+              </button>
+            </td>
+          </tr>
 
-        <tr [operation-row]="operation"
-          [account]="account"
-          (needsReload)="load(minDate, maxDate)"
-          *ngFor="let operation of operations">
-        </tr>
-      </tbody>
-    </table>
+          <tr [operation-row]="operation"
+            [account]="account"
+            (needsReload)="load(minDate, maxDate)"
+            *ngFor="let operation of operations">
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
 </div>
     `