Commit b228926c authored by Lukas Burgey's avatar Lukas Burgey

Change the style of the header

parent 14a2b641
<p class="mat-body-1"> <div class="mat-typography">
You can delete your account. All deployments will be withdrawn if you choose to do so. <h3>Account Management</h3>
</p> <p class="mat-body-1">
<p class="mat-body-2"> You can delete your account. All deployments will be withdrawn if you choose to do so.
<mat-checkbox [(ngModel)]="sure" style="margin-right: 8px" [checked]="sure"> </p>
</mat-checkbox> <p class="mat-body-2">
I'm sure I want to delete all my data on the server. <mat-checkbox [(ngModel)]="sure" style="margin-right: 8px" [checked]="sure">
<p> </mat-checkbox>
<button mat-raised-button mat-dialog-close color="primary" (click)="delete()" [disabled]="!sure"> I'm sure I want to delete all my data from the server.
Delete <p>
</button> <button mat-raised-button mat-dialog-close color="primary" (click)="delete()" [disabled]="!sure">
</p> Delete
</button>
</p>
</div>
:host {
width: 100%;
}
:host>* {
float: right;
}
<span class=".row-fill-remaining-space"></span> <div>
<span>
<span *ngIf="userService.loggedIn ? false : true"> <span *ngIf="userService.loggedIn ? false : true">
<form *ngIf="idps" <form *ngIf="idps"
(ngSubmit)="userService.login(selectedIdP)" #loginForm="ngForm"> (ngSubmit)="userService.login(selectedIdP)" #loginForm="ngForm">
...@@ -25,4 +24,4 @@ ...@@ -25,4 +24,4 @@
</button> </button>
<button mat-raised-button color="accent" (click)="userService.logout()">Logout</button> <button mat-raised-button color="accent" (click)="userService.logout()">Logout</button>
</span> </span>
</span> </div>
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
This is due services requiring users to be member of a certain group. This is due services requiring users to be member of a certain group.
</p> </p>
</div> </div>
<!--
<div *ngIf="userService.user.deployment_tasks.length > 0"> <div *ngIf="userService.user.deployment_tasks.length > 0">
<h3>Uncompleted tasks</h3> <h3>Uncompleted tasks</h3>
<div> <div>
...@@ -28,4 +29,5 @@ ...@@ -28,4 +29,5 @@
</p> </p>
</div> </div>
</div> </div>
-->
</div> </div>
<div> <div class="mat-typography">
<h3>User Info</h3>
<mat-table [dataSource]="userService.userInfoData"> <mat-table [dataSource]="userService.userInfoData">
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef>Name</mat-header-cell> <mat-header-cell *matHeaderCellDef>Name</mat-header-cell>
......
<div style="margin-bottom: 25px;"> <div class="mat-typography">
<div *ngIf="userService.user.ssh_keys.length > 0; then key_list else upload_note"></div> <h3>Key Management</h3>
<div style="margin-bottom: 25px;">
<div *ngIf="userService.user.ssh_keys.length > 0; then key_list else upload_note"></div>
</div>
<div *ngIf="upload; then uploading else not_uploading"></div>
</div> </div>
<div *ngIf="upload; then uploading else not_uploading"></div>
<ng-template #key_list> <ng-template #key_list>
<mat-table [dataSource]="userService.sshKeyData"> <mat-table [dataSource]="userService.sshKeyData">
<ng-container matColumnDef="name"> <ng-container matColumnDef="name">
...@@ -10,12 +13,12 @@ ...@@ -10,12 +13,12 @@
</ng-container> </ng-container>
<ng-container matColumnDef="key"> <ng-container matColumnDef="key">
<mat-header-cell *matHeaderCellDef>Key</mat-header-cell> <mat-header-cell *matHeaderCellDef>Key</mat-header-cell>
<mat-cell *matCellDef="let element">{{ element.key }}</mat-cell> <mat-cell style="font-size: 11px;" *matCellDef="let element">{{ element.key }}</mat-cell>
</ng-container> </ng-container>
<ng-container matColumnDef="action"> <ng-container matColumnDef="action">
<mat-header-cell *matHeaderCellDef>Action</mat-header-cell> <mat-header-cell *matHeaderCellDef>Action</mat-header-cell>
<mat-cell *matCellDef="let element"> <mat-cell *matCellDef="let element">
<button mat-icon-button (click)="deleteKey(element)"> <button mat-icon-button matTooltip="Delete key" (click)="deleteKey(element)">
<mat-icon>delete_forever</mat-icon> <mat-icon>delete_forever</mat-icon>
</button> </button>
</mat-cell> </mat-cell>
...@@ -26,7 +29,7 @@ ...@@ -26,7 +29,7 @@
</ng-template> </ng-template>
<ng-template #upload_note> <ng-template #upload_note>
<p> <p>
You have no uploaded keys. You have no uploaded keys. Please upload an SSH public key.
</p> </p>
</ng-template> </ng-template>
<ng-template #uploading> <ng-template #uploading>
......
...@@ -9,17 +9,17 @@ body { ...@@ -9,17 +9,17 @@ body {
} }
.outer { .outer {
display: table; display: table;
position: absolute; position: absolute;
width: 100%; width: 100%;
margin-top: 2%; margin-top: 2%;
margin-bottom: 2%; margin-bottom: 2%;
} }
.inner { .inner {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 75%; width: 75%;
} }
.mat-column-name { .mat-column-name {
...@@ -32,10 +32,14 @@ body { ...@@ -32,10 +32,14 @@ body {
} }
.form-container { .form-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.form-container > * { .form-container > * {
width: 50%; width: 50%;
}
.mat-form-field {
margin-right: 15px;
} }
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