feat(user-update): Readonly-Eingabe für Id hinzugefügt
- Responsive CSS-Klassen für prozentuale Breiten hinzugefügt
This commit is contained in:
parent
44a017ad9e
commit
b6bc97df07
@ -1,14 +1,18 @@
|
|||||||
<div class="dd-container">
|
<div class="dd-container">
|
||||||
<!-- username, e-mail -->
|
<!-- id, username, e-mail -->
|
||||||
<div class="dd-row input-row">
|
<div class="dd-row input-row">
|
||||||
<mat-form-field>
|
<mat-form-field class="w10p">
|
||||||
|
<mat-label>Id</mat-label>
|
||||||
|
<input matInput readonly [value]="user.id" />
|
||||||
|
</mat-form-field>
|
||||||
|
<mat-form-field class="w30p">
|
||||||
<mat-label>Benutzername</mat-label>
|
<mat-label>Benutzername</mat-label>
|
||||||
<input matInput [formControl]="username" (blur)="updateErrorMessage()" required />
|
<input matInput [formControl]="username" (blur)="updateErrorMessage()" required />
|
||||||
@if (email.invalid) {
|
@if (email.invalid) {
|
||||||
<mat-error>{{errorMessage()}}</mat-error>
|
<mat-error>{{errorMessage()}}</mat-error>
|
||||||
}
|
}
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
<mat-form-field>
|
<mat-form-field class="w60p">
|
||||||
<mat-label>E-Mail</mat-label>
|
<mat-label>E-Mail</mat-label>
|
||||||
<input matInput placeholder="user@example.com" [formControl]="email" (blur)="updateMailErrorMessage()"
|
<input matInput placeholder="user@example.com" [formControl]="email" (blur)="updateMailErrorMessage()"
|
||||||
required />
|
required />
|
||||||
|
|||||||
@ -27,6 +27,12 @@ mat-form-field {
|
|||||||
margin: 0 1rem 0 1rem;
|
margin: 0 1rem 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
button {
|
.dd-row button {
|
||||||
margin: 0 1rem 0 1rem;
|
margin: 0 1rem 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@for $i from 1 through 20 {
|
||||||
|
.w#{$i * 5}p {
|
||||||
|
width: #{$i * 5 + "%"};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -10,7 +10,9 @@ export interface User {
|
|||||||
deleted?: boolean;
|
deleted?: boolean;
|
||||||
dateFormat?: string;
|
dateFormat?: string;
|
||||||
addedWho?: string;
|
addedWho?: string;
|
||||||
|
addedWhen?: Date;
|
||||||
changedWho?: string;
|
changedWho?: string;
|
||||||
|
changedWhen?: Date;
|
||||||
active?: boolean;
|
active?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user