Disable scenario property

This commit is contained in:
Manuel Romero
2020-05-10 11:50:35 +02:00
parent 61b57d5bc7
commit 2d512b49be
7 changed files with 20 additions and 8 deletions

View File

@@ -16,7 +16,11 @@
</div>
<section *ngIf="scenario.isExternal" style="padding: 20px 0px; margin: 0px 20px">
<mdb-checkbox [default]="false" (change)="checkOnchange($event)">Check to enable External Access</mdb-checkbox>
<mdb-checkbox [default]="false" (change)="checkOnchange($event)">Enable External Access</mdb-checkbox>
</section>
<section *ngIf="!scenario.isExternal" style="padding: 20px 0px; margin: 0px 20px">
<mdb-checkbox [default]="false" (change)="checkOnchange($event)" [disabled]="true"><span style="color:#ccc">Enable External Access</span><br><i><mdb-icon fas icon="exclamation-triangle"></mdb-icon> This scenario only allows access from VPN</i></mdb-checkbox>
</section>
<div style="padding-top: 10px" class="md-form" >

View File

@@ -1,18 +1,19 @@
<p>
<mdb-icon fas icon="globe-americas" size="lg" class="grey-text pr-1" aria-hidden="true"></mdb-icon>Scenario with External Access available
<span *ngIf="user && (user.role === 'admin' || user.role === 'superadmin')"><mdb-icon fas icon="user-secret" size="lg" class="ml-5 grey-text pr-1" aria-hidden="true"></mdb-icon>Only Administrators can see</span>
</p>
<div class="md-form">
<mdb-icon fas icon="search" aria-hidden="true"></mdb-icon>
<input type="search" [(ngModel)]="searchText" class="ml-2" placeholder="Search text">
</div>
<p>
<mdb-icon fas icon="globe-americas" size="lg" class="grey-text pr-1" aria-hidden="true"></mdb-icon>Scenario with External Access
<span *ngIf="user && (user.role === 'admin' || user.role === 'superadmin')"><mdb-icon fas icon="user-secret" size="lg" class="ml-5 grey-text pr-1" aria-hidden="true"></mdb-icon>Only Administrators can see</span>
</p>
<div class="flexcontainer">
<mdb-card class="qmicard" *ngFor="let s of scenarios | filter: searchText">
<!--Card content-->
<div class="card-badge">
<mdb-icon *ngIf="s.isExternal" fas icon="globe-americas" size="lg" class="grey-text" aria-hidden="true" mdbTooltip="External Access" placement="top"></mdb-icon>
<mdb-icon *ngIf="s.isExternal" fas icon="globe-americas" size="lg" class="grey-text" aria-hidden="true" mdbTooltip="External Access available" placement="top"></mdb-icon>
<mdb-icon *ngIf="s.isAdminOnly" fas icon="user-secret" size="lg" class="grey-text" aria-hidden="true" mdbTooltip="Only Administrators can see" placement="top"></mdb-icon>
</div>
<mdb-card-header>

View File

@@ -13,6 +13,7 @@
<th>IsAdminOnly</th>
<th>IsExternal</th>
<th>IsWafPolicyAppGw</th>
<th>IsDisabled</th>
<th>NewImageName(gen)</th>
</tr>
@@ -27,6 +28,7 @@
<td style="text-align: center;" *ngIf="i+1 >= mdbTablePagination.firstItemIndex && i < mdbTablePagination.lastItemIndex"><mdb-checkbox [checked]="item.isAdminOnly" [default]="false" (change)="FieldsChange(item, 'isAdminOnly', $event)"></mdb-checkbox></td>
<td style="text-align: center;" *ngIf="i+1 >= mdbTablePagination.firstItemIndex && i < mdbTablePagination.lastItemIndex"><mdb-checkbox [checked]="item.isExternal" [default]="false" (change)="FieldsChange(item, 'isExternal', $event)"></mdb-checkbox></td>
<td style="text-align: center;" *ngIf="i+1 >= mdbTablePagination.firstItemIndex && i < mdbTablePagination.lastItemIndex"><mdb-checkbox [checked]="item.isWafPolicyAppGw" [default]="false" (change)="FieldsChange(item, 'isWafPolicyAppGw', $event)"></mdb-checkbox></td>
<td style="text-align: center;" *ngIf="i+1 >= mdbTablePagination.firstItemIndex && i < mdbTablePagination.lastItemIndex"><mdb-checkbox [checked]="item.isDisabled" [default]="false" (change)="FieldsChange(item, 'isDisabled', $event)"></mdb-checkbox></td>
<td contenteditable="true" (keyup)="changeValue(item._id, 'newImageName', $event)" (blur)="updateList(item, 'newImageName', $event)" *ngIf="i+1 >= mdbTablePagination.firstItemIndex && i < mdbTablePagination.lastItemIndex">{{item.newImageName}}</td>
</tr>