feat(user-update): Readonly-Eingabe für Id hinzugefügt

- Responsive CSS-Klassen für prozentuale Breiten hinzugefügt
This commit is contained in:
Developer 02 2024-10-31 10:20:30 +01:00
parent 44a017ad9e
commit b6bc97df07
3 changed files with 16 additions and 4 deletions

View File

@ -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 />

View File

@ -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 + "%"};
}
} }

View File

@ -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;
} }