Hiding Roles and Role Function for centralized App

Hiding Roles and Role Functions in case Appplication is Centralized

Issue-ID: PORTAL-902
Change-Id: I256acd5f25693683008a103b19f522497ecd426c
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

2 files changed, 61 insertions, 57 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/role-functions/role-functions.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/role-functions/role-functions.component.html
index 460f69b3..1d4342ec 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/role-functions/role-functions.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/role-functions/role-functions.component.html
@@ -43,6 +43,8 @@
   </div>
   <span class="ecomp-spinner" *ngIf="showSpinner"></span>
   
-  <rdp-data-table [data]="tableData" [settings]="settings"></rdp-data-table>
+  <div [hidden]="isAppCentralized=='true'">
+    <rdp-data-table [data]="tableData" [settings]="settings"></rdp-data-table>
+  </div>
 </div>  
     
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/roles/roles.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/roles/roles.component.html
index 7d845fee..0d248bb4 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/roles/roles.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/admin/roles/roles.component.html
@@ -41,64 +41,66 @@
           <h3 class="heading-page">Roles</h3>
           <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Roles.</b></span>
       </div>
-  
-      <span class="ecomp-spinner" *ngIf="showSpinner"></span>
-  
-      <div class="table-search-div">
-        <mat-form-field>
-          <input matInput type="text" (keyup)="applyFilter($event.target.value)" placeholder="Search in entire table">
-        </mat-form-field>
-  
-        <button type="button" *ngIf="isAppCentralized=='false'" class="btn btn-primary new-role-button" (click)="openAddNewRoleModal('')">
-          <i class="icon ion-md-person-add"></i>Add New Role
-        </button>
-      </div>
-  
-      <table mat-table [dataSource]="dataSource" matSort>
-          <ng-container matColumnDef="name">
-            <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading1"> Name</th>
-            <td mat-cell *matCellDef="let rowData"> {{rowData.name}} </td>
-          </ng-container>
-  
-          <ng-container matColumnDef="priority">
-            <th mat-header-cell *matHeaderCellDef   id="heading2"> Priority</th>
-            <td mat-cell *matCellDef="let rowData"> {{rowData.priority}} </td>
-          </ng-container>
-  
-          <ng-container matColumnDef="Edit">
-            <th mat-header-cell *matHeaderCellDef id="heading3">{{roleHeaders[2]}} </th>
-            <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
-              <span class="icon-trash" id="{{i}}-button-role-edit"
-                (click)="openAddNewRoleModal(rowData)">
-                <i class="ion ion-md-create"></i>
-            </span>
-            </td>
-          </ng-container>
-  
-          <ng-container matColumnDef="Active?">
-            <th mat-header-cell *matHeaderCellDef id="heading4"> {{roleHeaders[3]}} </th>
-            <td mat-cell *matCellDef="let rowData">
-              <mat-slide-toggle [(ngModel)]="rowData.active" (change)="toggleRole(rowData)"></mat-slide-toggle>
-            </td>
-          </ng-container>
-  
-          <ng-container matColumnDef="Delete?">
-            <th mat-header-cell *matHeaderCellDef  id="heading6"> {{roleHeaders[4]}} </th>
-            <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
-              <span class="icon-trash" id="{{i}}-button-role-remove"
-                (click)="delRoleConfirmPopUp(rowData)">
-                <i class="icon ion-md-trash"></i>
-            </span>
-            </td>
-          </ng-container>
-          <tr mat-header-row *matHeaderRowDef="roleHeaders"></tr>
-          <tr mat-row *matRowDef="let rowData; columns: roleHeaders;">
-        </table>
-        <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
+      
+      <div [hidden]="isAppCentralized=='true'">
         <span class="ecomp-spinner" *ngIf="showSpinner"></span>
-        <div>
-          <a (click)="getFunctions()" id="functions-link">Manage Role Functions</a><br><br>
+    
+        <div class="table-search-div">
+          <mat-form-field>
+            <input matInput type="text" (keyup)="applyFilter($event.target.value)" placeholder="Search in entire table">
+          </mat-form-field>
+    
+          <button type="button" *ngIf="isAppCentralized=='false'" class="btn btn-primary new-role-button" (click)="openAddNewRoleModal('')">
+            <i class="icon ion-md-person-add"></i>Add New Role
+          </button>
         </div>
+    
+        <table mat-table [dataSource]="dataSource" matSort>
+            <ng-container matColumnDef="name">
+              <th mat-header-cell *matHeaderCellDef mat-sort-header id="heading1"> Name</th>
+              <td mat-cell *matCellDef="let rowData"> {{rowData.name}} </td>
+            </ng-container>
+    
+            <ng-container matColumnDef="priority">
+              <th mat-header-cell *matHeaderCellDef   id="heading2"> Priority</th>
+              <td mat-cell *matCellDef="let rowData"> {{rowData.priority}} </td>
+            </ng-container>
+    
+            <ng-container matColumnDef="Edit">
+              <th mat-header-cell *matHeaderCellDef id="heading3">{{roleHeaders[2]}} </th>
+              <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
+                <span class="icon-trash" id="{{i}}-button-role-edit"
+                  (click)="openAddNewRoleModal(rowData)">
+                  <i class="ion ion-md-create"></i>
+              </span>
+              </td>
+            </ng-container>
+    
+            <ng-container matColumnDef="Active?">
+              <th mat-header-cell *matHeaderCellDef id="heading4"> {{roleHeaders[3]}} </th>
+              <td mat-cell *matCellDef="let rowData">
+                <mat-slide-toggle [(ngModel)]="rowData.active" (change)="toggleRole(rowData)"></mat-slide-toggle>
+              </td>
+            </ng-container>
+    
+            <ng-container matColumnDef="Delete?">
+              <th mat-header-cell *matHeaderCellDef  id="heading6"> {{roleHeaders[4]}} </th>
+              <td id="rowheader_t1_{{i}}" mat-cell *matCellDef="let rowData; let i=index;">
+                <span class="icon-trash" id="{{i}}-button-role-remove"
+                  (click)="delRoleConfirmPopUp(rowData)">
+                  <i class="icon ion-md-trash"></i>
+              </span>
+              </td>
+            </ng-container>
+            <tr mat-header-row *matHeaderRowDef="roleHeaders"></tr>
+            <tr mat-row *matRowDef="let rowData; columns: roleHeaders;">
+          </table>
+          <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
+          <span class="ecomp-spinner" *ngIf="showSpinner"></span>
+          <div>
+            <a (click)="getFunctions()" id="functions-link">Manage Role Functions</a><br><br>
+          </div>
+      </div>
     </div>
   </div>
   
\ No newline at end of file