Skip to content

D
dcarfixers_angular
Commit 7e0b5f5d by amalk
Options

Amal 02-04-2019|11:12

parent f0a7c5a3
Showing with 150 additions and 18 deletions
angular.json
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
"polyfills": "src/polyfills.ts", "polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json", "tsConfig": "src/tsconfig.app.json",
"assets": [ "assets": [
"src/favicon.ico", "src/favicon.png",
"src/assets" "src/assets"
], ],
"styles": [ "styles": [
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
], ],
"scripts": [], "scripts": [],
"assets": [ "assets": [
"src/favicon.ico", "src/favicon.png",
"src/assets" "src/assets"
] ]
} }
......
src/app/app.module.ts
...@@ -9,12 +9,14 @@ import { FooterComponent } from './footer/footer.component'; ...@@ -9,12 +9,14 @@ import { FooterComponent } from './footer/footer.component';
import { ReactiveFormsModule } from '@angular/forms'; import { ReactiveFormsModule } from '@angular/forms';
import { HashLocationStrategy, LocationStrategy } from '@angular/common'; import { HashLocationStrategy, LocationStrategy } from '@angular/common';
import { MalihuScrollbarModule } from 'ngx-malihu-scrollbar'; import { MalihuScrollbarModule } from 'ngx-malihu-scrollbar';
import { ForgotComponent } from './forgot/forgot.component';
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
NavbarComponent, NavbarComponent,
FooterComponent FooterComponent,
ForgotComponent
], ],
imports: [ imports: [
BrowserModule, BrowserModule,
......
src/app/forgot/forgot.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ForgotComponent } from './forgot.component';
describe('ForgotComponent', () => {
let component: ForgotComponent;
let fixture: ComponentFixture<ForgotComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ForgotComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ForgotComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/forgot/forgot.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-forgot',
templateUrl: './forgot.component.html',
styleUrls: ['./forgot.component.scss']
})
export class ForgotComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/home/forgot/forgot.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ForgotComponent } from './forgot.component';
describe('ForgotComponent', () => {
let component: ForgotComponent;
let fixture: ComponentFixture<ForgotComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ForgotComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ForgotComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/home/forgot/forgot.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-forgot',
templateUrl: './forgot.component.html',
styleUrls: ['./forgot.component.scss']
})
export class ForgotComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/home/home.module.ts
...@@ -11,11 +11,13 @@ import { DashboardComponent } from './dashboard/dashboard.component'; ...@@ -11,11 +11,13 @@ import { DashboardComponent } from './dashboard/dashboard.component';
import { ReactiveFormsModule, FormsModule } from '@angular/forms'; import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { BsDatepickerModule } from 'ngx-bootstrap'; import { BsDatepickerModule } from 'ngx-bootstrap';
import { MalihuScrollbarModule } from 'ngx-malihu-scrollbar'; import { MalihuScrollbarModule } from 'ngx-malihu-scrollbar';
import { ForgotComponent } from './forgot/forgot.component';
@NgModule({ @NgModule({
declarations: [ declarations: [
IndexComponent, IndexComponent,
DashboardComponent DashboardComponent,
ForgotComponent
], ],
imports: [ imports: [
FormsModule, FormsModule,
......
src/app/home/index/index.component.html
...@@ -317,7 +317,7 @@ ...@@ -317,7 +317,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="service_methods"> <div class="service_methods" malihu-scrollbar [scrollbarOptions]="scrollbarOptions">
<p *ngIf="!issuesData; else listIssues">No Record Found</p> <p *ngIf="!issuesData; else listIssues">No Record Found</p>
<ng-template #listIssues> <ng-template #listIssues>
<ul> <ul>
...@@ -445,7 +445,7 @@ ...@@ -445,7 +445,7 @@
<div class="modal" id="quotes"> <div class="modal" id="quotes">
<div class="modal-dialog modal-full"> <div class="modal-dialog modal-full">
<div class="modal-content login_modal_wrapper"> <div class="modal-content login_modal_wrapper" malihu-scrollbar [scrollbarOptions]="scrollbarOptions">
<div #closeQuoteWizard class="modal_close" data-dismiss="modal" (click)="scheduleDateInit = false; scheduleMechanic = false"> <div #closeQuoteWizard class="modal_close" data-dismiss="modal" (click)="scheduleDateInit = false; scheduleMechanic = false">
&times; &times;
</div> </div>
...@@ -461,7 +461,7 @@ ...@@ -461,7 +461,7 @@
</div> </div>
<div class="quote_schedule_header"> <div class="quote_schedule_header">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6 pr0">
<h4>Select your day and date</h4> <h4>Select your day and date</h4>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
......
src/app/home/index/index.component.scss
...@@ -35,9 +35,13 @@ ...@@ -35,9 +35,13 @@
input { input {
height: 40px; height: 40px;
width: calc(100% - 120px); width: calc(100% - 120px);
padding-right: 10px;
background: transparent; background: transparent;
border: none !important; border: none !important;
padding-left: 15px; padding-left: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&:focus { &:focus {
border: none; border: none;
box-shadow: none; box-shadow: none;
...@@ -395,7 +399,7 @@ ...@@ -395,7 +399,7 @@
text-transform: uppercase; text-transform: uppercase;
color: #1e1e1e; color: #1e1e1e;
font-weight: 600; font-weight: 600;
padding-bottom: 10px; padding-bottom: 30px;
} }
.facebook_btn { .facebook_btn {
background-color: #3b5998; background-color: #3b5998;
...@@ -767,11 +771,14 @@ ...@@ -767,11 +771,14 @@
} }
} }
.quote_schedule_header { .quote_schedule_header {
background: #f9f7f7;
border: 1px solid #e8e8e8; border: 2px solid #2655bf;
h4 { h4 {
margin: 0px; margin: 0px;
color: #1e1e1e; background: #2655bf;
color: #fff;
font-size: 18px; font-size: 18px;
padding: 10px; padding: 10px;
} }
...@@ -795,7 +802,7 @@ ...@@ -795,7 +802,7 @@
background-image: url("/assets/images/asset_quote_right.png"); background-image: url("/assets/images/asset_quote_right.png");
} }
.schedule_dates { .schedule_dates {
width: calc(100% - 45px); width: calc(100% - 80px);
height: 35px; height: 35px;
ul { ul {
padding: 0px; padding: 0px;
...@@ -819,7 +826,7 @@ ...@@ -819,7 +826,7 @@
} }
} }
.quote_schedule_list { .quote_schedule_list {
border: 1px solid #e8e8e8; border: 2px solid #2655bf;
background: #ffffff; background: #ffffff;
ul { ul {
margin: 0px; margin: 0px;
...@@ -984,7 +991,7 @@ ...@@ -984,7 +991,7 @@
} }
.scheduletiming_listing { .scheduletiming_listing {
width: calc(100% - 45px); width: calc(100% - 80px);
margin: 0 auto; margin: 0 auto;
height: 200px; height: 200px;
position: relative; position: relative;
...@@ -1052,7 +1059,7 @@ ...@@ -1052,7 +1059,7 @@
} }
} }
.scheduletiming_btm_btns { .scheduletiming_btm_btns {
width: calc(100% - 45px); width: calc(100% - 80px);
position: relative; position: relative;
left: 5px; left: 5px;
margin: 0 auto; margin: 0 auto;
......
src/index.html
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.png">
</head> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>
......
src/styles.scss
...@@ -542,4 +542,40 @@ section.module.parallax { ...@@ -542,4 +542,40 @@ section.module.parallax {
bs-datepicker-container{ bs-datepicker-container{
z-index: 9999 !important; z-index: 9999 !important;
background: #fff !important; background: #fff !important;
} .bs-datepicker-container{
\ No newline at end of file padding:0px;
.bs-datepicker-head{
background: #2655bf;
}
.bs-datepicker-body{
table{
thead{
tr{
th{
padding:5px;
}
}
}
tbody{
tr{
td{
padding:5px;
span{
border-radius: 0px;
font-size: 16px;
}
.selected{
background: #2655bf;
}
}
td.week span{
color: #2655bf;
}
}
}
}
}
}
}
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