CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: add groups view page (datatable-tabs) (#793)

Browse Source 
Fixes: #776
Fixes: #777
Fixes: #791
This commit is contained in:
Karan Takalkar
2020-05-23 21:09:51 +05:30
committed by GitHub
parent b333291f08
commit 377c4891e4
23 changed files with 785 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/groups/groups-view/committee-tab/committee-tab.component.html
+33 -29
View File
@@ -1,6 +1,6 @@
<div class="tab-container mat-typography">
<div fxLayout="row" fxLayoutAlign="start" class="table-header">
<div fxLayout="row" fxLayoutAlign="start">
<div class="m-b-10">
<h3>Client Members</h3>
</div>
@@ -11,39 +11,43 @@
</div>
</div>
<table mat-table [dataSource]="groupRolesData"
class="mat-elevation-z1">
<div *ngIf="groupRolesData">
<table mat-table [dataSource]="groupRolesData"
class="mat-elevation-z1 m-b-25">
<ng-container matColumnDef="Name">
<th mat-header-cell *matHeaderCellDef> Name </th>
<td mat-cell *matCellDef="let element"> {{element.clientName}} </td>
</ng-container>
<ng-container matColumnDef="Name">
<th mat-header-cell *matHeaderCellDef> Name </th>
<td mat-cell *matCellDef="let element"> {{element.clientName}} </td>
</ng-container>
<ng-container matColumnDef="Role">
<th mat-header-cell *matHeaderCellDef> Role </th>
<td mat-cell *matCellDef="let element"> {{element.role.name}} </td>
</ng-container>
<ng-container matColumnDef="Role">
<th mat-header-cell *matHeaderCellDef> Role </th>
<td mat-cell *matCellDef="let element"> {{element.role.name}} </td>
</ng-container>
<ng-container matColumnDef="Client Id">
<th mat-header-cell *matHeaderCellDef> Client Id </th>
<td mat-cell *matCellDef="let element"> {{element.clientId}} </td>
</ng-container>
<ng-container matColumnDef="Client Id">
<th mat-header-cell *matHeaderCellDef> Client Id </th>
<td mat-cell *matCellDef="let element"> {{element.clientId}} </td>
</ng-container>
<ng-container matColumnDef="Actions">
<th mat-header-cell *matHeaderCellDef> Actions </th>
<td mat-cell *matCellDef="let element">
<span *ngIf="groupStatus !== 'Closed'">
<button class="account-action-button" mat-raised-button color="primary"
*mifosxHasPermission="'UNASSIGNROLE_GROUP'">
<i class="fa fa-ban" matTooltip="Unassign"></i>
</button>
</span>
</td>
</ng-container>
<ng-container matColumnDef="Actions">
<th mat-header-cell *matHeaderCellDef> Actions </th>
<td mat-cell *matCellDef="let element">
<span *ngIf="groupStatus !== 'Closed'">
<button class="account-action-button" mat-raised-button color="primary"
*mifosxHasPermission="'UNASSIGNROLE_GROUP'">
<i class="fa fa-ban" matTooltip="Unassign"></i>
</button>
</span>
</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="groupRolesColumns"></tr>
<tr mat-row *matRowDef="let row; columns: groupRolesColumns;"></tr>
<tr mat-header-row *matHeaderRowDef="groupRolesColumns"></tr>
<tr mat-row *matRowDef="let row; columns: groupRolesColumns;"></tr>
</table>
</table>
</div>
</div>
src/app/groups/groups-view/committee-tab/committee-tab.component.scss
+1 -4
View File
@@ -4,14 +4,11 @@
h3 {
margin:1% auto;
}
.table-header {
.action-button{
.action-button {
margin-left: auto;
}
}
table {
width: 100%;
margin-bottom: 30px;
.account-action-button{
min-width: 26px;
padding: 0 6px;