Changeset 188ee53 for trip-planner-front/src/app/locations-form/locations-form.component.html

Timestamp:

10/19/21 16:40:43 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

6a80231

Parents:

eed0bf8

Message:

location-form

File:

• trip-planner-front/src/app/locations-form/locations-form.component.html (modified) (4 diffs)

trip-planner-front/src/app/locations-form/locations-form.component.html

@@ -3 +3 @@
 <div class="example-form">
 
-  <div class="d-block">
+  <div class="form-group">
     <button class="btn" (click)="chooseCityOption()" >
       City
@@ -35 +35 @@
     <mat-form-field appearance="fill" class="example-full-width">
       <mat-label>Please select a city</mat-label>
-      <mat-select [(ngModel)]="locationId" placeholder="Select city">
+      <mat-select [(ngModel)]="cityId" placeholder="Select city">
         <mat-option [value]="city.id" *ngFor="let city of cities" [value]="city.id"> {{city.name}}</mat-option>
       </mat-select>
     </mat-form-field>
   </div>
+
 
   <div *ngIf="regionOption">
@@ -62 +63 @@
   <mat-form-field class="example-full-width" appearance="fill">
     <mat-label>Please select a number of days</mat-label>
-    <input matInput placeholder="No. Days"  type="number" [(ngModel)]="lengthOfStay">
+    <input matInput placeholder="No. Days"  type="number" min="1" value="0" max="30" [constraintMaxNumberDays()] [(ngModel)]="lengthOfStay">
   </mat-form-field>
 
@@ -68 +69 @@
   <mat-chip-list  selectable multiple>
     <mat-chip #c="matChip" selected *ngFor="let category of categories" 
-    (click)="toggleSelection(c, category)" >
+    (click)="toggleSelection(c, category)">
   <mat-icon *ngIf="!c.selected" >check</mat-icon>
   {{category.name}}
   </mat-chip>
   </mat-chip-list>
+  <br>
   <button mat-raised-button color="primary" (click)="createMyPlanner()">Create my planner</button>
-
 
 </div>