Skip to content

A
alloreparWeb
Commit b4e6cdc4 by amalk
Options

11-11-2019

parents
Showing with 2107 additions and 0 deletions
.editorconfig 0 → 100644
# Editor configuration, see https://editorconfig.org
root = true
[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true
[*.md]
max_line_length = off
trim_trailing_whitespace = false
.gitignore 0 → 100644
# See http://help.github.com/ignore-files/ for more about ignoring files.
# compiled output
/dist
/tmp
/out-tsc
# Only exists if Bazel was run
/bazel-out
# dependencies
/node_modules
# profiling files
chrome-profiler-events.json
speed-measure-plugin.json
# IDEs and editors
/.idea
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# IDE - VSCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
.history/*
# misc
/.sass-cache
/connect.lock
/coverage
/libpeerconnection.log
npm-debug.log
yarn-error.log
testem.log
/typings
# System Files
.DS_Store
Thumbs.db
README.md 0 → 100644
# B2cNew
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.8.
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
## Code scaffolding
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
angular.json 0 → 100644
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "allorepar",
"projects": {
"allorepar": {
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/allorepar",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.app.json",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/assets/css/variables.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.scss"
],
"scripts": [
"node_modules/bootstrap/dist/js/bootstrap.min.js"
],
"es5BrowserSupport": true
},
"configurations": {
"production": {
"fileReplacements": [{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
}]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "allorepar:build"
},
"configurations": {
"production": {
"browserTarget": "allorepar:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "allorepar:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
"src/styles.scss",
],
"scripts": [],
"assets": [
"src/favicon.ico",
"src/assets"
]
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"src/tsconfig.app.json",
"src/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
},
"allorepar-e2e": {
"root": "e2e/",
"projectType": "application",
"prefix": "",
"architect": {
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "allorepar:serve"
},
"configurations": {
"production": {
"devServerTarget": "allorepar:serve:production"
}
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": "e2e/tsconfig.e2e.json",
"exclude": [
"**/node_modules/**"
]
}
}
}
}
},
"defaultProject": "allorepar"
}
\ No newline at end of file
browserslist 0 → 100644
# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries
#
# For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
> 0.5%
last 2 versions
Firefox ESR
not dead
not IE 9-11
\ No newline at end of file
e2e/protractor.conf.js 0 → 100644
// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts
const { SpecReporter } = require('jasmine-spec-reporter');
exports.config = {
allScriptsTimeout: 11000,
specs: [
'./src/**/*.e2e-spec.ts'
],
capabilities: {
'browserName': 'chrome'
},
directConnect: true,
baseUrl: 'http://localhost:4200/',
framework: 'jasmine',
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000,
print: function() {}
},
onPrepare() {
require('ts-node').register({
project: require('path').join(__dirname, './tsconfig.e2e.json')
});
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
}
};
\ No newline at end of file
e2e/src/app.e2e-spec.ts 0 → 100644
import { AppPage } from './app.po';
import { browser, logging } from 'protractor';
describe('workspace-project App', () => {
let page: AppPage;
beforeEach(() => {
page = new AppPage();
});
it('should display welcome message', () => {
page.navigateTo();
expect(page.getTitleText()).toEqual('Welcome to b2cNew!');
});
afterEach(async () => {
// Assert that there are no errors emitted from the browser
const logs = await browser.manage().logs().get(logging.Type.BROWSER);
expect(logs).not.toContain(jasmine.objectContaining({
level: logging.Level.SEVERE,
} as logging.Entry));
});
});
e2e/src/app.po.ts 0 → 100644
import { browser, by, element } from 'protractor';
export class AppPage {
navigateTo() {
return browser.get(browser.baseUrl) as Promise<any>;
}
getTitleText() {
return element(by.css('app-root h1')).getText() as Promise<string>;
}
}
e2e/tsconfig.e2e.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "commonjs",
"target": "es5",
"types": [
"jasmine",
"jasminewd2",
"node"
]
}
}
\ No newline at end of file
package-lock.json 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json 0 → 100644
{
"name": "allorepar",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.0.0",
"@angular/cdk": "^8.0.0",
"@angular/common": "~8.0.0",
"@angular/compiler": "~8.0.0",
"@angular/core": "~8.0.0",
"@angular/flex-layout": "^8.0.0-beta.26",
"@angular/forms": "~8.0.0",
"@angular/material": "^8.0.0",
"@angular/platform-browser": "~8.0.0",
"@angular/platform-browser-dynamic": "~8.0.0",
"@angular/router": "~8.0.0",
"bootstrap": "^4.3.1",
"core-js": "^2.5.4",
"flag-icon-css": "^3.3.0",
"hammerjs": "^2.0.8",
"jquery": "^3.4.1",
"ng-animate-scroll": "^7.1.0",
"rxjs": "~6.5.2",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.800.0",
"@angular/cli": "~8.0.1",
"@angular/compiler-cli": "~8.0.0",
"@angular/language-service": "~8.0.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^8.9.5",
"codelyzer": "^5.0.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.4.5"
}
}
src/app/components/app/app.component.html 0 → 100644
<router-outlet></router-outlet>
\ No newline at end of file
src/app/components/app/app.component.scss 0 → 100644
/*
Site Name: SAMPLE-TEMPLATE
URI: http:
Description: This is the app scss SAMPLE-TEMPLATE
Version: 0.0
Author: Amal-Techware Software Solution Private Limited
Author URI: https://www.techware.co.in/
Tags:
*/
@import "../../../assets/css/variables.scss";
@import "../../../assets/css/responsive.scss";
\ No newline at end of file
src/app/components/app/app.component.spec.ts 0 → 100644
import { TestBed, async } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule
],
declarations: [
AppComponent
],
}).compileComponents();
}));
it('should create the app', () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app).toBeTruthy();
});
it(`should have as title 'b2cNew'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.debugElement.componentInstance;
expect(app.title).toEqual('b2cNew');
});
it('should render title in a h1 tag', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.debugElement.nativeElement;
expect(compiled.querySelector('h1').textContent).toContain('Welcome to b2cNew!');
});
});
src/app/components/app/app.component.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
/*-- IMPORTED-COMPONENTS --*/
import { Component } from '@angular/core';
@NgModule({
imports: [
BrowserAnimationsModule,
],
providers: []
})
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
title = 'sample_template';
}
src/app/components/app/home/desktop/home.component.html 0 → 100644
<!-- NAV-BAR-STARTS -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#" (click)="toHome()"><img src="../../../../../assets/imgs/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active" (click)="toHome()" [class.active]="menuActive == 1">
<a class="nav-link home">HOME</a>
</li>
<li class="nav-item" (click)="toAboutus()" [class.active]="menuActive == 2">
<a class="nav-link">ABOUT US</a>
</li>
<li class="nav-item" (click)="toContact()" [class.active]="menuActive == 3">
<a class="nav-link">CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- NAV-BAR-ENDS -->
<!-- INDEX-SECTION-STARTS -->
<section class="index_section" id="home">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="index_left_section" fxLayout="column" fxLayoutAlign="center start">
<div class="index_left_section_inner">
<h1>Is your car<br> in good condition <strong>?</strong></h1>
<p>
Lorem Ipsum is simply dummy text of the printing and ypesetting indtry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.
</p>
<button mat-button class="login_btn">LOGIN</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="index_right_section" fxLayout="column" fxLayoutAlign="center end">
<div class="index_right_phone">
<ul>
<li (click)="user()" [class.active]="isShow==1">USER APP</li>
<li (click)="mechanic()" [class.active]="isShow==2">MECHANIC APP</li>
</ul>
<div class="tabcontent">
<div [hidden]="isShow != 1">
<h4>Get your<br>
<strong>User App</strong>
</h4>
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
<div [hidden]="isShow != 2">
<h4>Get your<br>
<strong>Mechanic App</strong>
</h4>
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- INDEX-SECTION-ENDS -->
<!-- ABOUTUS-SECTION-STARTS -->
<section class="aboutus_section module parallax" id="aboutus">
<div class="container">
<div class="aboutus_inner" fxLayout="column" fxLayoutAlign="center center">
<h1>ABOUT US</h1>
<p>It is a long established fact that a reader will be distracted by the readable content of a page<br> when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal<br> bution of letters, as opposed to using.
</p>
<div class="about_us_steps" fxLayout="row" fxLayoutAlign="space-evenly center">
<div>
<h1>1</h1>
<h4>Car Services</h4>
<p>Book services for your cars<br> and pay online</p>
</div>
<div>
<h1>2</h1>
<h4>Car Parts</h4>
<p>Purchase the car parts from your<br> favourite shops and pay online</p>
</div>
<div>
<h1>3</h1>
<h4>Towing Services</h4>
<p>24/7 towing service available<br> from a single app</p>
</div>
</div>
</div>
</div>
</section>
<!-- ABOUTUS-SECTION-ENDS -->
<!-- CONTACTUS-SECTION-STARTS -->
<section class="contactus_section" id="contact">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="contact_left_container" fxLayout="column" fxLayoutAlign="center start">
<h1>Get in touch</h1>
<p>Lorem Ipsum is simply dummy text of the printing and ypesetting indtry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.</p>
<div class="testimonial_section">
<div class="testimonial_circle"></div>
<div class="testimonial_detail" fxLayout="column" fxLayoutAlign="center start">
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact_right_container" fxLayout="column" fxLayoutAlign="center start">
<div class="contact_form">
<div class="contact_row">
<p>Name</p>
<input class="" type="text">
</div>
<div class="contact_row">
<p>Email Address</p>
<input class="" type="mail">
</div>
<div class="contact_row">
<p>Phone Number</p>
<input class="" type="number">
</div>
<div class="contact_row">
<p>Comments</p>
<textarea class="" type="number" rows="8"></textarea>
</div>
<div class="contact_row">
<button mat-button class="login_btn">submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACTUS-SECTION-ENDS -->
<!-- FOOTER-SECTION-STARTS -->
<footer>
<div class="container">
<div fxLayout="row" fxLayoutAlign="space-between center">
<div>
<ul>
<li (click)="toHome()" [class.active]="menuActive == 1"><a>HOME</a></li>
<li (click)="toAboutus()" [class.active]="menuActive == 2"><a>About us</a></li>
<li (click)="toContact()" [class.active]="menuActive == 3"><a>CONTACT US</a></li>
<li><a>TERMS & CONDITIONS</a></li>
<li><a>PRIVACY POLICY</a></li>
</ul>
</div>
<div fxLayout="row" fxLayoutAlign="end center">
<div>
<p>USER APP</p>
<div fxLayout="row" fxLayoutAlign="space-between center">
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
<p>MECHANIC APP</p>
<div fxLayout="row" fxLayoutAlign="space-between center">
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
</div>
</div>
</div>
<hr>
<div fxLayout="row" fxLayoutAlign="space-between center">
<h6>Copyright &copy; 2018 AlloRepar Company. All rights reserved.</h6>
</div>
</div>
</footer>
<!-- FOOTER-SECTION-ENDS -->
\ No newline at end of file
src/app/components/app/home/desktop/home.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/components/app/home/desktop/home.component.ts 0 → 100644
import { NgModule } from '@angular/core';
import { Component, OnInit, HostListener } from '@angular/core';
import { MaterialModule } from '../../../../modules/material.module';
import { NgAnimateScrollService } from 'ng-animate-scroll';
declare var $;
declare const window: any;
@NgModule({
imports: [
MaterialModule
]
})
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
menuActive:any;
isShow:any;
constructor(private animateScrollService: NgAnimateScrollService) {
this.menuActive = 1;
this.isShow=1;
}
toHome(duration?: number) {
this.animateScrollService.scrollToElement('home', duration);
this.menuActive = 1;
}
toAboutus(duration?: number) {
this.animateScrollService.scrollToElement('aboutus', duration);
this.menuActive = 2;
}
toContact(duration?: number) {
this.animateScrollService.scrollToElement('contact', duration);
this.menuActive = 3;
}
ngOnInit() {
}
@HostListener('window:scroll', [])
onWindowScroll() {
const number = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
$(window).scroll(function () {
const sticky = $('.navbar'),
scroll = $(window).scrollTop();
if (scroll > 10) { sticky.addClass('scrolled_navbar'); } else { sticky.removeClass('scrolled_navbar'); }
});
}
user(){
this.isShow = 1;
}
mechanic() {
this.isShow = 2;
}
}
src/app/components/app/home/mobile/home.component.html 0 → 100644
<!-- NAV-BAR-STARTS -->
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#" (click)="toHome()"><img src="../../../../../assets/imgs/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active" (click)="toHome()" [class.active]="menuActive == 1">
<a class="nav-link home">HOME</a>
</li>
<li class="nav-item" (click)="toAboutus()" [class.active]="menuActive == 2">
<a class="nav-link">ABOUT US</a>
</li>
<li class="nav-item" (click)="toContact()" [class.active]="menuActive == 3">
<a class="nav-link">CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- NAV-BAR-ENDS -->
<!-- INDEX-SECTION-STARTS -->
<section class="index_section" id="home">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="index_left_section" fxLayout="column" fxLayoutAlign="center start">
<div class="index_left_section_inner">
<h1>Is your car<br> in good condition <strong>?</strong></h1>
<p>
Lorem Ipsum is simply dummy text of the printing and ypesetting indtry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.
</p>
<button mat-button class="login_btn">LOGIN</button>
</div>
</div>
</div>
<div class="col-md-6">
<div class="index_right_section" fxLayout="column" fxLayoutAlign="center end">
<div class="index_right_phone">
<ul>
<li (click)="user()" [class.active]="isShow==1">USER APP</li>
<li (click)="mechanic()" [class.active]="isShow==2">MECHANIC APP</li>
</ul>
<div class="tabcontent">
<div [hidden]="isShow != 1">
<h4>Get your<br>
<strong>User App</strong>
</h4>
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
<div [hidden]="isShow != 2">
<h4>Get your<br>
<strong>Mechanic App</strong>
</h4>
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- INDEX-SECTION-ENDS -->
<!-- ABOUTUS-SECTION-STARTS -->
<section class="aboutus_section module parallax" id="aboutus">
<div class="container-fluid">
<div class="aboutus_inner" fxLayout="column" fxLayoutAlign="center center">
<h1>ABOUT US</h1>
<p>It is a long established fact that a reader will be distracted by the readable content of a page<br> when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal<br> bution of letters, as opposed to using.
</p>
<div class="about_us_steps">
<div>
<h1>1</h1>
<h4>Car Services</h4>
<p>Book services for your cars<br> and pay online</p>
</div>
<div>
<h1>2</h1>
<h4>Car Parts</h4>
<p>Purchase the car parts from your<br> favourite shops and pay online</p>
</div>
<div>
<h1>3</h1>
<h4>Towing Services</h4>
<p>24/7 towing service available<br> from a single app</p>
</div>
</div>
</div>
</div>
</section>
<!-- ABOUTUS-SECTION-ENDS -->
<!-- CONTACTUS-SECTION-STARTS -->
<section class="contactus_section" id="contact">
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div class="contact_left_container" fxLayout="column" fxLayoutAlign="center start">
<h1>Get in touch</h1>
<p>Lorem Ipsum is simply dummy text of the printing and ypesetting indtry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown.</p>
<div class="testimonial_section">
<div class="testimonial_circle"></div>
<div class="testimonial_detail" fxLayout="column" fxLayoutAlign="center start">
<p>
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact_right_container" fxLayout="column" fxLayoutAlign="center start">
<div class="contact_form">
<div class="contact_row">
<p>Name</p>
<input class="" type="text">
</div>
<div class="contact_row">
<p>Email Address</p>
<input class="" type="mail">
</div>
<div class="contact_row">
<p>Phone Number</p>
<input class="" type="number">
</div>
<div class="contact_row">
<p>Comments</p>
<textarea class="" type="number" rows="8"></textarea>
</div>
<div class="contact_row">
<button mat-button class="login_btn">submit</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CONTACTUS-SECTION-ENDS -->
<!-- FOOTER-SECTION-STARTS -->
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<ul>
<li (click)="toHome()" [class.active]="menuActive == 1"><a>HOME</a></li>
<li (click)="toAboutus()" [class.active]="menuActive == 2"><a>About us</a></li>
<li (click)="toContact()" [class.active]="menuActive == 3"><a>CONTACT US</a></li>
<li><a>TERMS & CONDITIONS</a></li>
<li><a>PRIVACY POLICY</a></li>
</ul>
</div>
<div class="col-md-6">
<div>
<p>USER APP</p>
<div fxLayout="row" fxLayoutAlign="space-between center">
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
<p>MECHANIC APP</p>
<div fxLayout="row" fxLayoutAlign="space-between center">
<div class="store_btn playstore"></div>
<div class="store_btn appstore"></div>
</div>
</div>
</div>
</div>
<hr>
<div fxLayout="row" fxLayoutAlign="space-between center">
<h6>Copyright &copy; 2018 AlloRepar Company. All rights reserved.</h6>
</div>
</div>
</footer>
<!-- FOOTER-SECTION-ENDS -->
\ No newline at end of file
src/app/components/app/home/mobile/home.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeComponent } from './home.component';
describe('HomeComponent', () => {
let component: HomeComponent;
let fixture: ComponentFixture<HomeComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/components/app/home/mobile/home.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
src/app/modules/app-routing.desktop.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
/*-- IMPORTED-ROUTING-MODULES --*/
import { Routes, RouterModule } from '@angular/router';
/*-- IMPORTED-COMPONENTS --*/
import { HomeComponent } from '../components/app/home/desktop/home.component';
const routes: Routes = [
{
path: '',
component: HomeComponent,
children: [
{
path:'',redirectTo:'home',
pathMatch:'full'
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class AppDesktopRoutingModule { }
\ No newline at end of file
src/app/modules/app-routing.mobile.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
/*-- IMPORTED-ROUTING-MODULES --*/
import { Routes, RouterModule } from '@angular/router';
/*-- IMPORTED-COMPONENTS --*/
import { HomeComponent } from '../components/app/home/mobile/home.component';
const routes: Routes = [
{
path: '',
component: HomeComponent,
children: [
{
path:'',
redirectTo:'home',
pathMatch:'full'
}
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class AppMobileRoutingModule { }
src/app/modules/app-routing.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
/*-- IMPORTED-ROUTING-MODULES --*/
import { RouterModule } from '@angular/router';
function Mobile() {
var isMobile = {
Android: function () {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function () {
return navigator.userAgent.match(/BlackBerry/i);
},
IOS: function () {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function () {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function () {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
},
any: function () {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.IOS() || isMobile.Opera() || isMobile.Windows());
}
}
return isMobile.any();
}
@NgModule({
imports: [RouterModule.forRoot([
{
path: '',
loadChildren: () => new Promise(
resolve => {
(require as any).ensure([], require => {
if (Mobile()) {
resolve(require('./app.mobile.module').AppMobileModule);
}
else {
resolve(require('./app.desktop.module').AppDesktopModule);
}
})
}
)
}
])],
exports: [RouterModule]
})
export class AppRoutingModule { }
src/app/modules/app.desktop.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
/*-- IMPORTED-ROUTING-MODULES --*/
import { AppDesktopRoutingModule } from './app-routing.desktop.module';
/*-- IMPORTED-PLUG-IN-MODULES --*/
import { MaterialModule } from './material.module';
import { FlexLayoutModule } from '@angular/flex-layout';
/*-- IMPORTED-COMPONENTS --*/
import { HomeComponent } from '../components/app/home/desktop/home.component';
@NgModule({
declarations: [
HomeComponent
],
imports: [
CommonModule,
MaterialModule,
FlexLayoutModule,
AppDesktopRoutingModule
],
providers: []
})
export class AppDesktopModule { }
src/app/modules/app.mobile.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
/*-- IMPORTED-ROUTING-MODULES --*/
import { AppMobileRoutingModule } from './app-routing.mobile.module';
/*-- IMPORTED-PLUG-IN-MODULES --*/
import { MaterialModule } from './material.module';
import { FlexLayoutModule } from '@angular/flex-layout';
/*-- IMPORTED-COMPONENTS --*/
import { HomeComponent } from '../components/app/home/mobile/home.component';
@NgModule({
declarations: [
HomeComponent
],
imports: [
CommonModule,
MaterialModule,
FlexLayoutModule ,
AppMobileRoutingModule
],
providers: []
})
export class AppMobileModule { }
src/app/modules/app.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
/*-- IMPORTED-ROUTING-MODULES --*/
import { AppRoutingModule } from './app-routing.module';
/*-- IMPORTED--DEVICE-MODULES --*/
import { AppDesktopModule } from '../modules/app.desktop.module';
import { AppMobileModule } from '../modules/app.mobile.module';
/*-- IMPORTED-PLUG-IN-MODULES --*/
import { MaterialModule } from './material.module';
import { FlexLayoutModule } from '@angular/flex-layout';
/*-- IMPORTED-COMPONENTS --*/
import { AppComponent } from '../components/app/app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
AppRoutingModule,
BrowserAnimationsModule,
MaterialModule,
BrowserModule,
FlexLayoutModule ,
AppRoutingModule,
AppDesktopModule,
AppMobileModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
src/app/modules/material.module.ts 0 → 100644
/*-- IMPORTED-MAIN-COMMON-MODULES --*/
import { NgModule } from '@angular/core';
/*-- IMPORTED-MATERIAL-MODULES --*/
import { MatCheckboxModule} from '@angular/material/checkbox';
import { MatNativeDateModule} from '@angular/material/core';
import { MatButtonModule} from '@angular/material/button';
import { MatInputModule} from '@angular/material/input';
import { MatAutocompleteModule} from '@angular/material/autocomplete';
import { MatDatepickerModule} from '@angular/material/datepicker';
import { MatFormFieldModule} from '@angular/material/form-field';
import { MatRadioModule} from '@angular/material/radio';
import { MatSelectModule} from '@angular/material/select';
import { MatSliderModule} from '@angular/material/slider';
import { MatSlideToggleModule} from '@angular/material/slide-toggle';
import { MatMenuModule} from '@angular/material/menu';
import { MatSidenavModule} from '@angular/material/sidenav';
import { MatToolbarModule} from '@angular/material/toolbar';
import { MatListModule} from '@angular/material/list';
import { MatGridListModule} from '@angular/material/grid-list';
import { MatCardModule} from '@angular/material/card';
import { MatStepperModule} from '@angular/material/stepper';
import { MatTabsModule} from '@angular/material/tabs';
import { MatExpansionModule} from '@angular/material/expansion';
import { MatButtonToggleModule} from '@angular/material/button-toggle';
import { MatChipsModule} from '@angular/material/chips';
import { MatIconModule} from '@angular/material/icon';
import { MatProgressSpinnerModule} from '@angular/material/progress-spinner';
import { MatProgressBarModule} from '@angular/material/progress-bar';
import { MatDialogModule} from '@angular/material/dialog';
import { MatTooltipModule} from '@angular/material/tooltip';
import { MatSnackBarModule} from '@angular/material/snack-bar';
import { MatTableModule} from '@angular/material/table';
import { MatSortModule} from '@angular/material/sort';
import { MatPaginatorModule} from '@angular/material/paginator';
@NgModule({
imports: [
MatCheckboxModule,
MatButtonModule,
MatInputModule,
MatAutocompleteModule,
MatDatepickerModule,
MatFormFieldModule,
MatRadioModule,
MatSelectModule,
MatSliderModule,
MatSlideToggleModule,
MatMenuModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatGridListModule,
MatCardModule,
MatStepperModule,
MatTabsModule,
MatExpansionModule,
MatButtonToggleModule,
MatChipsModule,
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule,
MatDialogModule,
MatTooltipModule,
MatSnackBarModule,
MatTableModule,
MatSortModule,
MatPaginatorModule
],
exports: [
MatCheckboxModule,
MatButtonModule,
MatInputModule,
MatAutocompleteModule,
MatDatepickerModule,
MatFormFieldModule,
MatRadioModule,
MatSelectModule,
MatSliderModule,
MatSlideToggleModule,
MatMenuModule,
MatSidenavModule,
MatToolbarModule,
MatListModule,
MatGridListModule,
MatCardModule,
MatStepperModule,
MatTabsModule,
MatExpansionModule,
MatButtonToggleModule,
MatChipsModule,
MatIconModule,
MatProgressSpinnerModule,
MatProgressBarModule,
MatDialogModule,
MatTooltipModule,
MatSnackBarModule,
MatTableModule,
MatSortModule,
MatPaginatorModule,
MatNativeDateModule
]
})
export class MaterialModule { }
\ No newline at end of file
src/assets/css/responsive.scss 0 → 100644
/*
Site Name: ALLO-REPAR-WEB
URI: http:
Description: This is the responsive scss ALLO-REPAR-WEB
Version: 0.0
Author: Amal-Techware Software Solution Private Limited
Author URI: https://www.techware.co.in/
Tags:
---------------------------
RESPONSIVE STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.0 Smartphones (portrait and landscape)
02.0 Smartphones (landscape)
03.0 Smartphones (portrait)
04.0 iPads (portrait and landscape)
05.0 iPads (landscape)
06.0 iPads (portrait)
07.0 Desktops and laptops
08.0 Large screens
09.0 iPhone 4
10.0 iPhone 5
11.0 iPhone 6
12.0 iPhone 6+
13.0 Samsung Galaxy S3
14.0 Samsung Galaxy S4
15.0 Samsung Galaxy S5
*/
/* 01. Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.navbar {
background-color: $white-color;
.navbar-nav {
li {
a {
padding: 20px !important;
}
}
}
}
.index_section {
height: auto !important;
.index_left_section {
.index_left_section_inner {
height: calc(100vh - 220px) !important;
h1 {
font-size: 24px !important;
}
margin-bottom: 0px !important;
}
}
.index_right_section {
display: none !important;
}
}
.aboutus_section {
height: auto !important;
h4 {
font-size: 20px !important;
padding-bottom: 10px !important;
}
.aboutus_inner {
height: auto !important;
padding-top: 50px;
padding-bottom: 50px;
h1 {
font-size: 24px !important;
}
p {
font-size: 14px;
padding-bottom: 20px !important;
}
.about_us_steps {
width: 100%;
div {
width: 100%;
}
}
}
}
.contactus_section {
height: auto !important;
padding-top: 30px;
h1 {
font-size: 24px !important;
}
.contact_left_container {
width: 100% !important;
height: auto !important;
p {
padding-bottom: 20px !important;
}
.testimonial_section {
.testimonial_circle {
margin: 0 auto;
float: none !important;
}
.testimonial_detail {
padding-top: 30px !important;
width: 100% !important;
margin-left: 0px !important;
}
}
}
.contact_right_container {
width: 100% !important;
height: auto !important;
.contact_form {
width: 100% !important;
padding-top: 50px !important;
}
}
}
footer {
ul {
padding-bottom: 30px;
}
}
}
/* 02.0 Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {}
/* 03.0 Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {}
/* 04.0 iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
/* 05.0 iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
/* 06.0 iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}
/* 07.0 Desktops and laptops ----------- */
@media only screen and (min-device-width: 1124px) and (max-device-width: 1440px) {}
/* 08.0 Large screens ----------- */
@media only screen and (min-width: 1824px) {}
/* 09.0 iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* 10.0 iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 11.0 iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}
/* 12.0 iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 13.0 Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 14.0 Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* 15.0 Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
@media (max-width: 480px) {}
@media only screen and (min-width: 1200px) {}
\ No newline at end of file
src/assets/css/variables.scss 0 → 100644
/*
Site Name: ALLO-REPAR-WEB
URI: http:
Description: This is the theme scss ALLO-REPAR-WEB
Version: 0.0
Author: Amal-Techware Software Solution Private Limited
Author URI: https://www.techware.co.in/
Tags:
---------------------------
THEME STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.THEME-COLOR
02.FONT-STYLES
03.LAYOUT-STYLES
04.ALIGNMENTS
05.ERROR-MESSAGE
06.LOADER
*/
/*-- 01.THEME-COLORS --*/
$primary_color: #39267f;
$secondary_color:#282438;
$background_color:#f5f4f9;
$black_color:#000;
$white_color:#fff;
$dark_color:#707070;
/*-- 02.FONT-STYLES --*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap');
* {
font-family: 'Work Sans', sans-serif;
&::-webkit-scrollbar {
display: none;
}
}
/*-- 03.LAYOUT-STYLES --*/
.container {
max-width: 75%;
}
.p0 {
padding: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.p10 {
padding: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.m0 {
margin: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.mAuto {
margin: 0 auto !important;
}
.clear {
clear: both !important;
}
.absolute {
position: absolute !important;
}
.relative {
position: relative !important;
}
.fixed {
position: fixed !important;
}
/*-- 04.ALIGNMENTS --*/
.floatLeft {
float: left !important;
}
.floatRight {
float: right !important;
}
.textLeft {
text-align: left !important;
}
.textRight {
text-align: right !important;
}
.textCenter {
text-align: center !important;
}
/*-- 05. ERROR-MESSAGE --*/
.s_alert {
padding: 5px;
font-size: 13px;
width: 100%;
padding-right: 10px !important;
padding-left: 10px !important;
font-weight: 300;
border-radius: 2px;
}
.s_error {
padding-bottom: 2px;
}
.s_error .s_validation {
background: #990000 !important;
padding: 2px !important;
font-size: 13px;
position: relative;
display: inline-block !important;
box-shadow: 1px 1px 1px #aaaaaa;
margin-top: 0px;
border-radius: 2px;
color: #fff;
width: 100%;
padding-right: 10px !important;
padding-left: 10px !important;
font-weight: 300;
}
.s_error .s_validation:before {
content: '';
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #990000;
position: absolute;
top: -8px;
left: 10px;
}
.s_label:after {
color: #990000 !important;
}
.s_error input,
.c-error select,
.s_error .s_choice-option {
background: #fff0f4;
color: #990000;
}
.s_error input,
.s_error select {
border: 1px solid #990000 !important;
}
/*-- 06.LOADER --*/
.loader_wrapper {
position: absolute;
top: 0px;
width: 100%;
right: 0px;
bottom: 0px;
padding: 6px;
}
.loader {
border: 16px solid $primary_color;
border-top: 16px solid $secondary_color;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
.loader_small {
border: 5px solid $primary_color;
border-top: 5px solid $secondary_color;
border-radius: 50%;
width: 35px;
height: 35px;
animation: spin 2s linear infinite;
}
.loader_common_main_wrapper {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
padding: 6px;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background: rgba(273, 273, 273, 0.8);
z-index: 9999;
}
.loader_common_main_wrapper .loader {
border: 16px solid $primary_color;
border-top: 16px solid $secondary_color;
border-radius: 50%;
width: 100px;
height: 100px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
\ No newline at end of file
src/environments/environment.prod.ts 0 → 100644
export const environment = {
production: true
};
src/environments/environment.ts 0 → 100644
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false
};
/*
* For easier debugging in development mode, you can import the following file
* to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
*
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
src/index.html 0 → 100644
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Allorepar</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://kit.fontawesome.com/288b25c567.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>
<app-root></app-root>
</body>
</html>
\ No newline at end of file
src/karma.conf.js 0 → 100644
// Karma configuration file, see link for more information
// https://karma-runner.github.io/1.0/config/configuration-file.html
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-jasmine-html-reporter'),
require('karma-coverage-istanbul-reporter'),
require('@angular-devkit/build-angular/plugins/karma')
],
client: {
clearContext: false // leave Jasmine Spec Runner output visible in browser
},
coverageIstanbulReporter: {
dir: require('path').join(__dirname, '../coverage/b2cNew'),
reports: ['html', 'lcovonly', 'text-summary'],
fixWebpackSourcePaths: true
},
reporters: ['progress', 'kjhtml'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false,
restartOnFileChange: true
});
};
src/main.ts 0 → 100644
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/modules/app.module';
import { environment } from './environments/environment';
import 'hammerjs';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
src/polyfills.ts 0 → 100644
/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
*
* Learn more in https://angular.io/guide/browser-support
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/**
* Web Animations `@angular/platform-browser/animations`
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
*/
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/**
* By default, zone.js will patch all possible macroTask and DomEvents
* user can disable parts of macroTask/DomEvents patch by setting following flags
* because those flags need to be set before `zone.js` being loaded, and webpack
* will put import in the top of bundle, so user need to create a separate file
* in this directory (for example: zone-flags.ts), and put the following flags
* into that file, and then add the following code before importing zone.js.
* import './zone-flags.ts';
*
* The flags allowed in zone-flags.ts are listed here.
*
* The following flags will work for all browsers.
*
* (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
* (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
* (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
*
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
* with the following flag, it will bypass `zone.js` patch for IE/Edge
*
* (window as any).__Zone_enable_cross_context_check = true;
*
*/
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js/dist/zone'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/
src/styles.scss 0 → 100644
/*
Site Name: ALLO-REPAR-WEB
URI: http:
Description: This is the main scss ALLO-REPAR-WEB
Version: 0.0
Author: Amal-Techware Software Solution Private Limited
Author URI: https://www.techware.co.in/
Tags:
*/
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
@import "../src/assets/css/variables.scss";
@import "../src/assets/css/responsive.scss";
\ No newline at end of file
src/test.ts 0 → 100644
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);
src/tsconfig.app.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": [ "node"],
"typeRoots": [ "../node_modules/@types" ]
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}
src/tsconfig.spec.json 0 → 100644
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"types": [
"jasmine",
"node"
]
},
"files": [
"test.ts",
"polyfills.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
src/tslint.json 0 → 100644
{
"extends": "../tslint.json",
"rules": {
"directive-selector": [
true,
"attribute",
"app",
"camelCase"
],
"component-selector": [
true,
"element",
"app",
"kebab-case"
]
}
}
tsconfig.json 0 → 100644
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"module": "esnext",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es2015",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
]
}
}
tslint.json 0 → 100644
{
"extends": "tslint:recommended",
"rulesDirectory": [
"codelyzer"
],
"rules": {
"array-type": false,
"arrow-parens": false,
"deprecation": {
"severity": "warn"
},
"import-blacklist": [
true,
"rxjs/Rx"
],
"interface-name": false,
"max-classes-per-file": false,
"max-line-length": [
true,
140
],
"member-access": false,
"member-ordering": [
true,
{
"order": [
"static-field",
"instance-field",
"static-method",
"instance-method"
]
}
],
"no-consecutive-blank-lines": false,
"no-console": [
true,
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-empty": false,
"no-inferrable-types": [
true,
"ignore-params"
],
"no-non-null-assertion": true,
"no-redundant-jsdoc": true,
"no-switch-case-fall-through": true,
"no-use-before-declare": true,
"no-var-requires": false,
"object-literal-key-quotes": [
true,
"as-needed"
],
"object-literal-sort-keys": false,
"ordered-imports": false,
"quotemark": [
true,
"single"
],
"trailing-comma": false,
"no-output-on-prefix": true,
"no-inputs-metadata-property": true,
"no-outputs-metadata-property": true,
"no-host-metadata-property": true,
"no-input-rename": true,
"no-output-rename": true,
"use-lifecycle-interface": true,
"use-pipe-transform-interface": true,
"component-class-suffix": true,
"directive-class-suffix": true
}
}
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