Skip to content

GitLab

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

The deployment state items are now displayed in a table

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