Commit c048010b authored by Lukas Burgey's avatar Lukas Burgey

Show extended information about the credential states

parent 572e1933
<div class="mat-typography">
<h2>Credentials</h2>
<p>
For access to the service {{ service.name }} at {{ service.site.name }} additional credentials are needed.
The additional credentials are listed below.
</p>
<div *ngIf="credentialCount > 0" style="margin-bottom: 50px;">
<mat-table [dataSource]="table">
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
<mat-cell *matCellDef="let element">{{ element.name}}</mat-cell>
</ng-container>
<ng-container matColumnDef="value">
<mat-header-cell *matHeaderCellDef>Value</mat-header-cell>
<mat-cell *matCellDef="let element">{{ element.value }}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="columns"></mat-header-row>
<mat-row *matRowDef="let row; columns: columns;"></mat-row>
</mat-table>
</div>
<h2>Credentials</h2>
<p>
For access to the service {{ service.name }} at {{ service.site.name }} additional credentials are needed.
The additional credentials are listed below.
</p>
<div *ngIf="credentialCount > 0" style="margin-bottom: 50px;">
<mat-table [dataSource]="table">
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
<mat-cell *matCellDef="let element">{{ element.name}}</mat-cell>
</ng-container>
<ng-container matColumnDef="value">
<mat-header-cell *matHeaderCellDef>Value</mat-header-cell>
<mat-cell *matCellDef="let element">{{ element.value }}</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="columns"></mat-header-row>
<mat-row *matRowDef="let row; columns: columns;"></mat-row>
</mat-table>
</div>
<div>
<h2>Key Information</h2>
<p>
The following ssh keys of yours can be used for accessing this service:
Here are the states of your keys at this service. The keys listed as "deployed" can be used to access the service via ssh.
</p>
<div>
<ng-container *ngFor="let state of stateItem.credential_states">
<p *ngIf="state.state == 'deployed'">
{{ state.credential.name }}
</p>
</ng-container>
</div>
<table style="margin: 30px auto 0px auto;">
<thead>
<tr>
<td style="min-width: 150px;">State</td>
<td style="min-width: 200px;">Key</td>
<td></td>
</tr>
</thead>
<tbody>
<tr *ngFor="let state of stateItem.credential_states">
<td class="childs-inline">
<span [ngSwitch]="state.state" style="margin-right: 10px;">
<mat-icon *ngSwitchCase="'deployed'">call_made</mat-icon>
<mat-icon *ngSwitchCase="'questionnaire'">warning</mat-icon>
<mat-progress-spinner *ngSwitchCase="'deployment_pending'" diameter="24" mode="indeterminate"></mat-progress-spinner>
<mat-progress-spinner *ngSwitchCase="'removal_pending'" diameter="24" mode="indeterminate"></mat-progress-spinner>
<mat-icon *ngSwitchCase="'not_deployed'" mat-icon-button>call_received</mat-icon>
<mat-icon *ngSwitchCase="'failed'" mat-icon-button>error</mat-icon>
<mat-icon *ngSwitchCase="'rejected'" mat-icon-button>error</mat-icon>
<mat-icon *ngSwitchDefault mat-icon-button>call_received</mat-icon>
</span>
{{ state.state }}
</td>
<td style="font-size: 110%;">
{{ state.credential.name }}
</td>
<td *ngIf="state.state_target !== state.state" class="childs-inline">
<span style="margin-right: 10px;">
<mat-progress-spinner diameter="24" mode="indeterminate"></mat-progress-spinner>
</span>
In transition to state {{ state.state_target }}
</td>
</tr>
</tbody>
</table>
</div>
</div>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment