10:11

angular.json

@@ -29,10 +29,10 @@
             "styles": [
               "src/styles.scss",
               "src/assets/responsive.scss",
-           
               "node_modules/bootstrap/dist/css/bootstrap.css",
               "node_modules/slick-carousel/slick/slick.scss",
-              "node_modules/slick-carousel/slick/slick-theme.scss"
+              "node_modules/slick-carousel/slick/slick-theme.scss",
+              "node_modules/ng5-slider/scss/ng5-slider.scss"
             ],
             "scripts": [
               "node_modules/jquery/dist/jquery.js",

src/app/body/loginaccount/loginaccount.component.scss

@@ -498,7 +498,7 @@
                     hr{
                         margin-left: 0px;
                         width: 30px;
-                        border: 2px solid rgb(194, 55, 194);
+                        border: 2px solid rgb(255, 0, 255);
                         border-radius: 1px;
                     }
                     select{

src/app/body/planning/planning.component.ts

 import { Component, OnInit } from '@angular/core';
 import { Router,ActivatedRoute } from '@angular/router';
-
+import { Options } from 'ng5-slider';
 @Component({
   selector: 'app-planning',
   templateUrl: './planning.component.html',
@@ -8,15 +8,43 @@ import { Router,ActivatedRoute } from '@angular/router';
 })
 export class PlanningComponent implements OnInit {
 addto= false;
+done = false;
+down = false;
+con2=false;
+con1=false;
+namedown = false;
+value: number = 1;
+options: Options = {
+  floor: 0,
+  ceil: 1
+};
 
   constructor(private router: Router,
     private route: ActivatedRoute,) { }
 
   ngOnInit() {
   }
+
   addtofunc(){
     this.addto = !this.addto;
     }
+
+    donefunc(){
+      this.done = !this.done;
+    }
+    downfunc(){
+      this.done = !this.done;
+    }
+    onKey2(event: any) {
+      this.con2 = !this.con2;
+    }
+    onKey1(event: any) {
+      this.con1 = !this.con1;
+    }
+    namedownfunc(){
+      this.namedown = !this.namedown;
+    }
+  
   goToPage(path,data=null){
     this.router.navigateByUrl(path,{queryParams:data});
     }

src/styles.scss

@@ -68,4 +68,11 @@
       }
     }
    }
- }
\ No newline at end of file
+ }
+ //scss for guestslide
+ ng5-slider{
+  .ng-5-slider-selection-bar{
+      visibility: visible;
+      background-color: #1ec4b2;
+  }
+}
\ No newline at end of file