Commit 0a36c483 authored by Lukas Burgey's avatar Lukas Burgey

Change multiple details concerning the webpage

parent 6c4d2a55
<div class="body" class="mat-typography" class="body" > <div class="body" class="mat-typography" class="body" >
<div *ngIf="(userService.subscribeUser() | async) as user"> <div *ngIf="(userService.subscribeUser() | async) as user" style="max-width: 800px; margin: auto;">
<mat-tab-group> <mat-tab-group>
<mat-tab label="Your VOs"> <mat-tab label="Your VOs">
<div class="mat-typography" class="body"> <div class="mat-typography" class="body">
<h2>Your Virtual Organisations</h2> <h3>Your Virtual Organisations</h3>
<div> <div>
<mat-accordion *ngIf="(userService.subscribeGroups() | async) as groups"> <mat-accordion *ngIf="(userService.subscribeGroups() | async) as groups">
<app-vo-data *ngFor="let group of groups" [group]="group"></app-vo-data> <app-vo-data *ngFor="let group of groups" [group]="group"></app-vo-data>
......
...@@ -43,7 +43,7 @@ export class AccountComponent implements OnInit { ...@@ -43,7 +43,7 @@ export class AccountComponent implements OnInit {
this.dialog.open( this.dialog.open(
ProfileComponent, ProfileComponent,
{ {
width: '80%', width: '70%',
data: { data: {
user: user, user: user,
} }
......
...@@ -18,67 +18,66 @@ export class DialogService { ...@@ -18,67 +18,66 @@ export class DialogService {
messageDialog: MatDialogRef<any>; messageDialog: MatDialogRef<any>;
defaultWidth = '700px'; defaultWidth = '70%';
settings = {
width: this.defaultWidth,
};
constructor( constructor(
private dialog: MatDialog, private dialog: MatDialog,
) { } ) { }
settingsData(data?: any) {
if (data != undefined && data != null) {
return {
width: this.defaultWidth,
data: data,
}
} else {
return {
width: this.defaultWidth,
}
}
}
public openProfile(user: t.User) { public openProfile(user: t.User) {
this.profileDialog = this.dialog.open( this.profileDialog = this.dialog.open(
ProfileComponent, ProfileComponent,
{ this.settingsData({
width: this.defaultWidth, user: user,
data: { }),
user: user,
}
}
); );
} }
public openAccount() { public openAccount() {
this.accountDialog = this.dialog.open( this.accountDialog = this.dialog.open(
AccountComponent, AccountComponent,
this.settings, this.settingsData(),
); );
} }
public openQuestionnaire(stateItem: t.DeploymentStateItem) { public openQuestionnaire(stateItem: t.DeploymentStateItem) {
this.questionnaireDialog = this.dialog.open( this.questionnaireDialog = this.dialog.open(
QuestionnaireComponent, QuestionnaireComponent,
{ this.settingsData({
width: '80%', stateItem: stateItem,
data: { }),
stateItem: stateItem,
}
}
); );
} }
public openCredentials(stateItem: t.DeploymentStateItem) { public openCredentials(stateItem: t.DeploymentStateItem) {
this.credentialsDialog = this.dialog.open( this.credentialsDialog = this.dialog.open(
CredentialsComponent, CredentialsComponent,
{ this.settingsData({
width: this.defaultWidth, stateItem: stateItem,
data: { }),
stateItem: stateItem,
}
}
); );
} }
public openMessage(stateItem: t.DeploymentStateItem) { public openMessage(stateItem: t.DeploymentStateItem) {
this.messageDialog = this.dialog.open( this.messageDialog = this.dialog.open(
MessageComponent, MessageComponent,
{ this.settingsData({
width: this.defaultWidth, stateItem: stateItem,
data: { }),
stateItem: stateItem,
}
}
); );
} }
} }
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