daily commit

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

@@ -537,20 +537,45 @@
 
 .wizard_inner {
     width: 100%;
+    .service_methods{
+        max-height: 200px;
+        overflow: scroll;
+        ul{
+            padding:0px;
+            margin:0px;
+            li{
+                list-style: none;
+                width: 100%;
+                color: #060708;
+                border:1px dashed #929292;
+                cursor: pointer;
+                padding: 5px;
+                margin-bottom: 10px;
+                padding-left: 15px;
+                background-image: url("/assets/images/asset_down_time_arrow.png");
+                background-position: right 5px top 2px;
+                background-repeat: no-repeat;
+                background-size: 30px;
+            }
             .service_list {
                 ul {
                     padding: 0px;
                     margin: 0px;
+                    padding-top: 0px;
                     li {
                         list-style: none;
                         display: inline-block;
                         position: relative;
-                min-width: 150px;
-                margin: 3px;
+                        min-width: 100%;
+                        margin: 0px;
+                        padding: 0px;
+                        border:none;
+                        background-image: none;
+                        margin-bottom: 5px;
                         #custom_check_button {
-                    margin: 4px;
+                            margin: 0px;
                             background-color: #fff;
-                    border-radius: 25px !important;
+                            border-radius: 0px !important;
                             overflow: auto;
                             color: #1e1e1e;
                             border: 1px solid #e7e7e7;
@@ -588,12 +613,15 @@
                         #custom_check_button input:checked+p {
                             background-color: #58b19f;
                             color: #fff;
-                    border-radius: 25px !important;
+                            border-radius:0px !important;
                             margin: 0px;
                         }
                     }
                 }
             }
+        }
+    }
+    
     .textarea_input {
         width: 100%;
         border: 1px solid #1e1e1e;

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

 import { Component, OnInit, NgZone, ViewChild, ElementRef } from '@angular/core';
+import { Router,ActivatedRoute } from '@angular/router';
 import { WebService } from '../../provider/web.service';
 import { NgxCarousel } from 'ngx-carousel';
 import { MapsAPILoader } from '@agm/core';
@@ -29,30 +30,36 @@ export class IndexComponent implements OnInit {
   //Basic Location Search: TAB 1
   autocomplete: any;
   searchLocError: boolean;
+  @ViewChild("step2nextBtn") public step2nextRef: ElementRef;
   @ViewChild("googleLocSearch") public searchElementRef: ElementRef;
 
   //Vehicle Details: TAB 2
   vehicleDataForm;
+  vehicleDataFormSubmit;
+
+  //Service  Details: TAB 3
+  loader: boolean;
+  issuesData: any;
 
   carModel: any;
   carSearchJsonData: any;
   modelDates: number[] = new Array();
 
   constructor(
+    private router        : Router, 
     public ngZone         : NgZone,
     public webService     : WebService,
     public mapsAPILoader  : MapsAPILoader,
     public subjectService : SubjectService,) { 
       this.loginDetails     = false;
       this.searchLocError   = false;
+      this.vehicleDataFormSubmit = false;
     }
 
   ngOnInit() {
     this.vehicleDataForm = new FormGroup({
-      trim: new FormControl('', [Validators.required]),
+      trim: new FormControl(''), milage: new FormControl(''), emgine: new FormControl(''),
       maker: new FormControl('', [Validators.required]), 
-      milage: new FormControl('', [Validators.required]),
-      emgine: new FormControl('', [Validators.required]),
       modelYear: new FormControl('', [Validators.required]), 
       modelName: new FormControl('', [Validators.required])
     });
@@ -63,7 +70,7 @@ export class IndexComponent implements OnInit {
     
     let currentYear = Number((new Date()).getFullYear());
     let startingYear = currentYear - 50;
-    for (let date = startingYear ; date <= currentYear ; date ++) {
+    for (let date = currentYear ; date >= startingYear ; date --) {
       this.modelDates.push(date);
     }
 
@@ -111,7 +118,38 @@ export class IndexComponent implements OnInit {
   }
 
   getVehicleData(vehicleData){
-    console.log(vehicleData);
+    if(this.vehicleDataForm.invalid){
+      this.vehicleDataFormSubmit = true;
+      return false;
+    }
+    this.wizardData['vechile_info'] = {'trim':vehicleData['trim'],'maker':this.carSearchJsonData[vehicleData['maker']]['brand'],
+                                       'milage':vehicleData['milage'],'emgine':vehicleData['emgine'],
+                                       'modelName':vehicleData['modelName'],'modelYear':vehicleData['modelYear']
+                                      }
+    this.getIssueData();
+    this.vehicleDataFormSubmit = false;
+    this.step2nextRef.nativeElement.click();
+  }
+
+  getIssueData(){
+    const This = this;
+    this.loader = true;
+    this.webService.get_data('getGeneralIssues').subscribe(response => {
+      this.loader = false;
+      if(response.status == '1'){
+        this.issuesData = response.issue_data;
+        console.log(this.issuesData);
+      } else {
+        this.router.navigate(["index"]);
+      }
+    },error => {
+      this.router.navigate(["index"]);
+    });
+  }
+
+  resetWizard(){
+    this.vehicleDataForm.reset();
+    this.searchElementRef.nativeElement.value = '';
   }
 
   featuredOnLoad() {return ''; }

src/app/navbar/navbar.component.html

@@ -65,7 +65,7 @@
 
 <!-- SIGNUP-MODAL-STARTS-->
 
-<div class="modal" id="signup">
+<div class="modal" id="signup" style="z-index: 99999 !important;">
     <div class="modal-dialog modal-full">
         <div class="modal-content login_modal_wrapper">
             <div #signupModal class="modal_close" data-dismiss="modal">
@@ -191,7 +191,7 @@
 
 <!-- LOGIN-MODAL-STARTS-->
 
-<div class="modal" id="login">
+<div class="modal" id="login" style="z-index: 99999 !important;">
     <div class="modal-dialog modal-full">
         <div class="modal-content login_modal_wrapper">
             <div #loginModal class="modal_close" data-dismiss="modal" (click)="resetForm()">
@@ -274,7 +274,7 @@
 
 <!-- FORGOT-MODAL-STARTS-->
 
-<div class="modal" id="forgot">
+<div class="modal" id="forgot" style="z-index: 99999 !important;">
     <div class="modal-dialog modal-full">
         <div class="modal-content login_modal_wrapper">
             <div class="modal_close" data-dismiss="modal">