Commit 629c9617 authored by Lukas Burgey's avatar Lukas Burgey

Adapt service component to relation change

parent 7c8e3369
...@@ -18,6 +18,7 @@ import {MatFormFieldModule} from '@angular/material/form-field'; ...@@ -18,6 +18,7 @@ import {MatFormFieldModule} from '@angular/material/form-field';
import {MatSelectModule} from '@angular/material/select'; import {MatSelectModule} from '@angular/material/select';
import {MatInputModule} from '@angular/material/input'; import {MatInputModule} from '@angular/material/input';
import {MatCheckboxModule} from '@angular/material/checkbox'; import {MatCheckboxModule} from '@angular/material/checkbox';
import {MatTooltipModule} from '@angular/material/tooltip';
import { CookieService } from 'ngx-cookie-service'; import { CookieService } from 'ngx-cookie-service';
...@@ -81,6 +82,7 @@ const routes = [ ...@@ -81,6 +82,7 @@ const routes = [
MatSelectModule, MatSelectModule,
MatInputModule, MatInputModule,
MatCheckboxModule, MatCheckboxModule,
MatTooltipModule,
], ],
providers: [ providers: [
CookieService, CookieService,
......
...@@ -3,24 +3,26 @@ ...@@ -3,24 +3,26 @@
<mat-panel-title>{{ serviceData.name }}</mat-panel-title> <mat-panel-title>{{ serviceData.name }}</mat-panel-title>
<mat-panel-description>{{ serviceData.description }}</mat-panel-description> <mat-panel-description>{{ serviceData.description }}</mat-panel-description>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<p> <div style="padding-bottom: 10px;">
<mat-icon style="vertical-align: middle; padding-right: 35px;">storage</mat-icon> <span style="padding-right: 35px;"
Provided by: {{ serviceData.site.name }} *ngFor="let site of serviceData.site"
</p> matTooltip="Provided at site {{ site.name }}">
<mat-icon style="vertical-align: middle; padding-right: 5px;">storage</mat-icon>
<span> {{ site.name }}
<mat-icon style="vertical-align: middle; padding-right: 35px;">lock outline</mat-icon> </span>
</span> </div>
Needs membership of one of the following groups: <div>
<ul> <span style="padding-right: 35px;"
<li *ngFor="let group of serviceData.groups"> *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>
{{ group.name }} {{ group.name }}
</li> </span>
</ul> </div>
<mat-action-row> <mat-action-row>
<div *ngIf="userService.user.ssh_keys.length > 0"> <div *ngIf="userService.user.ssh_keys.length > 0">
<span style="margin-right: 15px"> <span style="margin-right: 15px;">
Deployed keys: Deployed keys:
</span><br/> </span><br/>
<mat-checkbox *ngFor="let key of userService.user.ssh_keys" <mat-checkbox *ngFor="let key of userService.user.ssh_keys"
......
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