feat(user-update): readonly Eingabe für addedWho, addedWhen, changedWho und changedWhen hinzugefügt

This commit is contained in:
Developer 02 2024-10-31 10:49:02 +01:00
parent ab6c843248
commit 3749b5ee97
3 changed files with 28 additions and 1 deletions

View File

@ -68,6 +68,27 @@
<textarea matInput [formControl]="comment"></textarea>
</mat-form-field>
</div>
<mat-divider></mat-divider>
<!-- addedWho, addedWhen, changedWho and changedWhen -->
<div class="dd-row input-row">
<mat-form-field>
<mat-label>Hinzugefügt wer</mat-label>
<input matInput readonly [value]="user.addedWho" />
</mat-form-field>
<mat-form-field>
<mat-label>Hinzugefügt wann</mat-label>
<input matInput readonly [value]="user.addedWhen | date:'dd.MM.yyyy'" />
</mat-form-field>
<mat-form-field>
<mat-label>Geändert wer</mat-label>
<input matInput readonly [value]="user.changedWho" />
</mat-form-field>
<mat-form-field>
<mat-label>Geändert wann</mat-label>
<input matInput readonly [value]="user.changedWhen | date:'dd.MM.yyyy'" />
</mat-form-field>
</div>
<mat-divider></mat-divider>
<!-- save-button, delete-button -->
<div class="dd-row button-row">
<button mat-fab extended (click)="update()">

View File

@ -31,6 +31,11 @@ mat-form-field {
margin: 0 1rem 0 1rem;
}
.dd-container mat-divider {
margin: 0 0 1rem 0;
padding: 0;
}
@for $i from 1 through 20 {
.w#{$i * 5}p {
width: #{$i * 5 + "%"};

View File

@ -16,11 +16,12 @@ import { RefreshService } from '../../../services/button/refresh.service';
import Swal from 'sweetalert2';
import { MatSelectModule } from '@angular/material/select';
import { env } from '../../../../environments/environment'
import {MatDividerModule} from '@angular/material/divider';
@Component({
selector: 'app-user-update-form',
standalone: true,
imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, UserGroupDirImportComponent, MatSelectModule],
imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, UserGroupDirImportComponent, MatSelectModule, MatDividerModule],
templateUrl: './user-update-form.component.html',
styleUrl: './user-update-form.component.scss'
})