2 |
17 |
27 |
3 |
16 |
4 | 
5 |
6 |
5 |
7 |
11 | {{ customer.address }} 12 |
13 | {{ customer.city }}, {{ customer.state.name }} 14 |
15 | 8 | {{ customer.firstName | capitalize }} {{ customer.lastName | capitalize }} 9 |
10 |11 | {{ customer.address }} 12 |
13 | {{ customer.city }}, {{ customer.state.name }} 14 |
17 |
18 |
26 |
19 |
25 |
28 | No customer found
29 |
--------------------------------------------------------------------------------
/src/app/customer/customer-details.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var router_1 = require("@angular/router");
14 | var data_service_1 = require("../core/services/data.service");
15 | var CustomerDetailsComponent = (function () {
16 | function CustomerDetailsComponent(route, dataService) {
17 | this.route = route;
18 | this.dataService = dataService;
19 | }
20 | CustomerDetailsComponent.prototype.ngOnInit = function () {
21 | var _this = this;
22 | //Subscribe to params so if it changes we pick it up. Could use this.route.parent.snapshot.params["id"] to simplify it.
23 | this.route.parent.params.subscribe(function (params) {
24 | var id = +params['id'];
25 | _this.dataService.getCustomer(id)
26 | .subscribe(function (customer) {
27 | _this.customer = customer;
28 | _this.mapEnabled = true;
29 | });
30 | });
31 | };
32 | return CustomerDetailsComponent;
33 | }());
34 | CustomerDetailsComponent = __decorate([
35 | core_1.Component({
36 | moduleId: module.id,
37 | selector: 'cm-customer-details',
38 | templateUrl: 'customer-details.component.html',
39 | styleUrls: ['customer-details.component.css']
40 | }),
41 | __metadata("design:paramtypes", [router_1.ActivatedRoute, data_service_1.DataService])
42 | ], CustomerDetailsComponent);
43 | exports.CustomerDetailsComponent = CustomerDetailsComponent;
44 | //# sourceMappingURL=customer-details.component.js.map
--------------------------------------------------------------------------------
/src/app/customer/customer-details.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customer-details.component.js","sourceRoot":"","sources":["customer-details.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAClD,0CAAyD;AAGzD,8DAA4D;AAQ5D,IAAa,wBAAwB;IAKnC,kCAAoB,KAAqB,EAAU,WAAwB;QAAvD,UAAK,GAAL,KAAK,CAAgB;QAAU,gBAAW,GAAX,WAAW,CAAa;IAAI,CAAC;IAEhF,2CAAQ,GAAR;QAAA,iBAUC;QATG,uHAAuH;QACvH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAC,MAAc;YAChD,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACvB,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC;iBAC3B,SAAS,CAAC,UAAC,QAAmB;gBAC7B,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;gBACzB,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACzB,CAAC,CAAC,CAAC;QACT,CAAC,CAAC,CAAC;IACP,CAAC;IAGH,+BAAC;AAAD,CAAC,AApBD,IAoBC;AApBY,wBAAwB;IANpC,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,qBAAqB;QAC/B,WAAW,EAAE,iCAAiC;QAC9C,SAAS,EAAE,CAAE,gCAAgC,CAAE;KAChD,CAAC;qCAM2B,uBAAc,EAAuB,0BAAW;GALhE,wBAAwB,CAoBpC;AApBY,4DAAwB"}
--------------------------------------------------------------------------------
/src/app/customer/customer-details.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute, Params } from '@angular/router';
3 |
4 | import { ICustomer } from '../shared/interfaces';
5 | import { DataService } from '../core/services/data.service';
6 |
7 | @Component({
8 | moduleId: module.id,
9 | selector: 'cm-customer-details',
10 | templateUrl: 'customer-details.component.html',
11 | styleUrls: [ 'customer-details.component.css' ]
12 | })
13 | export class CustomerDetailsComponent implements OnInit {
14 |
15 | customer: ICustomer;
16 | mapEnabled: boolean;
17 |
18 | constructor(private route: ActivatedRoute, private dataService: DataService) { }
19 |
20 | ngOnInit() {
21 | //Subscribe to params so if it changes we pick it up. Could use this.route.parent.snapshot.params["id"] to simplify it.
22 | this.route.parent.params.subscribe((params: Params) => {
23 | let id = +params['id'];
24 | this.dataService.getCustomer(id)
25 | .subscribe((customer: ICustomer) => {
26 | this.customer = customer;
27 | this.mapEnabled = true;
28 | });
29 | });
30 | }
31 |
32 |
33 | }
--------------------------------------------------------------------------------
/src/app/customer/customer-edit.component.css:
--------------------------------------------------------------------------------
1 | .customer-form input[type='text'],
2 | .customer-form input[type='number'],
3 | .customer-form input[type='email'],
4 | .customer-form select {
5 | width:100%;
6 | }
7 |
8 | .customer-form .ng-invalid {
9 | border-left: 5px solid #a94442;
10 | }
11 |
12 | .customer-form .ng-valid {
13 | border-left: 5px solid #42A948;
14 | }
--------------------------------------------------------------------------------
/src/app/customer/customer-orders.component.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/customer/customer-orders.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var router_1 = require("@angular/router");
14 | var data_service_1 = require("../core/services/data.service");
15 | var CustomerOrdersComponent = (function () {
16 | function CustomerOrdersComponent(route, dataService) {
17 | this.route = route;
18 | this.dataService = dataService;
19 | this.orders = [];
20 | }
21 | CustomerOrdersComponent.prototype.ngOnInit = function () {
22 | var _this = this;
23 | //Subscribe to params so if it changes we pick it up. Could use this.route.parent.snapshot.params["id"] to simplify it.
24 | this.route.parent.params.subscribe(function (params) {
25 | var id = +params['id'];
26 | _this.dataService.getCustomer(id).subscribe(function (customer) {
27 | _this.customer = customer;
28 | });
29 | });
30 | };
31 | CustomerOrdersComponent.prototype.ordersTrackBy = function (index, orderItem) {
32 | return index;
33 | };
34 | return CustomerOrdersComponent;
35 | }());
36 | CustomerOrdersComponent = __decorate([
37 | core_1.Component({
38 | moduleId: module.id,
39 | selector: 'cm-customer-orders',
40 | templateUrl: 'customer-orders.component.html'
41 | }),
42 | __metadata("design:paramtypes", [router_1.ActivatedRoute, data_service_1.DataService])
43 | ], CustomerOrdersComponent);
44 | exports.CustomerOrdersComponent = CustomerOrdersComponent;
45 | //# sourceMappingURL=customer-orders.component.js.map
--------------------------------------------------------------------------------
/src/app/customer/customer-orders.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customer-orders.component.js","sourceRoot":"","sources":["customer-orders.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAClD,0CAAyD;AAEzD,8DAA4D;AAQ5D,IAAa,uBAAuB;IAKlC,iCAAoB,KAAqB,EAAU,WAAwB;QAAvD,UAAK,GAAL,KAAK,CAAgB;QAAU,gBAAW,GAAX,WAAW,CAAa;QAH3E,WAAM,GAAa,EAAE,CAAC;IAGyD,CAAC;IAEhF,0CAAQ,GAAR;QAAA,iBAQC;QAPG,wHAAwH;QACxH,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAC,MAAc;YAChD,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YACvB,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,UAAC,QAAmB;gBAC7D,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC3B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,+CAAa,GAAb,UAAc,KAAa,EAAE,SAAc;QACzC,MAAM,CAAC,KAAK,CAAC;IACf,CAAC;IAEH,8BAAC;AAAD,CAAC,AArBD,IAqBC;AArBY,uBAAuB;IALnC,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,oBAAoB;QAC9B,WAAW,EAAE,gCAAgC;KAC9C,CAAC;qCAM2B,uBAAc,EAAuB,0BAAW;GALhE,uBAAuB,CAqBnC;AArBY,0DAAuB"}
--------------------------------------------------------------------------------
/src/app/customer/customer-orders.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { ActivatedRoute, Params } from '@angular/router';
3 |
4 | import { DataService } from '../core/services/data.service';
5 | import { ICustomer, IOrder, IOrderItem } from '../shared/interfaces';
6 |
7 | @Component({
8 | moduleId: module.id,
9 | selector: 'cm-customer-orders',
10 | templateUrl: 'customer-orders.component.html'
11 | })
12 | export class CustomerOrdersComponent implements OnInit {
13 |
14 | orders: IOrder[] = [];
15 | customer: ICustomer;
16 |
17 | constructor(private route: ActivatedRoute, private dataService: DataService) { }
18 |
19 | ngOnInit() {
20 | //Subscribe to params so if it changes we pick it up. Could use this.route.parent.snapshot.params["id"] to simplify it.
21 | this.route.parent.params.subscribe((params: Params) => {
22 | let id = +params['id'];
23 | this.dataService.getCustomer(id).subscribe((customer: ICustomer) => {
24 | this.customer = customer;
25 | });
26 | });
27 | }
28 |
29 | ordersTrackBy(index: number, orderItem: any) {
30 | return index;
31 | }
32 |
33 | }
--------------------------------------------------------------------------------
/src/app/customer/customer-routing.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customer-routing.module.js","sourceRoot":"","sources":["customer-routing.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAyC;AACzC,0CAAuD;AAEvD,2DAA2D;AAC3D,yEAAsE;AACtE,2EAAwE;AACxE,qEAAkE;AAClE,2DAAwD;AACxD,+DAA4D;AAE5D,IAAM,MAAM,GAAW;IACrB;QACE,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,sCAAiB;QAC5B,QAAQ,EAAE;YACR,EAAE,IAAI,EAAC,QAAQ,EAAG,SAAS,EAAE,mDAAuB,EAAE;YACtD,EAAE,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,qDAAwB,EAAE;YACvD,EAAE,IAAI,EAAC,MAAM;gBACX,SAAS,EAAE,+CAAqB;gBAChC,WAAW,EAAE,CAAE,qCAAgB,CAAE;gBACjC,aAAa,EAAE,CAAE,yCAAkB,CAAE;aACtC;SACF;KACF;CACF,CAAC;AAOF,IAAa,qBAAqB;IAAlC;IAEA,CAAC;IAAD,4BAAC;AAAD,CAAC,AAFD,IAEC;AADQ,gCAAU,GAAG,CAAE,sCAAiB,EAAE,mDAAuB,EAAE,qDAAwB,EAAE,+CAAqB,CAAE,CAAC;AADzG,qBAAqB;IALjC,eAAQ,CAAC;QACR,OAAO,EAAE,CAAE,qBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAE;QAC1C,OAAO,EAAE,CAAE,qBAAY,CAAE;QACzB,SAAS,EAAK,CAAE,qCAAgB,EAAE,yCAAkB,CAAE;KACvD,CAAC;GACW,qBAAqB,CAEjC;AAFY,sDAAqB"}
--------------------------------------------------------------------------------
/src/app/customer/customer-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { CustomerComponent } from './customer.component';
5 | import { CustomerOrdersComponent } from './customer-orders.component';
6 | import { CustomerDetailsComponent } from './customer-details.component';
7 | import { CustomerEditComponent } from './customer-edit.component';
8 | import { CanActivateGuard } from './can-activate.guard';
9 | import { CanDeactivateGuard } from './can-deactivate.guard';
10 |
11 | const routes: Routes = [
12 | {
13 | path: '',
14 | component: CustomerComponent,
15 | children: [
16 | { path:'orders', component: CustomerOrdersComponent },
17 | { path:'details', component: CustomerDetailsComponent },
18 | { path:'edit',
19 | component: CustomerEditComponent,
20 | canActivate: [ CanActivateGuard ],
21 | canDeactivate: [ CanDeactivateGuard ]
22 | }
23 | ]
24 | }
25 | ];
26 |
27 | @NgModule({
28 | imports: [ RouterModule.forChild(routes) ],
29 | exports: [ RouterModule ],
30 | providers: [ CanActivateGuard, CanDeactivateGuard ]
31 | })
32 | export class CustomerRoutingModule {
33 | static components = [ CustomerComponent, CustomerOrdersComponent, CustomerDetailsComponent, CustomerEditComponent ];
34 | }
35 |
36 |
--------------------------------------------------------------------------------
/src/app/customer/customer.component.html:
--------------------------------------------------------------------------------
1 |
3 |
5 |
6 |
15 |
19 | Orders for {{ customer.firstName | capitalize }} {{ customer.lastName | capitalize }}
4 |5 |
| {{ order.productName }} | 8 |{{ order.itemCost | currency:'USD':true }} | 9 |
| 12 | | {{ customer.orderTotal | currency:'USD':true }} | 13 |
16 | No orders found
17 |
18 |
20 | No customer found
21 |
22 |
2 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/src/app/customer/customer.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var router_1 = require("@angular/router");
14 | var CustomerComponent = (function () {
15 | //displayMode: CustomerDisplayModeEnum;
16 | //displayModeEnum = CustomerDisplayModeEnum;
17 | function CustomerComponent(router) {
18 | this.router = router;
19 | }
20 | CustomerComponent.prototype.ngOnInit = function () {
21 | //No longer needed due to routerLinkActive feature in Angular
22 | // const path = this.router.url.split('/')[3];
23 | // switch (path) {
24 | // case 'details':
25 | // this.displayMode = CustomerDisplayModeEnum.Details;
26 | // break;
27 | // case 'orders':
28 | // this.displayMode = CustomerDisplayModeEnum.Orders;
29 | // break;
30 | // case 'edit':
31 | // this.displayMode = CustomerDisplayModeEnum.Edit;
32 | // break;
33 | // }
34 | };
35 | return CustomerComponent;
36 | }());
37 | CustomerComponent = __decorate([
38 | core_1.Component({
39 | moduleId: module.id,
40 | selector: 'cm-orders',
41 | templateUrl: 'customer.component.html'
42 | }),
43 | __metadata("design:paramtypes", [router_1.Router])
44 | ], CustomerComponent);
45 | exports.CustomerComponent = CustomerComponent;
46 | // enum CustomerDisplayModeEnum {
47 | // Details=0,
48 | // Orders=1,
49 | // Edit=2
50 | // }
51 | //# sourceMappingURL=customer.component.js.map
--------------------------------------------------------------------------------
/src/app/customer/customer.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customer.component.js","sourceRoot":"","sources":["customer.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAClD,0CAAyC;AAOzC,IAAa,iBAAiB;IAE1B,uCAAuC;IACvC,4CAA4C;IAE5C,2BAAoB,MAAc;QAAd,WAAM,GAAN,MAAM,CAAQ;IAAI,CAAC;IAEvC,oCAAQ,GAAR;QAEE,6DAA6D;QAC7D,8CAA8C;QAC9C,kBAAkB;QAClB,oBAAoB;QACpB,0DAA0D;QAC1D,aAAa;QACb,mBAAmB;QACnB,yDAAyD;QACzD,aAAa;QACb,iBAAiB;QACjB,uDAAuD;QACvD,aAAa;QACb,IAAI;IACN,CAAC;IAEL,wBAAC;AAAD,CAAC,AAxBD,IAwBC;AAxBY,iBAAiB;IAL7B,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,WAAW;QACrB,WAAW,EAAE,yBAAyB;KACvC,CAAC;qCAM8B,eAAM;GALzB,iBAAiB,CAwB7B;AAxBY,8CAAiB;AA0B9B,iCAAiC;AACjC,eAAe;AACf,cAAc;AACd,WAAW;AACX,IAAI"}
--------------------------------------------------------------------------------
/src/app/customer/customer.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 |
4 | @Component({
5 | moduleId: module.id,
6 | selector: 'cm-orders',
7 | templateUrl: 'customer.component.html'
8 | })
9 | export class CustomerComponent implements OnInit {
10 |
11 | //displayMode: CustomerDisplayModeEnum;
12 | //displayModeEnum = CustomerDisplayModeEnum;
13 |
14 | constructor(private router: Router) { }
15 |
16 | ngOnInit() {
17 |
18 | //No longer needed due to routerLinkActive feature in Angular
19 | // const path = this.router.url.split('/')[3];
20 | // switch (path) {
21 | // case 'details':
22 | // this.displayMode = CustomerDisplayModeEnum.Details;
23 | // break;
24 | // case 'orders':
25 | // this.displayMode = CustomerDisplayModeEnum.Orders;
26 | // break;
27 | // case 'edit':
28 | // this.displayMode = CustomerDisplayModeEnum.Edit;
29 | // break;
30 | // }
31 | }
32 |
33 | }
34 |
35 | // enum CustomerDisplayModeEnum {
36 | // Details=0,
37 | // Orders=1,
38 | // Edit=2
39 | // }
40 |
--------------------------------------------------------------------------------
/src/app/customer/customer.module.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | Object.defineProperty(exports, "__esModule", { value: true });
9 | var core_1 = require("@angular/core");
10 | var shared_module_1 = require("../shared/shared.module");
11 | var customer_routing_module_1 = require("./customer-routing.module");
12 | var CustomerModule = (function () {
13 | function CustomerModule() {
14 | }
15 | return CustomerModule;
16 | }());
17 | CustomerModule = __decorate([
18 | core_1.NgModule({
19 | imports: [customer_routing_module_1.CustomerRoutingModule, shared_module_1.SharedModule],
20 | declarations: [customer_routing_module_1.CustomerRoutingModule.components]
21 | })
22 | ], CustomerModule);
23 | exports.CustomerModule = CustomerModule;
24 | //# sourceMappingURL=customer.module.js.map
--------------------------------------------------------------------------------
/src/app/customer/customer.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customer.module.js","sourceRoot":"","sources":["customer.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAA8C;AAE9C,yDAAyD;AACzD,qEAAkE;AAMlE,IAAa,cAAc;IAA3B;IAA8B,CAAC;IAAD,qBAAC;AAAD,CAAC,AAA/B,IAA+B;AAAlB,cAAc;IAJ1B,eAAQ,CAAC;QACR,OAAO,EAAO,CAAE,+CAAqB,EAAE,4BAAY,CAAE;QACrD,YAAY,EAAE,CAAE,+CAAqB,CAAC,UAAU,CAAE;KACnD,CAAC;GACW,cAAc,CAAI;AAAlB,wCAAc"}
--------------------------------------------------------------------------------
/src/app/customer/customer.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 |
3 | import { SharedModule } from '../shared/shared.module';
4 | import { CustomerRoutingModule } from './customer-routing.module';
5 |
6 | @NgModule({
7 | imports: [ CustomerRoutingModule, SharedModule ],
8 | declarations: [ CustomerRoutingModule.components ]
9 | })
10 | export class CustomerModule { }
--------------------------------------------------------------------------------
/src/app/customers/customers-card.component.css:
--------------------------------------------------------------------------------
1 | .card-container {
2 | width:85%;
3 | }
4 |
5 | .card {
6 | background-color:#fff;
7 | border: 1px solid #d4d4d4;
8 | height:120px;
9 | margin-bottom: 20px;
10 | position: relative;
11 | }
12 |
13 | .card-header {
14 | background-color:#027FF4;
15 | font-size:14pt;
16 | color:white;
17 | padding:5px;
18 | width:100%;
19 | }
20 |
21 | .card-close {
22 | color: white;
23 | font-weight:bold;
24 | margin-right:5px;
25 | }
26 |
27 | .card-body {
28 | padding-left: 5px;
29 | }
30 |
31 | .card-body-left {
32 | margin-top: -5px;
33 | }
34 |
35 | .card-body-right {
36 | margin-left: 20px;
37 | margin-top: 2px;
38 | }
39 |
40 | .card-body-content {
41 | width: 100px;
42 | }
43 |
44 | .card-image {
45 | height:50px;width:50px;margin-top:10px;
46 | }
47 |
48 | .white {
49 | color: white;
50 | }
51 |
52 | .white:hover {
53 | color: white;
54 | }
--------------------------------------------------------------------------------
/src/app/customers/customers-card.component.html:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/app/customers/customers-card.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customers-card.component.js","sourceRoot":"","sources":["customers-card.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAC2E;AAG3E,oEAAkE;AAyBlE,IAAa,sBAAsB;IAIjC,gCAAmB,cAA8B;QAA9B,mBAAc,GAAd,cAAc,CAAgB;QAFxC,cAAS,GAAgB,EAAE,CAAC;IAEgB,CAAC;IAEtD,yCAAQ,GAAR;IAEA,CAAC;IAEH,6BAAC;AAAD,CAAC,AAVD,IAUC;AARU;IAAR,YAAK,EAAE;;yDAA6B;AAF1B,sBAAsB;IAvBlC,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,WAAW,EAAE,+BAA+B;QAC5C,SAAS,EAAE,CAAE,8BAA8B,CAAE;QAC7C,8CAA8C;QAC9C,gBAAgB;QAChB,0BAA0B;QAC1B,oEAAoE;QACpE,gCAAgC;QAChC,2DAA2D;QAC3D,qBAAqB;QACrB,UAAU;QACV,gCAAgC;QAChC,yEAAyE;QACzE,SAAS;QACT,OAAO;QACP,KAAK;QACL,uEAAuE;QACvE,oEAAoE;QACpE,+EAA+E;QAC/E,eAAe,EAAE,8BAAuB,CAAC,MAAM;KAChD,CAAC;qCAKmC,gCAAc;GAJtC,sBAAsB,CAUlC;AAVY,wDAAsB"}
--------------------------------------------------------------------------------
/src/app/customers/customers-card.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit, ChangeDetectionStrategy,
2 | trigger, state, style, transition, animate } from '@angular/core';
3 |
4 | import { ICustomer } from '../shared/interfaces';
5 | import { TrackByService } from '../core/services/trackby.service';
6 |
7 | @Component({
8 | moduleId: module.id,
9 | selector: 'cm-customers-card',
10 | templateUrl: 'customers-card.component.html',
11 | styleUrls: [ 'customers-card.component.css' ],
12 | //Add [@flyInOut]="'in'" into template on card
13 | // animations: [
14 | // trigger('flyInOut', [
15 | // state('in', style({transform: 'translateX(0)', opacity: 1})),
16 | // transition('void => *', [
17 | // style({transform: 'translateX(25%)', opacity: 0}),
18 | // animate(300)
19 | // ]),
20 | // transition('* => void', [
21 | // animate(300, style({transform: 'translateX(-25%)', opacity: 1}))
22 | // ])
23 | // ])
24 | // ],
25 | //When using OnPush detectors, then the framework will check an OnPush
26 | //component when any of its input properties changes, when it fires
27 | //an event, or when an observable fires an event ~ Victor Savkin (Angular Team)
28 | changeDetection: ChangeDetectionStrategy.OnPush
29 | })
30 | export class CustomersCardComponent implements OnInit {
31 |
32 | @Input() customers: ICustomer[] = [];
33 |
34 | constructor(public trackbyService: TrackByService) { }
35 |
36 | ngOnInit() {
37 |
38 | }
39 |
40 | }
41 |
42 |
--------------------------------------------------------------------------------
/src/app/customers/customers-grid.component.css:
--------------------------------------------------------------------------------
1 | .grid-container div {
2 | padding-left: 0px;
3 | }
4 |
5 | .grid-container td {
6 | vertical-align: middle;
7 | }
8 |
9 | .grid-image {
10 | height:50px;width:50px;margin-top:10px;
11 | }
--------------------------------------------------------------------------------
/src/app/customers/customers-grid.component.html:
--------------------------------------------------------------------------------
1 |
3 |
33 |
4 |
29 |
5 |
28 |
6 |
7 | {{customer.firstName | capitalize }} {{ customer.lastName | capitalize }}
8 |
9 |
10 |
12 |
13 |
14 |
15 |
27 |
16 |
26 |
17 |
18 |
19 |
20 |
21 |
19 |
20 |
22 |
25 | {{customer.city | trim }}, {{customer.state.name}}
23 | View Orders
24 |
30 | No Records Found
31 |
32 |
2 |
41 |
--------------------------------------------------------------------------------
/src/app/customers/customers-grid.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var sorter_service_1 = require("../core/services/sorter.service");
14 | var trackby_service_1 = require("../core/services/trackby.service");
15 | var CustomersGridComponent = (function () {
16 | function CustomersGridComponent(sorterService, trackbyService) {
17 | this.sorterService = sorterService;
18 | this.trackbyService = trackbyService;
19 | this.customers = [];
20 | }
21 | CustomersGridComponent.prototype.ngOnInit = function () {
22 | };
23 | CustomersGridComponent.prototype.sort = function (prop) {
24 | this.sorterService.sort(this.customers, prop);
25 | };
26 | return CustomersGridComponent;
27 | }());
28 | __decorate([
29 | core_1.Input(),
30 | __metadata("design:type", Array)
31 | ], CustomersGridComponent.prototype, "customers", void 0);
32 | CustomersGridComponent = __decorate([
33 | core_1.Component({
34 | moduleId: module.id,
35 | selector: 'cm-customers-grid',
36 | templateUrl: 'customers-grid.component.html',
37 | styleUrls: ['customers-grid.component.css'],
38 | //When using OnPush detectors, then the framework will check an OnPush
39 | //component when any of its input properties changes, when it fires
40 | //an event, or when an observable fires an event ~ Victor Savkin (Angular Team)
41 | changeDetection: core_1.ChangeDetectionStrategy.OnPush
42 | }),
43 | __metadata("design:paramtypes", [sorter_service_1.SorterService, trackby_service_1.TrackByService])
44 | ], CustomersGridComponent);
45 | exports.CustomersGridComponent = CustomersGridComponent;
46 | //# sourceMappingURL=customers-grid.component.js.map
--------------------------------------------------------------------------------
/src/app/customers/customers-grid.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customers-grid.component.js","sourceRoot":"","sources":["customers-grid.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkF;AAElF,kEAAgE;AAChE,oEAAkE;AAYlE,IAAa,sBAAsB;IAIjC,gCAAoB,aAA4B,EAAS,cAA8B;QAAnE,kBAAa,GAAb,aAAa,CAAe;QAAS,mBAAc,GAAd,cAAc,CAAgB;QAF9E,cAAS,GAAU,EAAE,CAAC;IAE4D,CAAC;IAE5F,yCAAQ,GAAR;IAEA,CAAC;IAED,qCAAI,GAAJ,UAAK,IAAY;QACb,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAClD,CAAC;IAEH,6BAAC;AAAD,CAAC,AAdD,IAcC;AAZU;IAAR,YAAK,EAAE;;yDAAuB;AAFpB,sBAAsB;IAVlC,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,mBAAmB;QAC7B,WAAW,EAAE,+BAA+B;QAC5C,SAAS,EAAE,CAAE,8BAA8B,CAAE;QAC7C,uEAAuE;QACvE,oEAAoE;QACpE,+EAA+E;QAC/E,eAAe,EAAE,8BAAuB,CAAC,MAAM;KAChD,CAAC;qCAKmC,8BAAa,EAAyB,gCAAc;GAJ5E,sBAAsB,CAclC;AAdY,wDAAsB"}
--------------------------------------------------------------------------------
/src/app/customers/customers-grid.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, Input, OnInit, ChangeDetectionStrategy } from '@angular/core';
2 |
3 | import { SorterService } from '../core/services/sorter.service';
4 | import { TrackByService } from '../core/services/trackby.service';
5 |
6 | @Component({
7 | moduleId: module.id,
8 | selector: 'cm-customers-grid',
9 | templateUrl: 'customers-grid.component.html',
10 | styleUrls: [ 'customers-grid.component.css' ],
11 | //When using OnPush detectors, then the framework will check an OnPush
12 | //component when any of its input properties changes, when it fires
13 | //an event, or when an observable fires an event ~ Victor Savkin (Angular Team)
14 | changeDetection: ChangeDetectionStrategy.OnPush
15 | })
16 | export class CustomersGridComponent implements OnInit {
17 |
18 | @Input() customers: any[] = [];
19 |
20 | constructor(private sorterService: SorterService, public trackbyService: TrackByService) { }
21 |
22 | ngOnInit() {
23 |
24 | }
25 |
26 | sort(prop: string) {
27 | this.sorterService.sort(this.customers, prop);
28 | }
29 |
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/customers/customers-routing.module.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | Object.defineProperty(exports, "__esModule", { value: true });
9 | var core_1 = require("@angular/core");
10 | var router_1 = require("@angular/router");
11 | var customers_component_1 = require("./customers.component");
12 | var customers_card_component_1 = require("./customers-card.component");
13 | var customers_grid_component_1 = require("./customers-grid.component");
14 | var routes = [
15 | { path: '', component: customers_component_1.CustomersComponent }
16 | ];
17 | var CustomersRoutingModule = (function () {
18 | function CustomersRoutingModule() {
19 | }
20 | return CustomersRoutingModule;
21 | }());
22 | CustomersRoutingModule.components = [customers_component_1.CustomersComponent, customers_card_component_1.CustomersCardComponent, customers_grid_component_1.CustomersGridComponent];
23 | CustomersRoutingModule = __decorate([
24 | core_1.NgModule({
25 | imports: [router_1.RouterModule.forChild(routes)],
26 | exports: [router_1.RouterModule]
27 | })
28 | ], CustomersRoutingModule);
29 | exports.CustomersRoutingModule = CustomersRoutingModule;
30 | //# sourceMappingURL=customers-routing.module.js.map
--------------------------------------------------------------------------------
/src/app/customers/customers-routing.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customers-routing.module.js","sourceRoot":"","sources":["customers-routing.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAyC;AACzC,0CAAuD;AAEvD,6DAA2D;AAC3D,uEAAoE;AACpE,uEAAoE;AAEpE,IAAM,MAAM,GAAW;IACrB,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,wCAAkB,EAAE;CAC5C,CAAC;AAMF,IAAa,sBAAsB;IAAnC;IAEA,CAAC;IAAD,6BAAC;AAAD,CAAC,AAFD,IAEC;AADQ,iCAAU,GAAG,CAAE,wCAAkB,EAAE,iDAAsB,EAAE,iDAAsB,CAAE,CAAC;AADhF,sBAAsB;IAJlC,eAAQ,CAAC;QACR,OAAO,EAAE,CAAE,qBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAE;QAC1C,OAAO,EAAE,CAAE,qBAAY,CAAE;KAC1B,CAAC;GACW,sBAAsB,CAElC;AAFY,wDAAsB"}
--------------------------------------------------------------------------------
/src/app/customers/customers-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { CustomersComponent } from './customers.component';
5 | import { CustomersCardComponent } from './customers-card.component';
6 | import { CustomersGridComponent } from './customers-grid.component';
7 |
8 | const routes: Routes = [
9 | { path: '', component: CustomersComponent }
10 | ];
11 |
12 | @NgModule({
13 | imports: [ RouterModule.forChild(routes) ],
14 | exports: [ RouterModule ]
15 | })
16 | export class CustomersRoutingModule {
17 | static components = [ CustomersComponent, CustomersCardComponent, CustomersGridComponent ];
18 | }
--------------------------------------------------------------------------------
/src/app/customers/customers.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"customers.component.js","sourceRoot":"","sources":["customers.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAElD,8DAA4D;AAE5D,kEAAgE;AAOhE,IAAa,kBAAkB;IAW7B,4BAAoB,WAAwB,EAAU,aAA4B;QAA9D,gBAAW,GAAX,WAAW,CAAa;QAAU,kBAAa,GAAb,aAAa,CAAe;QAPlF,cAAS,GAAgB,EAAE,CAAC;QAC5B,sBAAiB,GAAgB,EAAE,CAAC;QAEpC,oBAAe,GAAG,eAAe,CAAC;QAClC,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAW,EAAE,CAAC;IAEgE,CAAC;IAEvF,qCAAQ,GAAR;QACE,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC;QAExC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,8CAAiB,GAAjB,UAAkB,IAAqB;QACnC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,wCAAW,GAAX,UAAY,IAAY;QACtB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,6CAAgB,GAAhB,UAAiB,IAAY;QAA7B,iBAQC;QAPC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;aACvE,SAAS,CAAC,UAAC,QAAoC;YAC9C,KAAI,CAAC,SAAS,GAAG,KAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC3D,KAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;QAC5C,CAAC,EACD,UAAC,GAAQ,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAhB,CAAgB,EAC9B,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,mDAAmD,GAAG,IAAI,CAAC,EAAvE,CAAuE,CAAC,CAAC;IACrF,CAAC;IAED,0CAAa,GAAb,UAAc,IAAY;QACxB,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YACzB,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YAC1B,IAAM,KAAK,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;YAC9D,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAY,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/F,CAAC;QACD,IAAI,CAAC,CAAC;YACJ,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC;QAC1C,CAAC;IACH,CAAC;IACH,yBAAC;AAAD,CAAC,AAjDD,IAiDC;AAjDY,kBAAkB;IAL9B,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,cAAc;QACxB,WAAW,EAAE,0BAA0B;KACxC,CAAC;qCAYiC,0BAAW,EAAyB,8BAAa;GAXvE,kBAAkB,CAiD9B;AAjDY,gDAAkB;AAmD/B,IAAK,eAIJ;AAJD,WAAK,eAAe;IAClB,qDAAQ,CAAA;IACR,qDAAQ,CAAA;IACR,mDAAO,CAAA;AACT,CAAC,EAJI,eAAe,KAAf,eAAe,QAInB"}
--------------------------------------------------------------------------------
/src/app/customers/customers.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { DataService } from '../core/services/data.service';
4 | import { ICustomer, IPagedResults } from '../shared/interfaces';
5 | import { FilterService } from '../core/services/filter.service';
6 |
7 | @Component({
8 | moduleId: module.id,
9 | selector: 'cm-customers',
10 | templateUrl: 'customers.component.html'
11 | })
12 | export class CustomersComponent implements OnInit {
13 |
14 | title: string;
15 | filterText: string;
16 | customers: ICustomer[] = [];
17 | filteredCustomers: ICustomer[] = [];
18 | displayMode: DisplayModeEnum;
19 | displayModeEnum = DisplayModeEnum;
20 | totalRecords: number = 0;
21 | pageSize: number = 10;
22 |
23 | constructor(private dataService: DataService, private filterService: FilterService) { }
24 |
25 | ngOnInit() {
26 | this.title = 'Customers';
27 | this.filterText = 'Filter Customers:';
28 | this.displayMode = DisplayModeEnum.Card;
29 |
30 | this.getCustomersPage(1);
31 | }
32 |
33 | changeDisplayMode(mode: DisplayModeEnum) {
34 | this.displayMode = mode;
35 | }
36 |
37 | pageChanged(page: number) {
38 | this.getCustomersPage(page);
39 | }
40 |
41 | getCustomersPage(page: number) {
42 | this.dataService.getCustomersPage((page - 1) * this.pageSize, this.pageSize)
43 | .subscribe((response: IPagedResults
3 |
40 |
4 |
39 |
5 |
6 |
7 |
37 |
38 | | 9 | | First Name | 10 |Last Name | 11 |Address | 12 |City | 13 |State | 14 | 15 |Order Total | 16 |17 | |
|---|---|---|---|---|---|---|---|
 |
23 | {{ customer.firstName | capitalize }} | 24 |{{ customer.lastName | capitalize }} | 25 |{{ customer.address }} | 26 |{{ customer.city | trim }} | 27 |{{ customer.state.name }} | 28 |{{ customer.orderTotal | currency:'USD':true }} | 29 |View Orders | 30 |
| 33 | | No Records Found | 34 |||||||
2 |
--------------------------------------------------------------------------------
/src/app/login/login.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"login.component.js","sourceRoot":"","sources":["login.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAClD,0CAAyC;AACzC,wCAAoE;AAEpE,8DAA4D;AAC5D,0EAAwE;AAExE,mEAAqF;AAQrF,IAAa,cAAc;IAIvB,wBAAoB,WAAwB,EACxB,MAAc,EACd,WAAwB,EACxB,OAAuB;QAHvB,gBAAW,GAAX,WAAW,CAAa;QACxB,WAAM,GAAN,MAAM,CAAQ;QACd,gBAAW,GAAX,WAAW,CAAa;QACxB,YAAO,GAAP,OAAO,CAAgB;IAAI,CAAC;IAEhD,iCAAQ,GAAR;QACI,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAED,kCAAS,GAAT;QACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;YACpC,KAAK,EAAO,CAAC,EAAE,EAAE,CAAE,kBAAU,CAAC,QAAQ,EAAE,sCAAiB,CAAC,cAAc,CAAE,CAAC;YAC3E,QAAQ,EAAI,CAAC,EAAE,EAAE,CAAE,kBAAU,CAAC,QAAQ,EAAE,sCAAiB,CAAC,iBAAiB,CAAE,CAAC;SACjF,CAAC,CAAC;IACP,CAAC;IAED,+BAAM,GAAN,UAAO,EAAuD;QAA9D,iBAmBC;YAnBQ,gBAAK,EAAE,gBAAK;QACjB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;aACxB,SAAS,CAAC,UAAC,MAAe;YACvB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;gBACT,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,oCAAkB,CAAC,IAAI,CAAC,CAAC;gBACzD,EAAE,CAAC,CAAC,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;oBAC/B,IAAM,WAAW,GAAG,KAAI,CAAC,WAAW,CAAC,WAAW,CAAC;oBACjD,KAAI,CAAC,WAAW,CAAC,WAAW,GAAG,EAAE,CAAC;oBAClC,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC;gBACxC,CAAC;gBAAC,IAAI,CAAC,CAAC;oBACJ,KAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;gBACzC,CAAC;YACL,CAAC;YAAC,IAAI,CAAC,CAAC;gBACJ,IAAM,UAAU,GAAG,iBAAiB,CAAC;gBACrC,KAAI,CAAC,YAAY,GAAG,UAAU,CAAC;gBAC/B,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,oCAAkB,CAAC,MAAM,CAAC,CAAC;YAC9D,CAAC;QACL,CAAC,EACD,UAAC,GAAQ,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAhB,CAAgB,CAAC,CAAC;IACxC,CAAC;IAEL,qBAAC;AAAD,CAAC,AAzCD,IAyCC;AAzCY,cAAc;IAN1B,gBAAS,CAAC;QACP,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,UAAU;QACpB,WAAW,EAAE,sBAAsB;QACnC,SAAS,EAAE,CAAE,qBAAqB,CAAE;KACvC,CAAC;qCAKmC,mBAAW;QAChB,eAAM;QACD,0BAAW;QACf,gCAAc;GAPlC,cAAc,CAyC1B;AAzCY,wCAAc"}
--------------------------------------------------------------------------------
/src/app/login/login.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { Router } from '@angular/router';
3 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
4 |
5 | import { AuthService } from '../core/services/auth.service';
6 | import { ValidationService } from '../core/services/validation.service';
7 | import { IUserLogin } from '../shared/interfaces';
8 | import { GrowlerService, GrowlerMessageType } from '../core/growler/growler.service';
9 |
10 | @Component({
11 | moduleId: module.id,
12 | selector: 'cm-login',
13 | templateUrl: 'login.component.html',
14 | styleUrls: [ 'login.component.css' ]
15 | })
16 | export class LoginComponent implements OnInit {
17 | loginForm: FormGroup;
18 | errorMessage: string;
19 |
20 | constructor(private formBuilder: FormBuilder,
21 | private router: Router,
22 | private authService: AuthService,
23 | private growler: GrowlerService) { }
24 |
25 | ngOnInit() {
26 | this.buildForm();
27 | }
28 |
29 | buildForm() {
30 | this.loginForm = this.formBuilder.group({
31 | email: ['', [ Validators.required, ValidationService.emailValidator ]],
32 | password: ['', [ Validators.required, ValidationService.passwordValidator ]]
33 | });
34 | }
35 |
36 | submit({ value, valid }: { value: IUserLogin, valid: boolean }) {
37 | this.authService.login(value)
38 | .subscribe((status: boolean) => {
39 | if (status) {
40 | this.growler.growl('Logged in', GrowlerMessageType.Info);
41 | if (this.authService.redirectUrl) {
42 | const redirectUrl = this.authService.redirectUrl;
43 | this.authService.redirectUrl = '';
44 | this.router.navigate([redirectUrl]);
45 | } else {
46 | this.router.navigate(['/customers']);
47 | }
48 | } else {
49 | const loginError = 'Unable to login';
50 | this.errorMessage = loginError;
51 | this.growler.growl(loginError, GrowlerMessageType.Danger);
52 | }
53 | },
54 | (err: any) => console.log(err));
55 | }
56 |
57 | }
--------------------------------------------------------------------------------
/src/app/login/login.module.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | Object.defineProperty(exports, "__esModule", { value: true });
9 | var core_1 = require("@angular/core");
10 | var forms_1 = require("@angular/forms");
11 | var shared_module_1 = require("../shared/shared.module");
12 | var login_routing_module_1 = require("./login-routing.module");
13 | var LoginModule = (function () {
14 | function LoginModule() {
15 | }
16 | return LoginModule;
17 | }());
18 | LoginModule = __decorate([
19 | core_1.NgModule({
20 | imports: [forms_1.ReactiveFormsModule, shared_module_1.SharedModule, login_routing_module_1.LoginRoutingModule],
21 | declarations: [login_routing_module_1.LoginRoutingModule.components]
22 | })
23 | ], LoginModule);
24 | exports.LoginModule = LoginModule;
25 | //# sourceMappingURL=login.module.js.map
--------------------------------------------------------------------------------
/src/app/login/login.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"login.module.js","sourceRoot":"","sources":["login.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAyC;AACzC,wCAAqD;AAErD,yDAAuD;AACvD,+DAA4D;AAM5D,IAAa,WAAW;IAAxB;IAA2B,CAAC;IAAD,kBAAC;AAAD,CAAC,AAA5B,IAA4B;AAAf,WAAW;IAJvB,eAAQ,CAAC;QACR,OAAO,EAAE,CAAE,2BAAmB,EAAE,4BAAY,EAAE,yCAAkB,CAAE;QAClE,YAAY,EAAE,CAAE,yCAAkB,CAAC,UAAU,CAAE;KAChD,CAAC;GACW,WAAW,CAAI;AAAf,kCAAW"}
--------------------------------------------------------------------------------
/src/app/login/login.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { ReactiveFormsModule } from '@angular/forms';
3 |
4 | import { SharedModule } from '../shared/shared.module';
5 | import { LoginRoutingModule } from './login-routing.module';
6 |
7 | @NgModule({
8 | imports: [ ReactiveFormsModule, SharedModule, LoginRoutingModule ],
9 | declarations: [ LoginRoutingModule.components ]
10 | })
11 | export class LoginModule { }
--------------------------------------------------------------------------------
/src/app/main.aot.ts:
--------------------------------------------------------------------------------
1 | import {platformBrowser} from '@angular/platform-browser';
2 | import {AppModuleNgFactory} from '../aot/src/app/app.module.ngfactory';
3 |
4 | platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);
--------------------------------------------------------------------------------
/src/app/main.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | Object.defineProperty(exports, "__esModule", { value: true });
3 | var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
4 | var app_module_1 = require("./app.module");
5 | //enableProdMode(); //Uncomment for production
6 | platform_browser_dynamic_1.platformBrowserDynamic().bootstrapModule(app_module_1.AppModule)
7 | .then(function (success) { return console.log('App bootstrapped'); })
8 | .catch(function (err) { return console.error(err); });
9 | //# sourceMappingURL=main.js.map
--------------------------------------------------------------------------------
/src/app/main.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"main.js","sourceRoot":"","sources":["main.ts"],"names":[],"mappings":";;AAAA,8EAA2E;AAG3E,2CAAyC;AAEzC,8CAA8C;AAC9C,iDAAsB,EAAE,CAAC,eAAe,CAAC,sBAAS,CAAC;KAChD,IAAI,CAAC,UAAC,OAAY,IAAK,OAAA,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAA/B,CAA+B,CAAC;KACvD,KAAK,CAAC,UAAC,GAAQ,IAAK,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAAlB,CAAkB,CAAC,CAAC"}
--------------------------------------------------------------------------------
/src/app/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | import { enableProdMode } from '@angular/core';
3 |
4 | import { AppModule } from './app.module';
5 |
6 | // if (String('<%= BUILD_TYPE %>') === 'prod') { enableProdMode(); }
7 |
8 | platformBrowserDynamic().bootstrapModule(AppModule)
9 | .then((success: any) => console.log('App bootstrapped'))
10 | .catch((err: any) => console.error(err));
11 |
--------------------------------------------------------------------------------
/src/app/orders/orders-routing.module.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | Object.defineProperty(exports, "__esModule", { value: true });
9 | var core_1 = require("@angular/core");
10 | var router_1 = require("@angular/router");
11 | var orders_component_1 = require("./orders.component");
12 | var routes = [
13 | { path: '', component: orders_component_1.OrdersComponent }
14 | ];
15 | var OrdersRoutingModule = (function () {
16 | function OrdersRoutingModule() {
17 | }
18 | return OrdersRoutingModule;
19 | }());
20 | OrdersRoutingModule.components = [orders_component_1.OrdersComponent];
21 | OrdersRoutingModule = __decorate([
22 | core_1.NgModule({
23 | imports: [router_1.RouterModule.forChild(routes)],
24 | exports: [router_1.RouterModule]
25 | })
26 | ], OrdersRoutingModule);
27 | exports.OrdersRoutingModule = OrdersRoutingModule;
28 | //# sourceMappingURL=orders-routing.module.js.map
--------------------------------------------------------------------------------
/src/app/orders/orders-routing.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"orders-routing.module.js","sourceRoot":"","sources":["orders-routing.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAyC;AACzC,0CAAuD;AAEvD,uDAAqD;AAErD,IAAM,MAAM,GAAW;IACrB,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,kCAAe,EAAE;CACzC,CAAC;AAMF,IAAa,mBAAmB;IAAhC;IAEA,CAAC;IAAD,0BAAC;AAAD,CAAC,AAFD,IAEC;AADQ,8BAAU,GAAG,CAAE,kCAAe,CAAE,CAAC;AAD7B,mBAAmB;IAJ/B,eAAQ,CAAC;QACR,OAAO,EAAE,CAAE,qBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAE;QAC1C,OAAO,EAAE,CAAE,qBAAY,CAAE;KAC1B,CAAC;GACW,mBAAmB,CAE/B;AAFY,kDAAmB"}
--------------------------------------------------------------------------------
/src/app/orders/orders-routing.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { RouterModule, Routes } from '@angular/router';
3 |
4 | import { OrdersComponent } from './orders.component';
5 |
6 | const routes: Routes = [
7 | { path: '', component: OrdersComponent }
8 | ];
9 |
10 | @NgModule({
11 | imports: [ RouterModule.forChild(routes) ],
12 | exports: [ RouterModule ]
13 | })
14 | export class OrdersRoutingModule {
15 | static components = [ OrdersComponent ];
16 | }
--------------------------------------------------------------------------------
/src/app/orders/orders.component.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
6 |
7 | 47 | 48 |
49 | Login
5 |7 | 47 | 48 |
2 |
44 |
--------------------------------------------------------------------------------
/src/app/orders/orders.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var data_service_1 = require("../core/services/data.service");
14 | var trackby_service_1 = require("../core/services/trackby.service");
15 | var OrdersComponent = (function () {
16 | function OrdersComponent(dataService, trackbyService) {
17 | this.dataService = dataService;
18 | this.trackbyService = trackbyService;
19 | this.totalRecords = 0;
20 | this.pageSize = 5;
21 | }
22 | OrdersComponent.prototype.ngOnInit = function () {
23 | this.getCustomersPage(1);
24 | };
25 | OrdersComponent.prototype.pageChanged = function (page) {
26 | this.getCustomersPage(page);
27 | };
28 | OrdersComponent.prototype.getCustomersPage = function (page) {
29 | var _this = this;
30 | this.dataService.getCustomersPage((page - 1) * this.pageSize, this.pageSize)
31 | .subscribe(function (response) {
32 | _this.totalRecords = response.totalRecords;
33 | _this.customers = response.results;
34 | });
35 | };
36 | return OrdersComponent;
37 | }());
38 | OrdersComponent = __decorate([
39 | core_1.Component({
40 | moduleId: module.id,
41 | selector: 'cm-customers-orders',
42 | templateUrl: 'orders.component.html'
43 | }),
44 | __metadata("design:paramtypes", [data_service_1.DataService, trackby_service_1.TrackByService])
45 | ], OrdersComponent);
46 | exports.OrdersComponent = OrdersComponent;
47 | //# sourceMappingURL=orders.component.js.map
--------------------------------------------------------------------------------
/src/app/orders/orders.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"orders.component.js","sourceRoot":"","sources":["orders.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAElD,8DAA4D;AAE5D,oEAAkE;AAOlE,IAAa,eAAe;IAMxB,yBAAoB,WAAwB,EAAU,cAA8B;QAAhE,gBAAW,GAAX,WAAW,CAAa;QAAU,mBAAc,GAAd,cAAc,CAAgB;QAHpF,iBAAY,GAAW,CAAC,CAAC;QACzB,aAAQ,GAAW,CAAC,CAAC;IAEmE,CAAC;IAEzF,kCAAQ,GAAR;QACI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED,qCAAW,GAAX,UAAY,IAAY;QACpB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAED,0CAAgB,GAAhB,UAAiB,IAAY;QAA7B,iBAMC;QALG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC;aACvE,SAAS,CAAC,UAAC,QAAoC;YAC5C,KAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,CAAC;YAC1C,KAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC;QACtC,CAAC,CAAC,CAAC;IACX,CAAC;IAEL,sBAAC;AAAD,CAAC,AAxBD,IAwBC;AAxBY,eAAe;IAL3B,gBAAS,CAAC;QACP,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,qBAAqB;QAC/B,WAAW,EAAE,uBAAuB;KACvC,CAAC;qCAOmC,0BAAW,EAA0B,gCAAc;GAN3E,eAAe,CAwB3B;AAxBY,0CAAe"}
--------------------------------------------------------------------------------
/src/app/orders/orders.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | import { DataService } from '../core/services/data.service';
4 | import { ICustomer, IPagedResults } from '../shared/interfaces';
5 | import { TrackByService } from '../core/services/trackby.service';
6 |
7 | @Component({
8 | moduleId: module.id,
9 | selector: 'cm-customers-orders',
10 | templateUrl: 'orders.component.html'
11 | })
12 | export class OrdersComponent implements OnInit {
13 |
14 | customers: ICustomer[];
15 | totalRecords: number = 0;
16 | pageSize: number = 5;
17 |
18 | constructor(private dataService: DataService, private trackbyService: TrackByService) { }
19 |
20 | ngOnInit() {
21 | this.getCustomersPage(1);
22 | }
23 |
24 | pageChanged(page: number) {
25 | this.getCustomersPage(page);
26 | }
27 |
28 | getCustomersPage(page: number) {
29 | this.dataService.getCustomersPage((page - 1) * this.pageSize, this.pageSize)
30 | .subscribe((response: IPagedResults
3 |
4 |
8 |
9 | 10 |
43 | 5 | Orders 6 |
7 |9 | 10 |
11 |
41 |
42 |
12 |
13 |
37 |
14 |
16 |
17 |
26 |
30 |
31 | {{ customer.firstName | capitalize }} {{ customer.lastName | capitalize }}
15 |16 |
| {{order.productName}} | 19 |{{ order.itemCost | currency:'USD':true }} | 20 |
| 23 | | {{ customer.orderTotal | currency:'USD':true }} 24 | |
27 | No orders found
28 |
29 |
38 | No customers found
39 |
40 | Map Loading....
--------------------------------------------------------------------------------
/src/app/shared/map/map.module.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | Object.defineProperty(exports, "__esModule", { value: true });
9 | var core_1 = require("@angular/core");
10 | var common_1 = require("@angular/common");
11 | var map_component_1 = require("./map.component");
12 | var mapPoint_component_1 = require("./mapPoint.component");
13 | var MapModule = (function () {
14 | function MapModule() {
15 | }
16 | return MapModule;
17 | }());
18 | MapModule = __decorate([
19 | core_1.NgModule({
20 | imports: [common_1.CommonModule],
21 | exports: [map_component_1.MapComponent, mapPoint_component_1.MapPointComponent],
22 | declarations: [map_component_1.MapComponent, mapPoint_component_1.MapPointComponent]
23 | })
24 | ], MapModule);
25 | exports.MapModule = MapModule;
26 | //# sourceMappingURL=map.module.js.map
--------------------------------------------------------------------------------
/src/app/shared/map/map.module.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"map.module.js","sourceRoot":"","sources":["map.module.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAA8C;AAC9C,0CAA+C;AAE/C,iDAAgD;AAChD,2DAAyD;AAOzD,IAAa,SAAS;IAAtB;IAAyB,CAAC;IAAD,gBAAC;AAAD,CAAC,AAA1B,IAA0B;AAAb,SAAS;IALrB,eAAQ,CAAC;QACR,OAAO,EAAE,CAAE,qBAAY,CAAE;QACzB,OAAO,EAAE,CAAE,4BAAY,EAAE,sCAAiB,CAAE;QAC5C,YAAY,EAAE,CAAE,4BAAY,EAAE,sCAAiB,CAAE;KAClD,CAAC;GACW,SAAS,CAAI;AAAb,8BAAS"}
--------------------------------------------------------------------------------
/src/app/shared/map/map.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { CommonModule } from '@angular/common';
3 |
4 | import { MapComponent } from './map.component';
5 | import { MapPointComponent } from './mapPoint.component';
6 |
7 | @NgModule({
8 | imports: [ CommonModule ],
9 | exports: [ MapComponent, MapPointComponent ],
10 | declarations: [ MapComponent, MapPointComponent ]
11 | })
12 | export class MapModule { }
--------------------------------------------------------------------------------
/src/app/shared/map/mapPoint.component.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 | var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 | var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 | if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
5 | else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
6 | return c > 3 && r && Object.defineProperty(target, key, r), r;
7 | };
8 | var __metadata = (this && this.__metadata) || function (k, v) {
9 | if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 | };
11 | Object.defineProperty(exports, "__esModule", { value: true });
12 | var core_1 = require("@angular/core");
13 | var MapPointComponent = (function () {
14 | function MapPointComponent() {
15 | }
16 | MapPointComponent.prototype.ngOnInit = function () {
17 | };
18 | return MapPointComponent;
19 | }());
20 | __decorate([
21 | core_1.Input(),
22 | __metadata("design:type", Number)
23 | ], MapPointComponent.prototype, "longitude", void 0);
24 | __decorate([
25 | core_1.Input(),
26 | __metadata("design:type", Number)
27 | ], MapPointComponent.prototype, "latitude", void 0);
28 | __decorate([
29 | core_1.Input(),
30 | __metadata("design:type", String)
31 | ], MapPointComponent.prototype, "markerText", void 0);
32 | MapPointComponent = __decorate([
33 | core_1.Component({
34 | selector: 'cm-map-point',
35 | template: ""
36 | }),
37 | __metadata("design:paramtypes", [])
38 | ], MapPointComponent);
39 | exports.MapPointComponent = MapPointComponent;
40 | //# sourceMappingURL=mapPoint.component.js.map
--------------------------------------------------------------------------------
/src/app/shared/map/mapPoint.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"mapPoint.component.js","sourceRoot":"","sources":["mapPoint.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAyD;AAMzD,IAAa,iBAAiB;IAM5B;IAAgB,CAAC;IAEjB,oCAAQ,GAAR;IAEA,CAAC;IAEH,wBAAC;AAAD,CAAC,AAZD,IAYC;AAVU;IAAR,YAAK,EAAE;;oDAAmB;AAClB;IAAR,YAAK,EAAE;;mDAAkB;AACjB;IAAR,YAAK,EAAE;;qDAAoB;AAJjB,iBAAiB;IAJ7B,gBAAS,CAAC;QACT,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,EAAE;KACb,CAAC;;GACW,iBAAiB,CAY7B;AAZY,8CAAiB"}
--------------------------------------------------------------------------------
/src/app/shared/map/mapPoint.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'cm-map-point',
5 | template: ``
6 | })
7 | export class MapPointComponent implements OnInit {
8 |
9 | @Input() longitude: number;
10 | @Input() latitude: number;
11 | @Input() markerText: string;
12 |
13 | constructor() { }
14 |
15 | ngOnInit() {
16 |
17 | }
18 |
19 | }
--------------------------------------------------------------------------------
/src/app/shared/pagination/pagination.component.css:
--------------------------------------------------------------------------------
1 | .pagination>.active>a,
2 | .pagination>.active>a:focus,
3 | .pagination>.active>a:hover,
4 | .pagination>.active>span,
5 | .pagination>.active>span:focus,
6 | .pagination>.active>span:hover {
7 | background-color: #027FF4;
8 | border-color: #027FF4;
9 | }
10 |
11 | .pagination a {
12 | cursor: pointer;
13 | }
--------------------------------------------------------------------------------
/src/app/shared/pagination/pagination.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/shared/pagination/pagination.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"pagination.component.js","sourceRoot":"","sources":["pagination.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAA+E;AAS/E,IAAa,mBAAmB;IAgC9B;QA1BA,UAAK,GAAa,EAAE,CAAC;QACrB,gBAAW,GAAW,CAAC,CAAC;QACxB,cAAS,GAAY,KAAK,CAAC;QAC3B,oBAAe,GAAY,KAAK,CAAC;QACjC,gBAAW,GAAY,IAAI,CAAC;QAoBlB,gBAAW,GAAyB,IAAI,mBAAY,EAAE,CAAC;IAEjD,CAAC;IApBR,sBAAI,yCAAQ;aAAZ;YACP,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC;QAC5B,CAAC;aAED,UAAa,IAAW;YACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;;;OALA;IAOQ,sBAAI,2CAAU;aAAd;YACP,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC;QAC9B,CAAC;aAED,UAAe,SAAgB;YAC7B,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;YACjC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;;;OALA;IAWD,sCAAQ,GAAR;IAEA,CAAC;IAED,oCAAM,GAAN;QACE,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,GAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAChE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;gBACrC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC,GAAG,IAAI,CAAC,UAAU,GAAG,CAAC,EAAC,CAAC,EAAE,EAAE,CAAC;oBAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YACD,MAAM,CAAC;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,0CAAY,GAAZ,UAAa,SAAiB,EAAE,KAAkB;QAChD,IAAI,IAAI,GAAW,IAAI,CAAC,WAAW,CAAC;QACpC,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAClB,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;gBAAC,IAAI,EAAE,CAAC;QACzB,CAAC;QAAC,IAAI,CAAC,CAAC;YACJ,EAAE,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC;gBAAC,IAAI,EAAE,CAAC;QACvC,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,wCAAU,GAAV,UAAW,IAAY,EAAE,KAAkB;QACzC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACV,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QACD,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC;YAAC,MAAM,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAC5C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC;QACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAEH,0BAAC;AAAD,CAAC,AA1ED,IA0EC;AA9DU;IAAR,YAAK,EAAE;;;mDAEP;AAOQ;IAAR,YAAK,EAAE;;;qDAEP;AAOS;IAAT,aAAM,EAAE;8BAAc,mBAAY;wDAA8B;AA9BtD,mBAAmB;IAP/B,gBAAS,CAAC;QACT,QAAQ,EAAE,MAAM,CAAC,EAAE;QACnB,QAAQ,EAAE,eAAe;QACzB,WAAW,EAAE,2BAA2B;QACxC,SAAS,EAAE,CAAE,0BAA0B,CAAE;KAC1C,CAAC;;GAEW,mBAAmB,CA0E/B;AA1EY,kDAAmB"}
--------------------------------------------------------------------------------
/src/app/shared/pagination/pagination.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
2 |
3 | @Component({
4 | moduleId: module.id,
5 | selector: 'cm-pagination',
6 | templateUrl: 'pagination.component.html',
7 | styleUrls: [ 'pagination.component.css' ]
8 | })
9 |
10 | export class PaginationComponent implements OnInit {
11 |
12 | private pagerTotalItems: number;
13 | private pagerPageSize: number;
14 |
15 | totalPages: number;
16 | pages: number[] = [];
17 | currentPage: number = 1;
18 | isVisible: boolean = false;
19 | previousEnabled: boolean = false;
20 | nextEnabled: boolean = true;
21 |
22 | @Input() get pageSize():number {
23 | return this.pagerPageSize;
24 | }
25 |
26 | set pageSize(size:number) {
27 | this.pagerPageSize = size;
28 | this.update();
29 | }
30 |
31 | @Input() get totalItems():number {
32 | return this.pagerTotalItems;
33 | }
34 |
35 | set totalItems(itemCount:number) {
36 | this.pagerTotalItems = itemCount;
37 | this.update();
38 | }
39 |
40 | @Output() pageChanged: EventEmitter