Commit db59f40d authored by Lukas Burgey's avatar Lukas Burgey
Browse files

The deployment state items are now displayed in a table

parent b53457d3
......@@ -3,17 +3,29 @@
<mat-panel-title>{{ }}</mat-panel-title>
<mat-panel-description>{{ service.description }}</mat-panel-description>
<tr style="margin-bottom: 25px;">
<table style="margin-bottom: 30px;">
<td>SSH Keys</td>
<td style="min-width: 120px;">Sites</td>
<td *ngFor="let key of userService.user.ssh_keys" style="width: 75px;">
<tr *ngFor="let site of" style="height: 42px;">
<span *ngFor="let site of" style="margin-right: 15px;">
<span matTooltip="Provided at site {{ }}" style="margin-right: 10px;">
<mat-icon style="vertical-align: middle; padding-right: 5px;">storage</mat-icon>
{{ }}
<span *ngIf="userService.user.ssh_keys.length > 0" style="margin-right: 10px;">
<span *ngFor="let key of userService.user.ssh_keys"
[ngSwitch]="taskState(site, key)" class="childs-inline">
<td *ngFor="let key of userService.user.ssh_keys">
<span [ngSwitch]="taskState(site, key)" class="childs-inline">
<!-- states with actions -->
<button *ngSwitchCase="'deployed'" mat-button mat-icon-button
(click)="dialog.openCredentials(taskItem(site, key))"
......@@ -46,10 +58,11 @@
<mat-icon style="vertical-align: middle">call_received</mat-icon>
<td *ngFor="let group of service.groups" style="margin-right: 15px;">
<span matTooltip="Can be used with membership of group {{ }}">
......@@ -63,7 +76,7 @@
<div *ngIf="userService.user.ssh_keys.length > 0; then boxes else upload"></div>
<ng-template #boxes>
<span style="margin-right: 15px;">
SSH Keys:
Please select SSH Keys to deploy:
<mat-checkbox *ngFor="let key of userService.user.ssh_keys"
style="margin-right: 8px"
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