Changeset 6a80231 for trip-planner-front/src/app/locations-form

Timestamp:

11/02/21 22:14:57 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

6c1585f

Parents:

188ee53

Message:

create initial planner and routing with angular

Location:

trip-planner-front/src/app/locations-form

Files:

• locations-form.component.css (modified) (1 diff)
• locations-form.component.html (modified) (1 diff)
• locations-form.component.ts (modified) (5 diffs)

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

@@ -19 +19 @@
 }
 
-.colorClass{
-  color:yellow;
+.yellow{
+  background-color:yellow;
 }

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

@@ -67 +67 @@
 
    <h5>What are your priorities to visit?</h5> 
-  <mat-chip-list  selectable multiple>
+  <mat-chip-list  selectable multiple >
     <mat-chip #c="matChip" selected *ngFor="let category of categories" 
-    (click)="toggleSelection(c, category)">
+    (click)="toggleSelection(c, category)" [ngClass]="{'yellow' : toggle}">
   <mat-icon *ngIf="!c.selected" >check</mat-icon>
   {{category.name}}

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

@@ -1 +1 @@
 import { Component, Injectable, OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
+import { FormControl, NgForm } from '@angular/forms';
 import {map, startWith, switchMap} from 'rxjs/operators';
 import {forkJoin, Observable} from 'rxjs';
@@ -42 +42 @@
   value:number;
   max: number;
+  toggle = true;
+  status = 'Enable';
 
   constructor(private cityService : CityService, private regionService: RegionService,
@@ -109 +111 @@
  toggleSelection(chip: MatChip, category: Category){
   chip.toggleSelected();
+  
   if(this.chipsSeletion.length > 0){
     if(this.chipsSeletion.indexOf(category.id) <= -1){
@@ -141 +144 @@
     );
    }
-   
-  
  }
+ 
  chooseCityOption(){
    this.cityOption = true;
@@ -158 +160 @@
      }
   }
+
 }