feat: add permissions in system module (#1212)

#1196

src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.html

@@ -93,7 +93,7 @@
       <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
         <button type="button" mat-raised-button [routerLink]="['../']">Cancel</button>
         <button mat-raised-button color="primary"
-          [disabled]="!dataTableForm.valid || dataTableForm.pristine && !isFormEdited">Submit</button>
+          [disabled]="!dataTableForm.valid || dataTableForm.pristine && !isFormEdited" *mifosxHasPermission="'UPDATE_DATATABLE'">Submit</button>
       </mat-card-actions>
 
     </form>

src/app/system/manage-data-tables/manage-data-tables.component.html

@@ -1,5 +1,5 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
-  <button mat-raised-button color="primary" [routerLink]="['create']">
+  <button mat-raised-button color="primary" [routerLink]="['create']" *mifosxHasPermission="'CREATE_DATATABLE'">
     <fa-icon icon="plus"></fa-icon>&nbsp;&nbsp;
     Create Data Table
   </button>

src/app/system/manage-data-tables/view-data-table/view-data-table.component.html

@@ -1,11 +1,11 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
 
-    <button mat-raised-button color="primary" [routerLink]="['edit']">
+    <button mat-raised-button color="primary" [routerLink]="['edit']" *mifosxHasPermission="'UPDATE_DATATABLE'">
         <fa-icon icon="edit"></fa-icon>&nbsp;&nbsp;
         Edit
     </button>
 
-    <button mat-raised-button color="warn" (click)="delete()">
+    <button mat-raised-button color="warn" (click)="delete()" *mifosxHasPermission="'DELETE_DATATABLE'">
         <fa-icon icon="trash"></fa-icon>&nbsp;&nbsp;
         Delete
     </button>