daily commit

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

@@ -248,6 +248,7 @@
             </div>
             <div class="modal-body">
                 <div class="login_modal_content">
+                    <div class="loader_overlay" *ngIf="loader"></div>
                     <div class="login_modal_inner">
                         <div class="wizard_inner">
                             <wizard>
@@ -299,7 +300,7 @@
                                         <div class="row">
                                             <div class="col-md-12">
                                                 <button class="log_btn prev_btn floatLeft" type="button" data-dismiss="modal">PREVIOUS</button>
-                                                <button type="submit" class="log_btn next_btn floatRight">NEXT</button>
+                                                <button [ngClass]="{'log_btn_diabled':vehicleDataForm.invalid}"  type="submit" class="log_btn next_btn floatRight">NEXT</button>
                                                 <input #step2nextBtn type="hidden" nextStep>
                                             </div>
                                         </div>
@@ -339,7 +340,8 @@
                                     <div class="row">
                                         <div class="col-md-12">
                                             <button class="log_btn prev_btn floatLeft" type="button" previousStep>PREVIOUS</button>
-                                            <button class="log_btn next_btn floatRight" type="button" nextStep>NEXT</button>
+                                            <button [ngClass]="{'log_btn_diabled':selectedIssues.length == 0}" class="log_btn next_btn floatRight" type="button" (click)="jumpToStep3()">NEXT</button>
+                                            <input #step3nextBtn type="hidden" nextStep>
                                         </div>
                                     </div>
                                 </wizard-step>
@@ -397,6 +399,7 @@
                                     <div class="row">
                                         <div class="col-md-12">
                                             <h6 class="pt10 textLeft"><a goToStep="1">Add more services</a></h6>
+                                            <input #goTostep1 type="hidden" goToStep="1">
                                         </div>
                                     </div>
                                     <div class="row">

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

@@ -474,6 +474,10 @@
                     outline: none;
                 }
             }
+            .log_btn_diabled{
+                cursor: not-allowed;
+                background: #929292;
+            }
             .wizard_signin {
                 height: 40px;
                 width: 48%;

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

@@ -31,7 +31,9 @@ export class IndexComponent implements OnInit {
   //Basic Location Search: TAB 1
   autocomplete: any;
   searchLocError: boolean;
+  @ViewChild("goTostep1") public goTostep1Ref: ElementRef;
   @ViewChild("step2nextBtn") public step2nextRef: ElementRef;
+  @ViewChild("step3nextBtn") public step3nextRef: ElementRef;
   @ViewChild("googleLocSearch") public searchElementRef: ElementRef;
 
   //Vehicle Details: TAB 2
@@ -52,7 +54,7 @@ export class IndexComponent implements OnInit {
     public ngZone         : NgZone,
     public webService     : WebService,
     public mapsAPILoader  : MapsAPILoader,
-    public subjectService : SubjectService,) { 
+    public subjectService : SubjectService) { 
       this.loginDetails     = false;
       this.searchLocError   = false;
       this.vehicleDataFormSubmit = false;
@@ -123,12 +125,16 @@ export class IndexComponent implements OnInit {
   }
 
   removeSelectedItem(issue_id,sub_issue_id){
+    console.log(this.selectedIssues);
     let index = this.selectedIssues.findIndex(x => x.sub_issue_id == sub_issue_id);
     if(index > -1){
       this.selectedIssues.splice(index, 1);
 
       $('[id="issue_'+issue_id+'_'+sub_issue_id+'"]').prop('checked', false);
     }
+    if(this.selectedIssues.length == 0){
+      this.goTostep1Ref.nativeElement.click();
+    }
   }
 
   getVehicleLoc(lastLoc){
@@ -190,6 +196,12 @@ export class IndexComponent implements OnInit {
     this.searchElementRef.nativeElement.value = '';
   }
 
+  jumpToStep3(){
+    if(this.selectedIssues.length != 0){
+      this.step3nextRef.nativeElement.click();
+    }
+  }
+
   featuredOnLoad() {return ''; }
   carouselTileLoad(){ return ''; }
 }