change track order in track page

src/app/home/dashboard/dashboard.component.html

@@ -874,7 +874,8 @@
                                 <p>Quality service through our network of approved repair shops Rewards to use towards future services, Vehicle maintenance tracker to easily manage service history Safe and secure payment processing, Dedicated support to
                                     handle any repair related questions Peace-of-Mind Guarantee - no unexpected charges</p>
                                 </div>
-                                <div class="quote_schedule_header">
+                                <div *ngIf="!mechanicData" class="no_mechanics">Sorry, No Mechanics near to you</div>
+                                <div class="quote_schedule_header" *ngIf="mechanicData">
                                     <div class="row">
                                         <div class="col-md-6">
                                             <h4>Select your day and date</h4>

src/app/home/dashboard/dashboard.component.scss

@@ -1244,6 +1244,12 @@
                         font-size: 15px;
                     }
                 }
+                .no_mechanics{
+                    text-align: center;
+                    font-size: 17px;
+                    padding-top: 14px;
+                    font-weight: 800;
+                }
                 .quote_schedule_header {
 
                     

src/app/home/dashboard/dashboard.component.ts

@@ -137,6 +137,7 @@ export class DashboardComponent implements OnInit {
       this.loader                         = false;
       this.errMessage                     = false;
       this.vehDetails                     = false;
+      this.mechanicData                   = false;
       this.serverUrl                      = apiConfig;
       this.imageServer                    = ImageStorage;
       this.searchLocError                 = false;
@@ -776,6 +777,7 @@ getQuote(){
       
       this.loader = false;
     } else {
+      this.mechanicData = false;
       this.loader = false;
       return false;
     }

src/app/home/index/index.component.html

@@ -506,7 +506,8 @@
                                 <p>Quality service through our network of approved repair shops Rewards to use towards future services, Vehicle maintenance tracker to easily manage service history Safe and secure payment processing, Dedicated support to
                                     handle any repair related questions Peace-of-Mind Guarantee - no unexpected charges</p>
                                 </div>
-                                <div class="quote_schedule_header">
+                                <div *ngIf="!mechanicData" class="no_mechanics">Sorry, No Mechanics near to you</div>
+                                <div class="quote_schedule_header" *ngIf="mechanicData">
                                     <div class="row">
                                         <div class="col-md-6 pr0">
                                             <h4>Select your day and date</h4>
@@ -524,7 +525,7 @@
                                         </div>
                                     </div>
                                 </div>
-                                <div class="quote_schedule_list">
+                                <div class="quote_schedule_list"  *ngIf="mechanicData">
                                     <ul  malihu-scrollbar [scrollbarOptions]="scrollbarOptions">
                                         <li *ngFor="let mechanic of mechanicData; let i = index;">
                                             <div class="row">

src/app/home/index/index.component.scss

@@ -925,6 +925,12 @@
             font-size: 15px;
         }
     }
