Skip to content

D
dcarfixers_angular
Commit 4e8dbccc by Tobin
Options

daily commit

parent c40a9ee1
Showing with 121 additions and 31 deletions
src/app/home/dashboard/dashboard.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
@Component({ @Component({
selector: 'app-dashboard', selector: 'app-dashboard',
...@@ -6,10 +7,16 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,10 +7,16 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./dashboard.component.scss'] styleUrls: ['./dashboard.component.scss']
}) })
export class DashboardComponent implements OnInit { export class DashboardComponent implements OnInit {
tab: any;
constructor() { } constructor(private router : Router) { }
ngOnInit() { ngOnInit() {
this.tab = 'active';
}
routeToIndex(){
this.router.navigate(["index"]);
} }
} tab_swap(type) { this.tab = type; }
}
\ No newline at end of file
src/app/home/home.routing.ts
...@@ -5,9 +5,8 @@ import { DashboardComponent } from './dashboard/dashboard.component'; ...@@ -5,9 +5,8 @@ import { DashboardComponent } from './dashboard/dashboard.component';
const ModuleRoutes: Routes = [ const ModuleRoutes: Routes = [
{ path: 'index', component: IndexComponent}, { path: 'index', component: IndexComponent},
{path: 'dashboard', component: DashboardComponent} { path: 'dashboard', component: DashboardComponent}
]; ];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes) export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
......
src/app/home/index/index.component.html
...@@ -352,7 +352,7 @@ ...@@ -352,7 +352,7 @@
<h6 class="pt10 textLeft">Add notes for General Diagnosis (Please provide description in notes section) (optional) *</h6> <h6 class="pt10 textLeft">Add notes for General Diagnosis (Please provide description in notes section) (optional) *</h6>
</div> </div>
</div> </div>
<div class="row"> <div class="row m0">
<div class="col-md-12"> <div class="col-md-12">
<textarea class="textarea_input" rows="5" placeholder="Additional Informations you may can gave"> <textarea class="textarea_input" rows="5" placeholder="Additional Informations you may can gave">
Additional Informations you may can gave Additional Informations you may can gave
...@@ -360,31 +360,38 @@ ...@@ -360,31 +360,38 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <h6 class="pt10 textLeft">Add Images or Videos (Optional)</h6>
<h6 class="pt10 textLeft">Add notes for General Diagnosis (Please provide description in notes section) (optional) *</h6> <hr>
</div> <div class="add_images">
</div> <ul>
<div class="row"> <li><span>+</span>
<div class="col-md-12"> <input type="file">
<textarea class="textarea_input" rows="5"> </li>
Additional Informations you may can gave <li><span>+</span>
</textarea> <input type="file">
</li>
<li><span>+</span>
<input type="file">
</li>
<li><span>+</span>
<input type="file">
</li>
</ul>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<button class="log_btn prev_btn floatLeft" type="button" previousStep>PREVIOUS</button> <button class="log_btn prev_btn floatLeft" type="button" previousStep>PREVIOUS</button>
<button class="log_btn next_btn floatRight" type="button" nextStep> <button class="log_btn next_btn floatRight" type="button" nextStep>NEXT</button>
NEXT
</button>
</div> </div>
</div> </div>
</wizard-step> </wizard-step>
<wizard-step stepTitle="Title of step 4"> <wizard-step stepTitle="Title of step 4">
<h3>SUMMARY</h3> <h3>SUMMARY</h3>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<h6 class="pt10 textLeft">Please check and confirm your services</h6> <h6 class="pt10 textLeft">Please add a photo or video</h6>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
...@@ -405,7 +412,7 @@ ...@@ -405,7 +412,7 @@
<div class="row"> <div class="row">
<div class="col-md-12 textCenter"> <div class="col-md-12 textCenter">
<button *ngIf="!loginDetails" (click)="resetForm()" class="wizard_signin" type="button" data-toggle="modal" data-target="#login">SIGN IN</button> <button *ngIf="!loginDetails" (click)="resetForm()" class="wizard_signin" type="button" data-toggle="modal" data-target="#login">SIGN IN</button>
<button class="wizard_quotes" type="button" data-toggle="modal" data-target="#quotes">VIEW SERVICE QUOTE</button> <button (click)="getQuote()" class="wizard_quotes" type="button" data-toggle="modal" data-target="#quotes">VIEW SERVICE QUOTE</button>
</div> </div>
</div> </div>
</wizard-step> </wizard-step>
...@@ -762,4 +769,4 @@ ...@@ -762,4 +769,4 @@
</div> </div>
</div> </div>
<!-- QUOTES-MODAL-ENDS--> <!-- QUOTES-MODAL-ENDS-->
\ No newline at end of file
src/app/home/index/index.component.scss
...@@ -541,6 +541,44 @@ ...@@ -541,6 +541,44 @@
.wizard_inner { .wizard_inner {
width: 100%; width: 100%;
.add_images {
width: 100%;
ul {
margin: 0px;
padding: 0px;
text-align: center;
li {
list-style: none;
width: 80px;
height: 90px;
border: 1px dashed #a8a8a8;
display: inline-block;
text-align: center;
position: relative;
margin: 4px;
span {
position: relative;
font-size: 50px;
top: 5px;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
input {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
height: 120px;
}
}
}
}
.service_methods{ .service_methods{
max-height: 200px; max-height: 200px;
overflow: scroll; overflow: scroll;
...@@ -938,4 +976,4 @@ ...@@ -938,4 +976,4 @@
agm-map { agm-map {
height: 100%; height: 100%;
} }
\ No newline at end of file
src/app/home/index/index.component.ts
...@@ -40,11 +40,14 @@ export class IndexComponent implements OnInit { ...@@ -40,11 +40,14 @@ export class IndexComponent implements OnInit {
vehicleDataForm; vehicleDataForm;
vehicleDataFormSubmit; vehicleDataFormSubmit;
//Service Details: TAB 3 //Service Details: TAB 3
loader: boolean; loader: boolean;
issuesData: any; issuesData: any;
selectedIssues: any[] = new Array(); selectedIssues: any[] = new Array();
//Quote Page
carModel: any; carModel: any;
carSearchJsonData: any; carSearchJsonData: any;
modelDates: number[] = new Array(); modelDates: number[] = new Array();
...@@ -153,8 +156,8 @@ export class IndexComponent implements OnInit { ...@@ -153,8 +156,8 @@ export class IndexComponent implements OnInit {
this.wizardData = {'pickup_data': this.wizardData = {'pickup_data':
{'pickup_loc':place.formatted_address, {'pickup_loc':place.formatted_address,
'pickup_lat':place.geometry.location.lat(), 'pickup_lat':place.geometry.location.lat(),
'pickup_lng':place.geometry.location.lng() 'pickup_lng':place.geometry.location.lng()
} }
}; };
this.searchLocError = false; this.searchLocError = false;
...@@ -202,6 +205,22 @@ export class IndexComponent implements OnInit { ...@@ -202,6 +205,22 @@ export class IndexComponent implements OnInit {
} }
} }
getQuote(){
const This = this;
this.loader = true;
this.webService.post_data('getNearByMechanics',this.wizardData.pickup_data).subscribe(response => {
this.loader = false;
if(response.status == '1'){
this.issuesData = response.issue_data;
} else {
this.router.navigate(["index"]);
}
},error => {
this.router.navigate(["index"]);
});
}
featuredOnLoad() {return ''; } featuredOnLoad() {return ''; }
carouselTileLoad(){ return ''; } carouselTileLoad(){ return ''; }
} }
src/assets/css/responsive.scss
...@@ -42,6 +42,28 @@ ...@@ -42,6 +42,28 @@
.title_banner { .title_banner {
padding: 15px !important; padding: 15px !important;
} }
.dashboard_tab_content {
.container-fluid {
width: 100% !important;
}
.vehicle_list {
ul {
li {
width: 100% !important;
}
}
}
}
.dashboard_tabs {
.container-fluid {
width: 100% !important;
ul {
li {
width: 100% !important;
}
}
}
}
} }
......
src/index.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>CarFixers</title> <title>CarFixxers</title>
<base href="/"> <base href="/">
......
src/styles.scss
...@@ -454,4 +454,4 @@ section.module.parallax { ...@@ -454,4 +454,4 @@ section.module.parallax {
.error{ .error{
border:2px solid red !important; border:2px solid red !important;
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment