Ignore:
Timestamp:
10/18/21 00:19:16 (3 years ago)
Author:
Ema <ema_spirova@…>
Branches:
master
Children:
188ee53
Parents:
fa375fe
Message:

editing location-form on frontend and backend

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trip-planner-front/src/app/locations-form/locations-form.component.html

    rfa375fe reed0bf8  
    11<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
    22
    3 <form class="example-form">
    4   <label><h5>Please select a place</h5></label>
     3<div class="example-form">
     4
     5  <div class="d-block">
     6    <button class="btn" (click)="chooseCityOption()" >
     7      City
     8    </button>
     9    <button class="btn" (click)="chooseRegionOption()">
     10      Region
     11    </button>
     12  </div>
     13  <br>
     14  <br>
     15  <!--
    516  <mat-form-field class="example-full-width" appearance="fill">
    617    <mat-label>Please select a place</mat-label>
     
    1728    </mat-autocomplete>
    1829  </mat-form-field>
     30  -->
     31
     32
     33  <div *ngIf="cityOption">
     34    <label><h5>Please select a city</h5></label>
     35    <mat-form-field appearance="fill" class="example-full-width">
     36      <mat-label>Please select a city</mat-label>
     37      <mat-select [(ngModel)]="locationId" placeholder="Select city">
     38        <mat-option [value]="city.id" *ngFor="let city of cities" [value]="city.id"> {{city.name}}</mat-option>
     39      </mat-select>
     40    </mat-form-field>
     41  </div>
     42
     43  <div *ngIf="regionOption">
     44    <label><h5>Please select a region</h5></label>
     45    <mat-form-field appearance="fill" class="example-full-width">
     46      <mat-label>Please select a region</mat-label>
     47      <mat-select [(ngModel)]="regionId" placeholder="Select region">
     48        <mat-option [value]="region.id" *ngFor="let region of regions" [value]="region.id"> {{region.name}}</mat-option>
     49      </mat-select>
     50    </mat-form-field>
     51  </div>
    1952
    2053  <h5>Who are you travelling with?  </h5>
    2154  <mat-form-field appearance="fill" class="example-full-width">
    2255    <mat-label>Please select a companion</mat-label>
    23     <mat-select [disabled]="disableSelect.value">
    24       <mat-option value="option1" *ngFor="let companion of companions">{{companion.type}}</mat-option>
     56    <mat-select [(ngModel)]="companionId" placeholder="Please select a companion">
     57      <mat-option [value]="companion.id" *ngFor="let companion of companions">{{companion.type}}</mat-option>
    2558    </mat-select>
    2659  </mat-form-field>
     
    2962  <mat-form-field class="example-full-width" appearance="fill">
    3063    <mat-label>Please select a number of days</mat-label>
    31     <input matInput placeholder="No. Dys"  type="number">
     64    <input matInput placeholder="No. Days"  type="number" [(ngModel)]="lengthOfStay">
    3265  </mat-form-field>
    3366
    3467   <h5>What are your priorities to visit?</h5>
    3568  <mat-chip-list  selectable multiple>
    36     <mat-chip #c="matChip" color="accent" selected *ngFor="let category of categories"
    37     (click)="toggleSelection(c)">
    38   <mat-icon *ngIf="c.selected">check</mat-icon>
     69    <mat-chip #c="matChip" selected *ngFor="let category of categories"
     70    (click)="toggleSelection(c, category)" >
     71  <mat-icon *ngIf="!c.selected" >check</mat-icon>
    3972  {{category.name}}
    4073  </mat-chip>
    4174  </mat-chip-list>
    42   <button mat-raised-button color="primary">Create my planner</button>
    43 </form>
     75  <button mat-raised-button color="primary" (click)="createMyPlanner()">Create my planner</button>
     76
     77
     78</div>
     79 
Note: See TracChangeset for help on using the changeset viewer.