vo.component.html

<mat-expansion-panel>
	<mat-expansion-panel-header>
		<mat-panel-title>{{ group.name }} {{ group.id }}</mat-panel-title>
	</mat-expansion-panel-header>
	<div *ngIf="userService.getServices(group).length > 0; then serviceList else noServiceList"></div>
	<ng-template #serviceList>
		<p>
		You have access to these services, because you are a member of the VO  "{{ group.name }}":
		</p>
		<mat-accordion>
			<app-service *ngFor="let service of userService.getServices(group)" [service]="service"></app-service>
		</mat-accordion>
	</ng-template>
	<ng-template #noServiceList>
		<p>
		No services need membership of the VO "{{ group.name }}".
		</p>
	</ng-template>
	<div>
		Deployment: {{ deployment | json }}
	</div>
	<mat-action-row>
		<div *ngIf="userService.user.ssh_keys.length > 0; then boxes else upload"></div>
		<ng-template #boxes>
			<span style="margin-right: 15px;">
				Please select SSH Keys to deploy:
			</span>
			<mat-checkbox *ngFor="let key of userService.user.ssh_keys" style="margin-right: 8px" [checked]="isDeployed(key)" (change)="deploymentChange(key)">
				{{ key.name }}
			</mat-checkbox>
		</ng-template>
		<ng-template #upload>
			<span style="margin-right: 15px;">
				Please upload an SSH Key to use this service:
			</span>
			<button mat-icon-button (click)="dialog.openSshKeys()"><mat-icon>vpn_key</mat-icon></button>
		</ng-template>
	</mat-action-row>
</mat-expansion-panel>