feat: add checker inbox and tasks (#1218)

- add checker inbox - add client approval - add loan disbursal - add loan approval - add reschedule loan Fixes: #252, #1217
2020-08-23 15:38:48 +05:30
parent 3e21227056
commit 432d16d41f
39 changed files with 2081 additions and 2 deletions
@@ -0,0 +1,78 @@
+<div class="tab-container mat-typography" *ngIf="showData">
+
+  <div fxLayout="row" fxLayoutAlign="start center">
+    <div class="search-box" fxFlex="40%">
+      <mat-form-field fxFlex="90%">
+        <input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
+      </mat-form-field>
+    </div>
+    <div fxFlex="60%">
+      <button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="approveLoan()">
+        <fa-icon icon="check"></fa-icon>&nbsp;&nbsp;Approve
+      </button>
+    </div>
+  </div>
+
+  <ng-container *ngFor="let office of officesArray">
+
+    <h3 class="mat-h3">{{ office.name }}</h3>
+
+    <ng-container *ngIf="office.loans.length > 0">
+
+      <table mat-table [dataSource]="office.loans">
+
+        <ng-container matColumnDef="select">
+          <th mat-header-cell *matHeaderCellDef>
+            <mat-checkbox (change)="$event ? masterToggle(office.loans) : null"
+              [checked]="selection.hasValue() && isAllSelected(office.loans)"
+              [indeterminate]="selection.hasValue() && !isAllSelected(office.loans)" [aria-label]="checkboxLabel(office.loans)">
+            </mat-checkbox>
+          </th>
+          <td mat-cell *matCellDef="let row">
+            <mat-checkbox (click)="$event.stopPropagation()" (change)="$event ? selection.toggle(row) : null"
+              [checked]="selection.isSelected(row)" [aria-label]="checkboxLabel(row)">
+            </mat-checkbox>
+          </td>
+        </ng-container>
+
+        <ng-container matColumnDef="clientName">
+          <th mat-header-cell *matHeaderCellDef> Client </th>
+          <td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'general']">
+            {{ loan.clientName }} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="loan">
+          <th mat-header-cell *matHeaderCellDef> Loan </th>
+          <td mat-cell *matCellDef="let loan" class="view-details" [routerLink]="['../../clients', loan.clientId, 'loans', 'loan.id']">
+            {{ loan.loanProductName}}({{loan.accountNo}}) </td>
+        </ng-container>
+
+        <ng-container matColumnDef="amount">
+          <th mat-header-cell *matHeaderCellDef> Amount </th>
+          <td mat-cell *matCellDef="let loan"> {{ loan.principal | number}} </td>
+        </ng-container>
+
+        <ng-container matColumnDef="loanPurpose">
+          <th mat-header-cell *matHeaderCellDef> Loan Purpose </th>
+          <td mat-cell *matCellDef="let loan"> {{ loan.loanPurposeName }} </td>
+        </ng-container>
+
+        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+        <tr mat-row *matRowDef="let row; columns: displayedColumns;" (click)="selection.toggle(row)">
+        </tr>
+      </table>
+
+    </ng-container>
+
+  </ng-container>
+
+</div>
+
+<div class="alert" *ngIf="!(showData)">
+
+  <div class="message">
+    <i class="fa fa-exclamation-circle alert-check"></i>
+    No pending loans for approval.
+  </div>
+
+</div>