jank/angular-hotel-manager
Archived
1
0
Fork 0
Code Issues 1 Pull requests 5 Projects Releases Packages Wiki Activity Actions

style update

Browse source
This commit is contained in:
Jan K9f 2025-01-07 09:59:47 +01:00
commit 0986803583
Signed by: jank
GPG key ID: B267751B8AE29EFE
8 changed files with 49 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/app/new-hotel/new-hotel.component.html
View file

@ -2,25 +2,25 @@
<form [formGroup]="hotelForm">
<label for="name">Name</label>
<div class="text-red" *ngIf="errorMessages['name']">{{ errorMessages['name'] }}</div>
<div class="text-red-500" *ngIf="errorMessages['name']">{{ errorMessages['name'] }}</div>
<input type="text" class="border-red-500" [class.border-8]='hotelForm.get("name")?.invalid && hotelForm.get("name")?.touched' id="name" formControlName="name">
<label for="description">Description</label>
<div class="text-red" *ngIf="errorMessages['description']">{{ errorMessages['description'] }}</div>
<div class="text-red-500" *ngIf="errorMessages['description']">{{ errorMessages['description'] }}</div>
<input type="text" class="border-red-500" [class.border-8]='hotelForm.get("description")?.invalid && hotelForm.get("description")?.touched' id="description" formControlName="description">
<label for="imageUrl">Image</label>
<div class="text-red" *ngIf="errorMessages['imageUrl']">{{ errorMessages['imageUrl'] }}</div>
<div class="text-red-500" *ngIf="errorMessages['imageUrl']">{{ errorMessages['imageUrl'] }}</div>
<input type="url" class="border-red-500" [class.border-8]='hotelForm.get("imageUel")?.invalid && hotelForm.get("imageUrl")?.touched' id="imageUrl" formControlName="imageUrl">
<label for="price">Price</label>
<div class="text-red" *ngIf="errorMessages['price']">{{ errorMessages['price'] }}</div>
<div class="text-red-500" *ngIf="errorMessages['price']">{{ errorMessages['price'] }}</div>
<input type="number" class="border-red-500" [class.border-8]='hotelForm.get("price")?.invalid' id="price" formControlName="price">
<label for="rating">Rating</label>
<div class="text-red" *ngIf="errorMessages['rating']">{{ errorMessages['rating'] }}</div>
<div class="text-red-500" *ngIf="errorMessages['rating']">{{ errorMessages['rating'] }}</div>
<input type="rating" class="border-red-500" [class.border-8]='hotelForm.get("rating")?.invalid' id="rating" formControlName="rating">
<button (click)="addTag()">Add Tag</button>
<button class="submit-button" (click)="addTag()">Add Tag</button>
@for (tag of getTags().controls; track null) {
<input type="tag" class="border-red-500" [class.border-8]='hotelForm.get("tag")?.invalid' id="tag" formControlName="tag">
<button (click)="deleteTag(tag)">delete</button>
<button (click)="deleteTag(tag)" class="delete-button">delete</button>
}
<button (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
<a routerLink="/">Cancel</a>
<button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
<a routerLink="/" class="delete-button">Cancel</a>
</form>