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 { Router, ActivatedRoute } from '@angular/router';
@Component({
selector: 'app-dashboard',
......@@ -6,10 +7,16 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./dashboard.component.scss']
})
export class DashboardComponent implements OnInit {
constructor() { }
tab: any;
constructor(private router : Router) { }
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';
const ModuleRoutes: Routes = [
{ path: 'index', component: IndexComponent},
{path: 'dashboard', component: DashboardComponent}
{ path: 'index', component: IndexComponent},
{ path: 'dashboard', component: DashboardComponent}
];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
......
src/app/home/index/index.component.html
......@@ -352,7 +352,7 @@
<h6 class="pt10 textLeft">Add notes for General Diagnosis (Please provide description in notes section) (optional) *</h6>
</div>
</div>
<div class="row">
<div class="row m0">
<div class="col-md-12">
<textarea class="textarea_input" rows="5" placeholder="Additional Informations you may can gave">
Additional Informations you may can gave
......@@ -360,31 +360,38 @@
</div>
</div>
<div class="row">
<div class="col-md-12">
<h6 class="pt10 textLeft">Add notes for General Diagnosis (Please provide description in notes section) (optional) *</h6>
</div>
</div>
<div class="row">
<div class="col-md-12">
<textarea class="textarea_input" rows="5">
Additional Informations you may can gave
</textarea>
<h6 class="pt10 textLeft">Add Images or Videos (Optional)</h6>
<hr>
<div class="add_images">
<ul>
<li><span>+</span>
<input type="file">
</li>
<li><span>+</span>
<input type="file">
</li>
<li><span>+</span>
<input type="file">
</li>
<li><span>+</span>
<input type="file">
</li>
</ul>
</div>
</div>
<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 class="log_btn next_btn floatRight" type="button" nextStep>NEXT</button>
</div>
</div>
</wizard-step>
<wizard-step stepTitle="Title of step 4">
<h3>SUMMARY</h3>
<div class="row">
<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 class="row">
......@@ -405,7 +412,7 @@
<div class="row">
<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 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>
</wizard-step>
......@@ -762,4 +769,4 @@
</div>
</div>
<!-- QUOTES-MODAL-ENDS-->
\ No newline at end of file
<!-- QUOTES-MODAL-ENDS-->
src/app/home/index/index.component.scss
......@@ -541,6 +541,44 @@
.wizard_inner {
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{
max-height: 200px;
overflow: scroll;
......@@ -938,4 +976,4 @@
agm-map {
height: 100%;
}
\ No newline at end of file
}
src/app/home/index/index.component.ts
......@@ -40,11 +40,14 @@ export class IndexComponent implements OnInit {
vehicleDataForm;
vehicleDataFormSubmit;
//Service Details: TAB 3
//Service Details: TAB 3
loader: boolean;
issuesData: any;
selectedIssues: any[] = new Array();
//Quote Page
carModel: any;
carSearchJsonData: any;
modelDates: number[] = new Array();
......@@ -153,8 +156,8 @@ export class IndexComponent implements OnInit {
this.wizardData = {'pickup_data':
{'pickup_loc':place.formatted_address,
'pickup_lat':place.geometry.location.lat(),
'pickup_lng':place.geometry.location.lng()
'pickup_lat':place.geometry.location.lat(),
'pickup_lng':place.geometry.location.lng()
}
};
this.searchLocError = false;
......@@ -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 ''; }
carouselTileLoad(){ return ''; }
}
src/assets/css/responsive.scss
......@@ -42,6 +42,28 @@
.title_banner {
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 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>CarFixers</title>
<title>CarFixxers</title>
<base href="/">
......
src/styles.scss
......@@ -454,4 +454,4 @@ section.module.parallax {
.error{
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