feat: add dashboard component (#811)

Fixes: #808
2020-05-30 22:15:29 +05:30
parent ca9404213c
commit ab3bef463d
27 changed files with 1025 additions and 13 deletions
@@ -1,7 +1,53 @@
 <div class="container">

-  <p>
-    TODO: dashboard component.
-  </p>
+  <mat-card class="card" fxLayout="column" fxLayoutGap="40px">
+
+    <div fxLayout="row" fxLayoutGap="40px">
+
+      <mat-card class="recent-activities">
+
+        <mat-card-header class="header">
+          <h3><fa-icon icon="bolt"></fa-icon>
+          &nbsp;&nbsp; Recent Activities</h3>
+        </mat-card-header>
+
+        <mat-card-content>
+          <mat-action-list class="list">
+            <button mat-list-item *ngFor="let activity of recentActivities"
+            [routerLink]="activity"> {{ activity | urlToString }} </button>
+          </mat-action-list>
+        </mat-card-content>
+
+      </mat-card>
+
+      <mat-card class="frequent-activities">
+
+        <mat-card-header class="header">
+          <h3><fa-icon icon="laptop"></fa-icon>
+          &nbsp;&nbsp; Frequent Activities</h3>
+        </mat-card-header>
+
+        <mat-card-content>
+          <mat-action-list class="list">
+            <button mat-list-item *ngFor="let activity of frequentActivities"
+            [routerLink]="activity"> {{ activity | urlToString }} </button>
+          </mat-action-list>
+        </mat-card-content>
+        
+      </mat-card>
+
+      <mifosx-amount-disbursed-pie></mifosx-amount-disbursed-pie>
+
+    </div>
+
+    <div fxLayout="row" fxLayoutGap="40px">
+
+      <mifosx-client-trends-bar></mifosx-client-trends-bar>
+
+      <mifosx-amount-collected-pie></mifosx-amount-collected-pie>
+
+    </div>
+    
+  </mat-card>

 </div>