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

style: format code for consistency and readability

Browse source
This commit is contained in:
Jan K9f 2025-01-28 08:27:37 +01:00
commit 386813c524
Signed by: jank
GPG key ID: 50620ADD22CD330B
44 changed files with 566 additions and 370 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,59 +1,120 @@
<p>Create Hotel</p>
<form [formGroup]="hotelForm">
<div class="text-red-500" *ngIf="errorMessages['form']">{{ errorMessages['form'] }}</div>
<div class="text-red-500 bg-white m-3" *ngIf="errorMessages['form']">
{{ errorMessages["form"] }}
</div>
<label for="name">Name</label>
<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">
<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-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">
<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-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">
<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-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">
<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-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">
<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 class="submit-button" (click)="addTag()">Add Tag</button>
@for (tag of getTags().controls; track tag) {
<input type="tag" class="border-red-500" [class.border-8]='hotelForm.get("tag")?.invalid' id="tag"
formControlName="tag">
<button (click)="deleteTag(tag)" class="delete-button">delete</button>
<input
type="tag"
class="border-red-500"
[class.border-8]="hotelForm.get('tag')?.invalid"
id="tag"
formControlName="tag"
/>
<button (click)="deleteTag(tag)" class="delete-button">delete</button>
}
<input type="radio" value='None' formControlName="contactType">None
<input type="radio" value='Email' formControlName="contactType">Email
<input type="radio" value='SMS' formControlName="contactType">SMS
<input type="radio" value="None" formControlName="contactType" />None
<input type="radio" value="Email" formControlName="contactType" />Email
<input type="radio" value="SMS" formControlName="contactType" />SMS
@if (hotelForm.get("contactType")?.value == "Email") {
<div class="mt-3">
<label for="email">Email</label>
<input type="email" formControlName="email" id="email">
<label for="emailConfirmation">Email Confirmation</label>
<input type="email" formControlName="emailConfirmation" id="emailConfirmation">
</div>
<div class="mt-3">
<label for="email">Email</label>
<input type="email" formControlName="email" id="email" />
<label for="emailConfirmation">Email Confirmation</label>
<input
type="email"
formControlName="emailConfirmation"
id="emailConfirmation"
/>
</div>
}
@if (hotelForm.get("contactType")?.value == "SMS") {
<div class="mt-3">
<label for="phone">Phone Number</label>
<input type="tel" formControlName="phone" id="phone">
<label for="phoneConfirmation">Phone Number Confirmation</label>
<input type="tel" formControlName="phoneConfirmation" id="phoneConfirmation">
</div>
<div class="mt-3">
<label for="phone">Phone Number</label>
<input type="tel" formControlName="phone" id="phone" />
<label for="phoneConfirmation">Phone Number Confirmation</label>
<input
type="tel"
formControlName="phoneConfirmation"
id="phoneConfirmation"
/>
</div>
}
<button class="submit-button" (click)="submit()" [disabled]="!hotelForm.valid" type="submit">Submit</button>
<button
class="submit-button"
(click)="submit()"
[disabled]="!hotelForm.valid"
type="submit"
>
Submit
</button>
<a routerLink="/" class="delete-button">Cancel</a>
</form>