35 |
2 |
29 |
--------------------------------------------------------------------------------
/public/runtime.f47bad7546ed9af5.js:
--------------------------------------------------------------------------------
1 | (()=>{"use strict";var e,_={},p={};function n(e){var a=p[e];if(void 0!==a)return a.exports;var r=p[e]={exports:{}};return _[e](r,r.exports,n),r.exports}n.m=_,e=[],n.O=(a,r,u,t)=>{if(!r){var o=1/0;for(f=0;f
3 |
4 |
9 |
10 |
28 | 5 | 6 | {{ title }} 7 |
8 |10 |
11 |
20 |
21 |
12 |
15 |
16 |
17 | Add New Customer
18 |
19 |
2 |
38 |
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
3 |
37 |
4 |
36 |
5 |
6 |
7 |
34 |
35 | | 9 | | First Name | 10 |Last Name | 11 |Address | 12 |City | 13 |State | 14 |Order Total | 15 |
|---|---|---|---|---|---|---|
 |
21 | {{ customer.firstName | capitalize }} | 22 |{{ customer.lastName | capitalize }} | 23 |{{ customer.address }} | 24 |{{ customer.city | trim }} | 25 |{{ customer.state.name }} | 26 |{{ customer.orderTotal | currency:'USD':'symbol' }} | 27 |
| 30 | | No Records Found | 31 ||||||
35 |
2 |
3 |
8 |
9 | 76 |
--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
1 | const express = require('express'),
2 | exphbs = require('express-handlebars'),
3 | hbsHelpers = require('handlebars-helpers'),
4 | hbsLayouts = require('handlebars-layouts'),
5 | bodyParser = require('body-parser'),
6 | cookieParser = require('cookie-parser'),
7 | errorhandler = require('errorhandler'),
8 | csrf = require('csurf'),
9 | morgan = require('morgan'),
10 | favicon = require('serve-favicon'),
11 |
12 | router = require('./routes/router'),
13 | database = require('./lib/database'),
14 | seeder = require('./lib/dbSeeder'),
15 | app = express(),
16 | port = 3000;
17 |
18 | class Server {
19 |
20 | constructor() {
21 | this.initViewEngine();
22 | this.initExpressMiddleWare();
23 | this.initCustomMiddleware();
24 | this.initDbSeeder();
25 | this.initRoutes();
26 | this.start();
27 | }
28 |
29 | start() {
30 | app.listen(port, (err) => {
31 | console.log('[%s] Listening on http://localhost:%d', process.env.NODE_ENV, port);
32 | });
33 | }
34 |
35 | initViewEngine() {
36 | const hbs = exphbs.create({
37 | extname: '.hbs',
38 | defaultLayout: 'master'
39 | });
40 | app.engine('hbs', hbs.engine);
41 | app.set('view engine', 'hbs');
42 | hbsLayouts.register(hbs.handlebars, {});
43 | }
44 |
45 | initExpressMiddleWare() {
46 | app.use(favicon(__dirname + '/public/assets/images/favicon.ico'));
47 | app.use(express.static(__dirname + '/public'));
48 | app.use(morgan('dev'));
49 | app.use(bodyParser.urlencoded({ extended: true }));
50 | app.use(bodyParser.json());
51 | app.use(errorhandler());
52 | app.use(cookieParser());
53 | app.use(csrf({ cookie: true }));
54 |
55 | app.use((req, res, next) => {
56 | let csrfToken = req.csrfToken();
57 | res.locals._csrf = csrfToken;
58 | res.cookie('XSRF-TOKEN', csrfToken);
59 | next();
60 | });
61 |
62 | process.on('uncaughtException', (err) => {
63 | if (err) console.log(err, err.stack);
64 | });
65 | }
66 |
67 | initCustomMiddleware() {
68 | if (process.platform === "win32") {
69 | require("readline").createInterface({
70 | input: process.stdin,
71 | output: process.stdout
72 | }).on("SIGINT", () => {
73 | console.log('SIGINT: Closing MongoDB connection');
74 | database.close();
75 | });
76 | }
77 |
78 | process.on('SIGINT', () => {
79 | console.log('SIGINT: Closing MongoDB connection');
80 | database.close();
81 | });
82 | }
83 |
84 | initDbSeeder() {
85 | database.open(() => {
86 | //Set NODE_ENV to 'development' and uncomment the following if to only run
87 | //the seeder when in dev mode
88 | //if (process.env.NODE_ENV === 'development') {
89 | // seeder.init();
90 | //}
91 | seeder.init();
92 | });
93 | }
94 |
95 | initRoutes() {
96 | router.load(app, './controllers');
97 |
98 | // redirect all others to the index (HTML5 history)
99 | app.all('/*', (req, res) => {
100 | res.sendFile(__dirname + '/public/index.html');
101 | });
102 | }
103 |
104 | }
105 |
106 | let server = new Server();
--------------------------------------------------------------------------------
/src/app/customers/customer-edit.component.html:
--------------------------------------------------------------------------------
1 | 4 | 5 | {{ customer.firstName }} {{ customer.lastName }} 6 |
7 |9 | 76 |
2 |
3 |
8 |
9 | 79 |
--------------------------------------------------------------------------------
/src/app/customers/customer-edit-reactive.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router, ActivatedRoute } from '@angular/router';
3 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
4 |
5 | import { DataService } from '../core/data.service';
6 | import { ICustomer, IState } from '../shared/interfaces';
7 | import { ValidationService } from '../shared/validation.service';
8 |
9 | @Component({
10 | selector: 'app-customer-edit-reactive',
11 | templateUrl: './customer-edit-reactive.component.html'
12 | })
13 | export class CustomerEditReactiveComponent implements OnInit {
14 |
15 | customerForm: FormGroup;
16 | customer: ICustomer = {
17 | firstName: '',
18 | lastName: '',
19 | gender: '',
20 | address: '',
21 | email: '',
22 | city: '',
23 | zip: 0
24 | };
25 | states: IState[];
26 | errorMessage: string;
27 | deleteMessageEnabled: boolean;
28 | operationText: string = 'Insert';
29 |
30 | constructor(private router: Router,
31 | private route: ActivatedRoute,
32 | private dataService: DataService,
33 | private formBuilder: FormBuilder) { }
34 |
35 | ngOnInit() {
36 | let id = this.route.snapshot.params['id'];
37 | if (id !== '0') {
38 | this.operationText = 'Update';
39 | this.getCustomer(id);
40 | }
41 |
42 | this.getStates();
43 | this.buildForm();
44 | }
45 |
46 | getCustomer(id: string) {
47 | this.dataService.getCustomer(id)
48 | .subscribe((customer: ICustomer) => {
49 | this.customer = customer;
50 | this.buildForm();
51 | },
52 | (err) => console.log(err));
53 | }
54 |
55 | buildForm() {
56 | this.customerForm = this.formBuilder.group({
57 | firstName: [this.customer.firstName, Validators.required],
58 | lastName: [this.customer.lastName, Validators.required],
59 | gender: [this.customer.gender, Validators.required],
60 | email: [this.customer.email, [Validators.required, ValidationService.emailValidator]],
61 | address: [this.customer.address, Validators.required],
62 | city: [this.customer.city, Validators.required],
63 | stateId: [this.customer.stateId, Validators.required]
64 | });
65 | }
66 |
67 | getStates() {
68 | this.dataService.getStates().subscribe((states: IState[]) => this.states = states);
69 | }
70 |
71 | submit({ value, valid }: { value: ICustomer, valid: boolean }) {
72 |
73 | value._id = this.customer._id;
74 | value.zip = this.customer.zip || 0;
75 | // var customer: ICustomer = {
76 | // _id: this.customer._id,
77 | // };
78 |
79 | if (value._id) {
80 |
81 | this.dataService.updateCustomer(value)
82 | .subscribe((customer: ICustomer) => {
83 | if (customer) {
84 | this.router.navigate(['/customers']);
85 | }
86 | else {
87 | this.errorMessage = 'Unable to save customer';
88 | }
89 | },
90 | (err) => console.log(err));
91 |
92 | } else {
93 |
94 | this.dataService.insertCustomer(value)
95 | .subscribe((customer: ICustomer) => {
96 | if (customer) {
97 | this.router.navigate(['/customers']);
98 | }
99 | else {
100 | this.errorMessage = 'Unable to add customer';
101 | }
102 | },
103 | (err) => console.log(err));
104 |
105 | }
106 | }
107 |
108 | cancel(event: Event) {
109 | event.preventDefault();
110 | this.router.navigate(['/customers']);
111 | }
112 |
113 | delete(event: Event) {
114 | event.preventDefault();
115 | this.dataService.deleteCustomer(this.customer._id)
116 | .subscribe((status: boolean) => {
117 | if (status) {
118 | this.router.navigate(['/customers']);
119 | }
120 | else {
121 | this.errorMessage = 'Unable to delete customer';
122 | }
123 | },
124 | (err) => console.log(err));
125 | }
126 |
127 | }
--------------------------------------------------------------------------------
/src/app/core/data.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 |
3 | //Using the new HttpClientModule now. If you're still on < Angular 4.3 see the
4 | //data.service.ts file instead (simplify rename it to the name
5 | //of this file to use it instead)
6 | import { HttpClient, HttpResponse, HttpErrorResponse } from '@angular/common/http';
7 |
8 | import { Observable, throwError } from 'rxjs';
9 | import { map, catchError } from 'rxjs/operators';
10 |
11 | import { ICustomer, IOrder, IState, IPagedResults, ICustomerResponse } from '../shared/interfaces';
12 |
13 | @Injectable()
14 | export class DataService {
15 |
16 | baseUrl: string = '/api/customers';
17 | baseStatesUrl: string = '/api/states'
18 |
19 | constructor(private http: HttpClient) {
20 |
21 | }
22 |
23 | getCustomers() : Observable4 | 5 | {{ customer.firstName }} {{ customer.lastName }} 6 |
7 |9 | 79 |
33 |