+    .no_mechanics{
+        text-align: center;
+        font-size: 17px;
+        padding-top: 14px;
+        font-weight: 800;
+    }
     .quote_schedule_header {
         border: 2px solid #2655bf;
         h4 {

src/app/home/index/index.component.ts

@@ -107,6 +107,7 @@ export class IndexComponent implements OnInit {
       this.issuesData            = false;
       this.imageServer           = ImageStorage;
       this.loginDetails          = false;
+      this.mechanicData          = false;
       this.autoSchedule          = false;
       this.showLeftArrow         = false;
       this.searchLocError        = false;
@@ -455,6 +456,7 @@ get_newlocaion(lastLoc){
         
         this.loader = false;
       } else {
+        this.mechanicData = false;
         this.loader = false;
         return false;
       }

src/app/purchase/purchase-home/purchase-home.component.html

@@ -3,7 +3,7 @@
         <app-searchbar>
         </app-searchbar>
         <div class="purchase_content_wrapper">
-            <div class="purchase_content_section">
+            <div class="purchase_content_section" *ngIf="latestProductData">
                 <div class="search_list_header">
                     <h4>Latest Products</h4>
                 </div>

src/app/purchase/track/track.component.ts

@@ -27,6 +27,7 @@ export class TrackComponent implements OnInit {
   loginDetails:any;
   loader:boolean;
   serverUrl:string;
+  sliderVal: number = 50;
   loader_review:boolean;
   imageServer: string;
   orderDetails:any;
@@ -142,16 +143,16 @@ export class TrackComponent implements OnInit {
           this.galleryImages = imageArr;
 
           if(this.orderDetails.odr_status === '2'){
-            this.verticalSlider2 = { minValue: 50, maxValue: 50, options: { floor: 0, ceil: 50, vertical: true } };
+            this.animateSlider(50);
           }
           else if(this.orderDetails.odr_status ==='3'){
-            this.verticalSlider2 = { minValue: 50, maxValue: 76, options: { floor: 0, ceil: 76, vertical: true } };
+            this.animateSlider(76);
           }
           else if(this.orderDetails.odr_status ==='4'){
-            this.verticalSlider2 = { minValue: 50, maxValue: 152, options: { floor: 0, ceil: 152, vertical: true } };
+            this.animateSlider(152);
           }
           else if(this.orderDetails.odr_status === '5'){
-            this.verticalSlider2 = { minValue: 50, maxValue: 10000000, options: { floor: 0, ceil: 10000000, vertical: true } };
+            this.animateSlider(10000000);
           }
         }else{
           this.orderDetails = false;
@@ -161,6 +162,25 @@ export class TrackComponent implements OnInit {
       });
     }
 
+    animateSlider(maxValue){
+      const thisObj = this;
+      setTimeout(() => {
+        let update = 1;
+        let myVar = setInterval(()=>{
+          update += (maxValue == 10000000 && thisObj.sliderVal >= 500)?1000:1;
+          update += (maxValue == 10000000 && thisObj.sliderVal >= 1000)?1500:1;
+          update += (maxValue == 10000000 && thisObj.sliderVal >= 10000)?2000:1;
+          if(maxValue <= thisObj.sliderVal){
+            thisObj.sliderVal = maxValue;
+            clearInterval(myVar);
+          }
+          thisObj.verticalSlider2 = {minValue:50,maxValue:thisObj.sliderVal,options:{floor:0,ceil:thisObj.sliderVal,vertical:true}};
+          thisObj.sliderVal += update;
+        },80);
+      }, 500);
+      thisObj.verticalSlider2 = {minValue:50,maxValue:thisObj.sliderVal,options:{floor:0,ceil:thisObj.sliderVal,vertical:true}};
+    }
+
     reviewBtn(){
       if(this.orderDetails.product_id <= 0){
         this.goToPage('purchaseHome','');

src/environments/server.config.ts

 let apiConfigUrl,imageStorageUrl;
 
 // Localhost
-// apiConfigUrl = 'http://localhost/dcarfixers/Webservices/';
-// imageStorageUrl = 'http://localhost/dcarfixers/';
+apiConfigUrl = 'http://localhost/dcarfixers/Webservices/';
+imageStorageUrl = 'http://localhost/dcarfixers/';
 
 // // Techlabz
 // apiConfigUrl = 'https://techlabz.in/dcarfixers/Webservices/';
 // imageStorageUrl = 'https://techlabz.in/dcarfixers/';
 
 // // // carfixxers.com
-apiConfigUrl = 'https://carfixxers.com/admin/Webservices/';
-imageStorageUrl = 'https://carfixxers.com/admin/';
+// apiConfigUrl = 'https://carfixxers.com/admin/Webservices/';
+// imageStorageUrl = 'https://carfixxers.com/admin/';
 
 export const apiConfig = apiConfigUrl;
 export const ImageStorage = imageStorageUrl;
\ No newline at end of file