;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/add-comments/add-comments.component.html:
--------------------------------------------------------------------------------
1 |
2 | add-comments works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/add-comments/add-comments.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/add-comments/add-comments.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/add-comments/add-comments.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-add-comments',
5 | templateUrl: './add-comments.component.html',
6 | styleUrls: ['./add-comments.component.scss']
7 | })
8 | export class AddCommentsComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 | export class AppComponent {
9 | title = 'ListingApp';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/create-listing/create-listing.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/create-listing/create-listing.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/crud-service.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { CrudServiceService } from './crud-service.service';
4 |
5 | describe('CrudServiceService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: CrudServiceService = TestBed.get(CrudServiceService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/db-operations.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { DbOperationsService } from './db-operations.service';
4 |
5 | describe('DbOperationsService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: DbOperationsService = TestBed.get(DbOperationsService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/delete-comments/delete-comments.component.html:
--------------------------------------------------------------------------------
1 |
2 | delete-comments works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/delete-comments/delete-comments.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/delete-comments/delete-comments.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/delete-comments/delete-comments.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-delete-comments',
5 | templateUrl: './delete-comments.component.html',
6 | styleUrls: ['./delete-comments.component.scss']
7 | })
8 | export class DeleteCommentsComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/delete-listing/delete-listing.component.html:
--------------------------------------------------------------------------------
1 |
2 | delete-listing works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/delete-listing/delete-listing.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/delete-listing/delete-listing.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/edit-comments/edit-comments.component.html:
--------------------------------------------------------------------------------
1 |
2 | edit-comments works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/edit-comments/edit-comments.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/edit-comments/edit-comments.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/edit-comments/edit-comments.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-edit-comments',
5 | templateUrl: './edit-comments.component.html',
6 | styleUrls: ['./edit-comments.component.scss']
7 | })
8 | export class EditCommentsComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/firebase-config.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: false,
3 | firebaseConfig : {
4 | apiKey: "AIzaSyDW0YvxtY3sGH-sWr1u8m9Tyk4QMS5Ho6U",
5 | authDomain: "photosdb-9cbec.firebaseapp.com",
6 | databaseURL: "https://photosdb-9cbec.firebaseio.com",
7 | projectId: "photosdb-9cbec",
8 | storageBucket: "photosdb-9cbec.appspot.com",
9 | messagingSenderId: "19978618750"
10 | }
11 | };
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/models/listing.ts:
--------------------------------------------------------------------------------
1 | export interface Listing {
2 | id: number;
3 | userId: number;
4 | title: string;
5 | description: string;
6 | status: string;
7 | price: number;
8 | active: boolean;
9 | }
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/update-listing/update-listing.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/update-listing/update-listing.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/view-comments/view-comments.component.html:
--------------------------------------------------------------------------------
1 |
2 | view-comments works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/view-comments/view-comments.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/view-comments/view-comments.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/view-comments/view-comments.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-view-comments',
5 | templateUrl: './view-comments.component.html',
6 | styleUrls: ['./view-comments.component.scss']
7 | })
8 | export class ViewCommentsComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/app/view-listing/view-listing.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/app/view-listing/view-listing.component.scss
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter12/chapter12_angular_backend/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ListingApp
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | h4 {
3 | background:#ffffcc;
4 | }
5 | .navbar {
6 | margin-top:10px;
7 | margin-bottom:10px;
8 | }
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter12/chapter12_angular_backend/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to testing-app!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Welcome to {{ title }}!
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 | export class AppComponent {
9 | title = 'AutoStop';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/auto-list/auto-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/app/auto-list/auto-list.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/cars.ts:
--------------------------------------------------------------------------------
1 | export interface Cars {
2 | id: number;
3 | CarName: string;
4 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/menu/menu.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/app/menu/menu.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/menu/menu.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-menu',
5 | templateUrl: './menu.component.html',
6 | styleUrls: ['./menu.component.scss']
7 | })
8 | export class MenuComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/services/cars.json:
--------------------------------------------------------------------------------
1 | {
2 | "cars": [
3 | { "id": 1, "name": "BMW"},
4 | { "id": 2, "name": "Audi" }
5 | ]
6 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/services/dealers.ts:
--------------------------------------------------------------------------------
1 | export class Dealers {
2 |
3 | constructor(
4 | public username: string = '',
5 | public name: string = ''
6 | ) {};
7 |
8 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/app/used-cars/used-cars.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/app/used-cars/used-cars.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_testing/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | TestingApp
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
3 |
4 | .c1 {
5 | background: #ffda65;
6 | }
7 | .c2 {
8 | background: #b8db70;
9 | }
10 | .c3 {
11 | background:#b7dbed;
12 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_testing/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to testing-app!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Welcome to {{ title }}!
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 | export class AppComponent {
9 | title = 'AutoStop';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/auto-list/auto-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/app/auto-list/auto-list.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/cars.ts:
--------------------------------------------------------------------------------
1 | export interface Cars {
2 | id: number;
3 | CarName: string;
4 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/menu/menu.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/app/menu/menu.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/menu/menu.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-menu',
5 | templateUrl: './menu.component.html',
6 | styleUrls: ['./menu.component.scss']
7 | })
8 | export class MenuComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/services/cars.json:
--------------------------------------------------------------------------------
1 | {
2 | "cars": [
3 | { "id": 1, "name": "BMW"},
4 | { "id": 2, "name": "Audi" }
5 | ]
6 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/services/dealers.ts:
--------------------------------------------------------------------------------
1 | export class Dealers {
2 |
3 | constructor(
4 | public username: string = '',
5 | public name: string = ''
6 | ) {};
7 |
8 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/app/used-cars/used-cars.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/app/used-cars/used-cars.component.scss
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter13/chapter_13_unit_tests/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | TestingApp
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
3 |
4 | .c1 {
5 | background: #ffda65;
6 | }
7 | .c2 {
8 | background: #b8db70;
9 | }
10 | .c3 {
11 | background:#b7dbed;
12 | }
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter13/chapter_13_unit_tests/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to angular-firebase-app!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/app-auth.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { AppAuthService } from './app-auth.service';
4 |
5 | describe('AppAuthService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: AppAuthService = TestBed.get(AppAuthService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14-firebase-app/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { AppAuthService } from './app-auth.service';
3 |
4 | @Component({
5 | selector: 'app-root',
6 | templateUrl: './app.component.html',
7 | styleUrls: ['./app.component.scss']
8 | })
9 | export class AppComponent {
10 | title = 'AutoStop';
11 |
12 | constructor(private _appAuthService : AppAuthService) { }
13 |
14 | }
15 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/custom-form-validation/custom-form-validation.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14-firebase-app/src/app/custom-form-validation/custom-form-validation.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/login/login.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14-firebase-app/src/app/login/login.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/logout/logout.component.html:
--------------------------------------------------------------------------------
1 |
2 | logout works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/logout/logout.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14-firebase-app/src/app/logout/logout.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14-firebase-app/src/app/profile/profile.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | profile works!
4 |
5 |
6 | User Token is {{_appAuthService.userToken}}
7 |
2 | login works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/login/login.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_auth0/src/app/login/login.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-login',
5 | templateUrl: './login.component.html',
6 | styleUrls: ['./login.component.scss']
7 | })
8 | export class LoginComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/profile/profile.component.html:
--------------------------------------------------------------------------------
1 |
2 | profile works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/profile/profile.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_auth0/src/app/profile/profile.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/profile/profile.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-profile',
5 | templateUrl: './profile.component.html',
6 | styleUrls: ['./profile.component.scss']
7 | })
8 | export class ProfileComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/app/services/auth.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { AuthService } from './auth.service';
4 |
5 | describe('AuthService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: AuthService = TestBed.get(AuthService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_auth0/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_auth0/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | AuthenticationWithAuth0
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_auth0/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to custom-directive!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 |
4 | const routes: Routes = [];
5 |
6 | @NgModule({
7 | imports: [RouterModule.forRoot(routes)],
8 | exports: [RouterModule]
9 | })
10 | export class AppRoutingModule { }
11 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_part1/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 | import { FormGroup, FormBuilder, Validators, FormControl } from '@angular/forms';
3 |
4 | @Component({
5 | selector: 'app-root',
6 | templateUrl: './app.component.html',
7 | styleUrls: ['./app.component.scss']
8 | })
9 | export class AppComponent {
10 | title = 'custom-directive';
11 |
12 | }
13 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/app/custom-form-validator.ts:
--------------------------------------------------------------------------------
1 | import { FormControl } from '@angular/forms';
2 |
3 | export class CustomFormValidator {
4 | static validOrderId(fc: FormControl){
5 |
6 | const expr = /[-\\\/]/;
7 | if(fc.value.toLowerCase() === "abc123" || fc.value.toLowerCase() === "123abc"){
8 | return ({validOrderId: true});
9 | } else {
10 | return (null);
11 | }
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/app/on-focus-blur.directive.spec.ts:
--------------------------------------------------------------------------------
1 | import { OnFocusBlurDirective } from './on-focus-blur.directive';
2 |
3 | describe('OnFocusBlurDirective', () => {
4 | it('should create an instance', () => {
5 | const directive = new OnFocusBlurDirective();
6 | expect(directive).toBeTruthy();
7 | });
8 | });
9 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_part1/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter14/chapter14_part1/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CustomDirective
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter14/chapter14_part1/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to prod-ready!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/app-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { Routes, RouterModule } from '@angular/router';
3 | import {ListImagesComponent} from './list-images/list-images.component';
4 | const routes: Routes = [
5 | {
6 | path:'list-images',
7 | component:ListImagesComponent
8 | }
9 | ];
10 |
11 | @NgModule({
12 | imports: [RouterModule.forRoot(routes)],
13 | exports: [RouterModule]
14 | })
15 | export class AppRoutingModule { }
16 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter15_part1/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 | export class AppComponent {
9 | title = 'prod-ready';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/brands.ts:
--------------------------------------------------------------------------------
1 | export class Brands {
2 | id: number;
3 | name: string;
4 | url: string;
5 | }
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/cars/cars.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | -
4 | {{ brand.name}}
5 |
6 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/cars/cars.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter15_part1/src/app/cars/cars.component.scss
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/list-images/list-images.component.html:
--------------------------------------------------------------------------------
1 |
2 | list-images works!
3 |
4 |
5 |
6 | This is a primary alert—check it out!
7 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/list-images/list-images.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter15_part1/src/app/list-images/list-images.component.scss
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/testing-di/images.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable({
4 | providedIn: 'root'
5 | })
6 | export class ImagesService {
7 |
8 | constructor() { }
9 |
10 | getImageSourcesCount() {
11 |
12 | let sources = [
13 | {outlet : 'NYTimes'},
14 | {outlet : 'Google'},
15 | {outlet : 'Huffington Post'},
16 | {outlet : 'Yahoo'},
17 | ];
18 | return sources;
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/app/vehicles.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { VehiclesService } from './vehicles.service';
4 |
5 | describe('VehiclesService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: VehiclesService = TestBed.get(VehiclesService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter15_part1/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter15_part1/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ProdReady
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | @import "../node_modules/bootstrap/dist/css/bootstrap.css";
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter15/chapter15_part1/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/.editorconfig:
--------------------------------------------------------------------------------
1 | # Editor configuration, see https://editorconfig.org
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | indent_style = space
7 | indent_size = 2
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | max_line_length = off
13 | trim_trailing_whitespace = false
14 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to shopping-cart!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets-e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
1 | import { AppPage } from './app.po';
2 |
3 | describe('workspace-project App', () => {
4 | let page: AppPage;
5 |
6 | beforeEach(() => {
7 | page = new AppPage();
8 | });
9 |
10 | it('should display welcome message', () => {
11 | page.navigateTo();
12 | expect(page.getTitleText()).toEqual('Welcome to jackets!');
13 | });
14 | });
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets-e2e/src/app.po.ts:
--------------------------------------------------------------------------------
1 | import { browser, by, element } from 'protractor';
2 |
3 | export class AppPage {
4 | navigateTo() {
5 | return browser.get('/');
6 | }
7 |
8 | getTitleText() {
9 | return element(by.css('app-root h1')).getText();
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets-e2e/tsconfig.e2e.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/app",
5 | "module": "commonjs",
6 | "target": "es5",
7 | "types": [
8 | "jasmine",
9 | "jasminewd2",
10 | "node"
11 | ]
12 | }
13 | }
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/app.component.css:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/app.component.css
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Welcome to {{title}} Component
5 |
6 |
7 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.css']
7 | })
8 | export class AppComponent {
9 | title = 'jackets';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { BrowserModule } from '@angular/platform-browser';
2 | import { NgModule } from '@angular/core';
3 |
4 | import { AppComponent } from './app.component';
5 |
6 | @NgModule({
7 | declarations: [
8 | AppComponent
9 | ],
10 | imports: [
11 | BrowserModule
12 | ],
13 | providers: [],
14 | bootstrap: [AppComponent]
15 | })
16 | export class AppModule { }
17 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/jacket-list/jacket-list.component.html:
--------------------------------------------------------------------------------
1 |
2 | jacket-list works!
3 |
4 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/jacket-list/jacket-list.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/jacket-list/jacket-list.component.scss
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/app/jacket-list/jacket-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-jacket-list',
5 | templateUrl: './jacket-list.component.html',
6 | styleUrls: ['./jacket-list.component.scss']
7 | })
8 | export class JacketListComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Jackets
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/src/styles.css:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts",
12 | "src/polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/jackets/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/ng-package.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
3 | "dest": "../../dist/vendors",
4 | "lib": {
5 | "entryFile": "src/projects.ts"
6 | }
7 | }
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vendors",
3 | "version": "0.0.1",
4 | "peerDependencies": {
5 | "@angular/common": "^7.1.0",
6 | "@angular/core": "^7.1.0"
7 | }
8 | }
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/src/lib/vendors.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'my-vendors',
5 | template: `
6 |
7 | vendors works!
8 |
9 | `,
10 | styles: []
11 | })
12 | export class VendorsComponent implements OnInit {
13 |
14 | constructor() { }
15 |
16 | ngOnInit() {
17 | }
18 |
19 | }
20 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/src/lib/vendors.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { VendorsComponent } from './vendors.component';
3 |
4 | @NgModule({
5 | declarations: [VendorsComponent],
6 | imports: [
7 | ],
8 | exports: [VendorsComponent]
9 | })
10 | export class VendorsModule { }
11 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/src/lib/vendors.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { VendorsService } from './vendors.service';
4 |
5 | describe('VendorsService', () => {
6 | beforeEach(() => TestBed.configureTestingModule({}));
7 |
8 | it('should be created', () => {
9 | const service: VendorsService = TestBed.get(VendorsService);
10 | expect(service).toBeTruthy();
11 | });
12 | });
13 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/src/lib/vendors.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | @Injectable({
4 | providedIn: 'root'
5 | })
6 | export class VendorsService {
7 |
8 | constructor() { }
9 | }
10 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/src/projects.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Public API Surface of vendors
3 | */
4 |
5 | export * from './lib/vendors.service';
6 | export * from './lib/vendors.component';
7 | export * from './lib/vendors.module';
8 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "src/test.ts"
12 | ],
13 | "include": [
14 | "**/*.spec.ts",
15 | "**/*.d.ts"
16 | ]
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/projects/vendors/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "my",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "my",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Welcome to {{ title }}!
5 |
6 |
7 |
8 | -
9 |
10 |
11 | -
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/src/app/app.component.scss
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss']
7 | })
8 | export class AppComponent {
9 | title = 'shopping-cart';
10 | }
11 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/src/assets/.gitkeep
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | #
5 | # For IE 9-11 support, please remove 'not' from the last line of the file and adjust as needed
6 |
7 | > 0.5%
8 | last 2 versions
9 | Firefox ESR
10 | not dead
11 | not IE 9-11
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/PacktPublishing/Web-Development-with-Angular-and-Bootstrap-Third-Edition/6d52dea530bc0835c7ec648c746aa5826cab48a9/Chapter15/chapter_15_deploying_angular_part2/src/favicon.ico
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | ShoppingCart
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/main.ts:
--------------------------------------------------------------------------------
1 | import { enableProdMode } from '@angular/core';
2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3 |
4 | import { AppModule } from './app/app.module';
5 | import { environment } from './environments/environment';
6 |
7 | if (environment.production) {
8 | enableProdMode();
9 | }
10 |
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 | .catch(err => console.error(err));
13 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/styles.scss:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/tsconfig.app.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/app",
5 | "types": []
6 | },
7 | "exclude": [
8 | "test.ts",
9 | "**/*.spec.ts"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/tsconfig.spec.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "../out-tsc/spec",
5 | "types": [
6 | "jasmine",
7 | "node"
8 | ]
9 | },
10 | "files": [
11 | "test.ts",
12 | "polyfills.ts"
13 | ],
14 | "include": [
15 | "**/*.spec.ts",
16 | "**/*.d.ts"
17 | ]
18 | }
19 |
--------------------------------------------------------------------------------
/Chapter15/chapter_15_deploying_angular_part2/src/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../tslint.json",
3 | "rules": {
4 | "directive-selector": [
5 | true,
6 | "attribute",
7 | "app",
8 | "camelCase"
9 | ],
10 | "component-selector": [
11 | true,
12 | "element",
13 | "app",
14 | "kebab-case"
15 | ]
16 | }
17 | }
18 |
--------------------------------------------------------------------------------