service.component.html 1.33 KB
Newer Older
Lukas Burgey's avatar
Lukas Burgey committed
1 2 3 4 5
<mat-expansion-panel>
	<mat-expansion-panel-header>
		<mat-panel-title>{{ serviceData.name }}</mat-panel-title>
		<mat-panel-description>{{ serviceData.description }}</mat-panel-description>
	</mat-expansion-panel-header>
6 7 8 9 10 11 12 13 14 15 16 17 18
	<div style="padding-bottom: 10px;">
		<span style="padding-right: 35px;"
				*ngFor="let site of serviceData.site"
				matTooltip="Provided at site {{ site.name }}">
			<mat-icon style="vertical-align: middle; padding-right: 5px;">storage</mat-icon>
			{{ site.name }}
		</span>
	</div>
	<div>
		<span style="padding-right: 35px;"
				*ngFor="let group of serviceData.groups"
				 matTooltip="Can be used with membership of group {{ group.name }}">
			<mat-icon style="vertical-align: middle; padding-right: 5px;">lock outline</mat-icon>
Lukas Burgey's avatar
Lukas Burgey committed
19
			{{ group.name }}
20 21
		</span>
	</div>
Lukas Burgey's avatar
Lukas Burgey committed
22 23

	<mat-action-row>
24
		<div *ngIf="userService.user.ssh_keys.length > 0">
25
			<span style="margin-right: 15px;">
26 27 28 29 30 31 32 33 34 35 36 37
				Deployed keys:
			</span><br/>
			<mat-checkbox *ngFor="let key of userService.user.ssh_keys"
				 style="margin-right: 8px"
				 [checked]="isDeployed(key)"
				 (change)="deploymentChange(key)">
				{{ key.name }}
			</mat-checkbox>
		</div>
		<div *ngIf="userService.user.ssh_keys.length === 0">
			<button mat-icon-button (click)="dialog.openSshKeys()"><mat-icon>vpn_key</mat-icon></button>
		</div>
Lukas Burgey's avatar
Lukas Burgey committed
38 39
	</mat-action-row>
</mat-expansion-panel>