credentials.component.html 2.47 KB
Newer Older
1
<div *ngIf="(stateItem$ | async) as stateItem" class="mat-typography">
2
3
  <h2>Credentials</h2>
  <p>
4
  For access to the service {{ stateItem.service.name }} at {{ stateItem.service.site.name }} additional credentials are needed.
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  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>
22
23
	<h2>Key Information</h2>
	<p>
24
	Here are the states of your keys at this service. The keys listed as "deployed" can be used to access the service via ssh.
25
	</p>
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
	<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>
62
</div>