2 |
--------------------------------------------------------------------------------
/MVC5Angular2/App/products/product-list.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 product_service_1 = require("./product.service");
14 | var ProductListComponent = (function () {
15 | function ProductListComponent(_productService) {
16 | this._productService = _productService;
17 | this.pageTitle = 'Product List';
18 | this.imageWidth = 50;
19 | this.imageMargin = 2;
20 | this.showImage = false;
21 | this.listFilter = '';
22 | }
23 | ProductListComponent.prototype.toggleImage = function () {
24 | this.showImage = !this.showImage;
25 | };
26 | ProductListComponent.prototype.ngOnInit = function () {
27 | var _this = this;
28 | //console.log('In OnInit');
29 | this._productService.getProducts()
30 | .subscribe(function (products) { return _this.products = products; }, function (error) { return _this.errorMessage = error; });
31 | };
32 | ProductListComponent.prototype.onRatingClicked = function (message) {
33 | this.pageTitle = 'Product List: ' + message;
34 | };
35 | return ProductListComponent;
36 | }());
37 | ProductListComponent = __decorate([
38 | core_1.Component({
39 | selector: 'pm-products',
40 | templateUrl: 'app/products/product-list.component.html',
41 | //template: require('./product-list.component.html'),//for webpack
42 | styleUrls: ['app/products/product-list.component.css']
43 | //styles: [require('./product-list.component.css')],//for webpack
44 | }),
45 | __metadata("design:paramtypes", [product_service_1.ProductService])
46 | ], ProductListComponent);
47 | exports.ProductListComponent = ProductListComponent;
48 | //# sourceMappingURL=product-list.component.js.map
--------------------------------------------------------------------------------
/MVC5Angular2/App/products/product-list.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"product-list.component.js","sourceRoot":"","sources":["product-list.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkD;AAElD,qDAAmD;AASnD,IAAa,oBAAoB;IAU7B,8BAAoB,eAA+B;QAA/B,oBAAe,GAAf,eAAe,CAAgB;QATnD,cAAS,GAAW,cAAc,CAAC;QACnC,eAAU,GAAW,EAAE,CAAC;QACxB,gBAAW,GAAW,CAAC,CAAC;QACxB,cAAS,GAAY,KAAK,CAAC;QAC3B,eAAU,GAAW,EAAE,CAAC;IAMxB,CAAC;IAED,0CAAW,GAAX;QACI,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;IACrC,CAAC;IAED,uCAAQ,GAAR;QAAA,iBAMC;QALG,2BAA2B;QAC3B,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE;aACb,SAAS,CACJ,UAAA,QAAQ,IAAI,OAAA,KAAI,CAAC,QAAQ,GAAG,QAAQ,EAAxB,CAAwB,EACpC,UAAA,KAAK,IAAI,OAAA,KAAI,CAAC,YAAY,GAAQ,KAAK,EAA9B,CAA8B,CAAC,CAAC;IACvE,CAAC;IAED,8CAAe,GAAf,UAAgB,OAAe;QAC3B,IAAI,CAAC,SAAS,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAChD,CAAC;IACL,2BAAC;AAAD,CAAC,AA5BD,IA4BC;AA5BY,oBAAoB;IAPhC,gBAAS,CAAC;QACP,QAAQ,EAAE,aAAa;QACvB,WAAW,EAAE,0CAA0C;QACvD,kEAAkE;QAClE,SAAS,EAAE,CAAC,yCAAyC,CAAC;QACtD,iEAAiE;KACpE,CAAC;qCAWuC,gCAAc;GAV1C,oBAAoB,CA4BhC;AA5BY,oDAAoB"}
--------------------------------------------------------------------------------
/MVC5Angular2/App/products/product-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { IProduct } from './product';
3 | import { ProductService } from './product.service';
4 |
5 | @Component({
6 | selector: 'pm-products',
7 | templateUrl: 'app/products/product-list.component.html',
8 | //template: require('./product-list.component.html'),//for webpack
9 | styleUrls: ['app/products/product-list.component.css']
10 | //styles: [require('./product-list.component.css')],//for webpack
11 | })
12 | export class ProductListComponent implements OnInit {
13 | pageTitle: string = 'Product List';
14 | imageWidth: number = 50;
15 | imageMargin: number = 2;
16 | showImage: boolean = false;
17 | listFilter: string = '';
18 | errorMessage: string;
19 |
20 | products: IProduct[];
21 |
22 | constructor(private _productService: ProductService) {
23 | }
24 |
25 | toggleImage(): void {
26 | this.showImage = !this.showImage;
27 | }
28 |
29 | ngOnInit(): void {
30 | //console.log('In OnInit');
31 | this._productService.getProducts()
32 | .subscribe(
33 | products => this.products = products,
34 | error => this.errorMessage =
3 | {{pageTitle}}
4 |
5 |
6 |
62 |
7 |
13 | Filter by:
8 |
9 |
11 |
12 |
14 |
18 |
15 |
17 | Filtered by: {{listFilter}}
16 |
19 |
20 |
21 |
60 |
61 | | 23 | 27 | | 28 |Product | 29 |Code | 30 |Available | 31 |Price | 32 |5 Star Rating | 33 |
|---|---|---|---|---|---|
|
38 | |
44 | 45 | 46 | {{product.productName}} 47 | 48 | | 49 |{{ product.productCode | lowercase }} | 50 |{{ product.releaseDate }} | 51 |{{ product.price | currency:'USD':true:'1.2-2'}} | 52 |
53 | |
57 |
5 |
--------------------------------------------------------------------------------
/MVC5Angular2/App/shared/star.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 StarComponent = (function () {
14 | function StarComponent() {
15 | this.ratingClicked = new core_1.EventEmitter();
16 | }
17 | StarComponent.prototype.ngOnChanges = function () {
18 | this.starWidth = this.rating * 86 / 5;
19 | };
20 | StarComponent.prototype.onClick = function () {
21 | this.ratingClicked.emit("The rating " + this.rating + " was clicked!");
22 | };
23 | return StarComponent;
24 | }());
25 | __decorate([
26 | core_1.Input(),
27 | __metadata("design:type", Number)
28 | ], StarComponent.prototype, "rating", void 0);
29 | __decorate([
30 | core_1.Output(),
31 | __metadata("design:type", core_1.EventEmitter)
32 | ], StarComponent.prototype, "ratingClicked", void 0);
33 | StarComponent = __decorate([
34 | core_1.Component({
35 | selector: 'ai-star',
36 | templateUrl: 'app/shared/star.component.html',
37 | //template: require('./star.component.html'),//for webpack
38 | styleUrls: ['app/shared/star.component.css']
39 | //styles: [require('./star.component.css')]//for webpack
40 | })
41 | ], StarComponent);
42 | exports.StarComponent = StarComponent;
43 | //# sourceMappingURL=star.component.js.map
--------------------------------------------------------------------------------
/MVC5Angular2/App/shared/star.component.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"star.component.js","sourceRoot":"","sources":["star.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAkF;AASlF,IAAa,aAAa;IAP1B;QAUc,kBAAa,GAAyB,IAAI,mBAAY,EAAU,CAAC;IAS/E,CAAC;IAPG,mCAAW,GAAX;QACI,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,+BAAO,GAAP;QACI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAc,IAAI,CAAC,MAAM,kBAAe,CAAC,CAAC;IACtE,CAAC;IACL,oBAAC;AAAD,CAAC,AAZD,IAYC;AAXY;IAAR,YAAK,EAAE;;6CAAgB;AAEd;IAAT,aAAM,EAAE;8BAAgB,mBAAY;oDAAsC;AAHlE,aAAa;IAPzB,gBAAS,CAAC;QACP,QAAQ,EAAE,SAAS;QACnB,WAAW,EAAE,gCAAgC;QAC7C,0DAA0D;QAC1D,SAAS,EAAE,CAAC,+BAA+B,CAAC;QAC5C,wDAAwD;KAC3D,CAAC;GACW,aAAa,CAYzB;AAZY,sCAAa"}
--------------------------------------------------------------------------------
/MVC5Angular2/App/shared/star.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnChanges, Input, Output, EventEmitter } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'ai-star',
5 | templateUrl: 'app/shared/star.component.html',
6 | //template: require('./star.component.html'),//for webpack
7 | styleUrls: ['app/shared/star.component.css']
8 | //styles: [require('./star.component.css')]//for webpack
9 | })
10 | export class StarComponent implements OnChanges {
11 | @Input() rating: number;
12 | starWidth: number;
13 | @Output() ratingClicked: EventEmitter
6 |
7 |
8 |
9 |
10 |
11 |
12 | {{selectedValue}}
-------------------------------------------------------------------------------- /MVC5Angular2/App/using-jquery-addons/using-jquery-addons.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 UsingJQueryAddonsComponent = (function () { 14 | function UsingJQueryAddonsComponent(_el) { 15 | this._el = _el; 16 | this.dropDownItems = ["First", "Second", "Third"]; 17 | this.selectedValue = "Second"; 18 | } 19 | UsingJQueryAddonsComponent.prototype.ngAfterViewInit = function () { 20 | var _this = this; 21 | jQuery(this._el.nativeElement) 22 | .find("select") 23 | .chosen() 24 | .on("change", function (e, args) { 25 | _this.selectedValue = args.selected; 26 | }); 27 | }; 28 | return UsingJQueryAddonsComponent; 29 | }()); 30 | UsingJQueryAddonsComponent = __decorate([ 31 | core_1.Component({ 32 | templateUrl: "app/using-jquery-addons/using-jquery-addons.component.html" 33 | }), 34 | __metadata("design:paramtypes", [core_1.ElementRef]) 35 | ], UsingJQueryAddonsComponent); 36 | exports.UsingJQueryAddonsComponent = UsingJQueryAddonsComponent; 37 | //# sourceMappingURL=using-jquery-addons.component.js.map -------------------------------------------------------------------------------- /MVC5Angular2/App/using-jquery-addons/using-jquery-addons.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"using-jquery-addons.component.js","sourceRoot":"","sources":["using-jquery-addons.component.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,sCAAqE;AAQrE,IAAa,0BAA0B;IAKnC,oCAAoB,GAAe;QAAf,QAAG,GAAH,GAAG,CAAY;QAHnC,kBAAa,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC7C,kBAAa,GAAG,QAAQ,CAAC;IAGzB,CAAC;IAED,oDAAe,GAAf;QAAA,iBAOC;QANG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC;aACzB,IAAI,CAAC,QAAQ,CAAC;aACd,MAAM,EAAE;aACR,EAAE,CAAC,QAAQ,EAAE,UAAC,CAAC,EAAE,IAAI;YAClB,KAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC;QACvC,CAAC,CAAC,CAAC;IACX,CAAC;IACL,iCAAC;AAAD,CAAC,AAhBD,IAgBC;AAhBY,0BAA0B;IAHtC,gBAAS,CAAC;QACP,WAAW,EAAE,4DAA4D;KAC5E,CAAC;qCAM2B,iBAAU;GAL1B,0BAA0B,CAgBtC;AAhBY,gEAA0B"} -------------------------------------------------------------------------------- /MVC5Angular2/App/using-jquery-addons/using-jquery-addons.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, ElementRef, AfterViewInit } from "@angular/core"; 2 | 3 | // declare var jQuery: any; // untyped 4 | declare var jQuery: JQueryStatic; // typed 5 | 6 | @Component({ 7 | templateUrl: "app/using-jquery-addons/using-jquery-addons.component.html" 8 | }) 9 | export class UsingJQueryAddonsComponent implements AfterViewInit { 10 | 11 | dropDownItems = ["First", "Second", "Third"]; 12 | selectedValue = "Second"; 13 | 14 | constructor(private _el: ElementRef) { 15 | } 16 | 17 | ngAfterViewInit() { 18 | jQuery(this._el.nativeElement) 19 | .find("select") 20 | .chosen() 21 | .on("change", (e, args) => { 22 | this.selectedValue = args.selected; 23 | }); 24 | } 25 | } -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/typed-sha.component.html: -------------------------------------------------------------------------------- 1 |SHA-512 Hash / Typed
2 | 3 |String: This is a test
4 |HEX: {{hash}}
5 | -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/typed-sha.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 | Object.defineProperty(exports, "__esModule", { value: true }); 9 | var core_1 = require("@angular/core"); 10 | //import { jsSHA } from "jssha"; 11 | var jsSHA = require("jssha"); // ===> var jsSHA = require("jssha"); // ===> loads `sha512.js` file dynamically using `systemjs.config.js` file definitions 12 | var TypedShaComponent = (function () { 13 | function TypedShaComponent() { 14 | } 15 | TypedShaComponent.prototype.ngOnInit = function () { 16 | var shaObj = new jsSHA("SHA-512", "TEXT"); 17 | shaObj.update("This is a test"); 18 | this.hash = shaObj.getHash("HEX"); 19 | }; 20 | return TypedShaComponent; 21 | }()); 22 | TypedShaComponent = __decorate([ 23 | core_1.Component({ 24 | templateUrl: 'app/using-third-party-libraries/typed-sha.component.html' 25 | }) 26 | ], TypedShaComponent); 27 | exports.TypedShaComponent = TypedShaComponent; 28 | //# sourceMappingURL=typed-sha.component.js.map -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/typed-sha.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"typed-sha.component.js","sourceRoot":"","sources":["typed-sha.component.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAkD;AAClD,gCAAgC;AAChC,6BAA+B,CAAC,4HAA4H;AAK5J,IAAa,iBAAiB;IAA9B;IAQA,CAAC;IALG,oCAAQ,GAAR;QACI,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACL,wBAAC;AAAD,CAAC,AARD,IAQC;AARY,iBAAiB;IAH7B,gBAAS,CAAC;QACP,WAAW,EAAE,0DAA0D;KAC1E,CAAC;GACW,iBAAiB,CAQ7B;AARY,8CAAiB"} -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/typed-sha.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | //import { jsSHA } from "jssha"; 3 | import * as jsSHA from "jssha"; // ===> var jsSHA = require("jssha"); // ===> loads `sha512.js` file dynamically using `systemjs.config.js` file definitions 4 | 5 | @Component({ 6 | templateUrl: 'app/using-third-party-libraries/typed-sha.component.html' 7 | }) 8 | export class TypedShaComponent implements OnInit{ 9 | hash: String; 10 | 11 | ngOnInit(): void { 12 | let shaObj = new jsSHA("SHA-512", "TEXT"); 13 | shaObj.update("This is a test"); 14 | this.hash = shaObj.getHash("HEX"); 15 | } 16 | } -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/untyped-sha.component.html: -------------------------------------------------------------------------------- 1 |SHA-512 Hash / UnTyped
2 | 3 |String: This is a test
4 |HEX: {{hash}}
5 | -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/untyped-sha.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 | Object.defineProperty(exports, "__esModule", { value: true }); 9 | var core_1 = require("@angular/core"); 10 | var jsSHA = require("jssha"); // ==> loads `sha512.js` file dynamically using `systemjs.config.js` file definitions 11 | //declare var jsSHA: any; // ==> this requires adding to the first page manually. 12 | var UnTypedShaComponent = (function () { 13 | function UnTypedShaComponent() { 14 | } 15 | UnTypedShaComponent.prototype.ngOnInit = function () { 16 | var shaObj = new jsSHA("SHA-512", "TEXT"); 17 | shaObj.update("This is a test"); 18 | this.hash = shaObj.getHash("HEX"); 19 | }; 20 | return UnTypedShaComponent; 21 | }()); 22 | UnTypedShaComponent = __decorate([ 23 | core_1.Component({ 24 | templateUrl: 'app/using-third-party-libraries/untyped-sha.component.html' 25 | }) 26 | ], UnTypedShaComponent); 27 | exports.UnTypedShaComponent = UnTypedShaComponent; 28 | //# sourceMappingURL=untyped-sha.component.js.map -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/untyped-sha.component.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"untyped-sha.component.js","sourceRoot":"","sources":["untyped-sha.component.ts"],"names":[],"mappings":";;;;;;;;AAAA,sCAAkD;AAElD,IAAI,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,qFAAqF;AACnH,0IAA0I;AAK1I,IAAa,mBAAmB;IAAhC;IAQA,CAAC;IALG,sCAAQ,GAAR;QACI,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACL,0BAAC;AAAD,CAAC,AARD,IAQC;AARY,mBAAmB;IAH/B,gBAAS,CAAC;QACP,WAAW,EAAE,4DAA4D;KAC5E,CAAC;GACW,mBAAmB,CAQ/B;AARY,kDAAmB"} -------------------------------------------------------------------------------- /MVC5Angular2/App/using-third-party-libraries/untyped-sha.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, OnInit } from '@angular/core'; 2 | 3 | var jsSHA = require("jssha"); // ==> loads `sha512.js` file dynamically using `systemjs.config.js` file definitions 4 | //declare var jsSHA: any; // ==> this requires adding to the first page manually. 5 | 6 | @Component({ 7 | templateUrl: 'app/using-third-party-libraries/untyped-sha.component.html' 8 | }) 9 | export class UnTypedShaComponent implements OnInit { 10 | hash: String; 11 | 12 | ngOnInit(): void { 13 | let shaObj = new jsSHA("SHA-512", "TEXT"); 14 | shaObj.update("This is a test"); 15 | this.hash = shaObj.getHash("HEX"); 16 | } 17 | } -------------------------------------------------------------------------------- /MVC5Angular2/App/vendor.js: -------------------------------------------------------------------------------- 1 | /* 2 | // Angular 2 3 | import '@angular/platform-browser'; 4 | import '@angular/platform-browser-dynamic'; 5 | import '@angular/core'; 6 | import '@angular/common'; 7 | import '@angular/http'; 8 | import '@angular/router-deprecated'; 9 | // RxJS 10 | import 'rxjs'; 11 | // Other vendors for example jQuery, Lodash or Bootstrap 12 | // You can import js, ts, css, sass, ... 13 | */ //for webpack 14 | //# sourceMappingURL=vendor.js.map -------------------------------------------------------------------------------- /MVC5Angular2/App/vendor.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"vendor.js","sourceRoot":"","sources":["vendor.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;EAYE,CAAA,aAAa"} -------------------------------------------------------------------------------- /MVC5Angular2/App/vendor.ts: -------------------------------------------------------------------------------- 1 | /* 2 | // Angular 2 3 | import '@angular/platform-browser'; 4 | import '@angular/platform-browser-dynamic'; 5 | import '@angular/core'; 6 | import '@angular/common'; 7 | import '@angular/http'; 8 | import '@angular/router-deprecated'; 9 | // RxJS 10 | import 'rxjs'; 11 | // Other vendors for example jQuery, Lodash or Bootstrap 12 | // You can import js, ts, css, sass, ... 13 | *///for webpack 14 | -------------------------------------------------------------------------------- /MVC5Angular2/App_Start/RouteConfig.cs: -------------------------------------------------------------------------------- 1 | using System.Web.Mvc; 2 | using System.Web.Routing; 3 | 4 | namespace MVC5Angular2 5 | { 6 | public static class RouteConfig 7 | { 8 | public static void RegisterRoutes(RouteCollection routes) 9 | { 10 | routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); 11 | 12 | routes.MapRoute( 13 | name: "Default", 14 | url: "{controller}/{action}/{id}", 15 | defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }, 16 | constraints: new { controller = "Home" } // for catch all to work 17 | ); 18 | 19 | // Route override to work with Angularjs and HTML5 routing 20 | routes.MapRoute( 21 | name: "NotFound", 22 | url: "{*catchall}", 23 | defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } 24 | ); 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /MVC5Angular2/Content/Site.css: -------------------------------------------------------------------------------- 1 | body { 2 | padding-top: 50px; 3 | padding-bottom: 20px; 4 | } 5 | 6 | /* Set padding to keep content from hitting the edges */ 7 | .body-content { 8 | padding-left: 15px; 9 | padding-right: 15px; 10 | } 11 | 12 | /* Set width on the form input elements since they're 100% wide by default */ 13 | input, 14 | select, 15 | textarea { 16 | max-width: 280px; 17 | } 18 | 19 | -------------------------------------------------------------------------------- /MVC5Angular2/Controllers/HomeController.cs: -------------------------------------------------------------------------------- 1 | using System; 2 | using System.Collections.Generic; 3 | using System.Text; 4 | using System.Web.Mvc; 5 | using MVC5Angular2.Models; 6 | using Newtonsoft.Json; 7 | using Newtonsoft.Json.Serialization; 8 | 9 | namespace MVC5Angular2.Controllers 10 | { 11 | public class HomeController : Controller 12 | { 13 | // GET: Home 14 | public ActionResult Index() 15 | { 16 | //return Redirect("~/dist"); //webpack 17 | return View(); 18 | } 19 | 20 | public ActionResult Products() 21 | { 22 | var products = new List
18 | @RenderBody()
19 | Loading App...
20 |
21 |
22 |
23 |
24 |
25 |
26 | @RenderSection("Scripts", required: false)
27 |
28 |
--------------------------------------------------------------------------------
/MVC5Angular2/Views/Shared/_LayoutSystemJs.cshtml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
35 | @RenderBody()
36 | Loading App...
37 |
38 |
39 |
40 | @RenderSection("Scripts", required: false)
41 |
42 |
--------------------------------------------------------------------------------
/MVC5Angular2/Views/_ViewStart.cshtml:
--------------------------------------------------------------------------------
1 | @{
2 | Layout = "~/Views/Shared/_LayoutSystemJs.cshtml";
3 | }
--------------------------------------------------------------------------------
/MVC5Angular2/Views/web.config:
--------------------------------------------------------------------------------
1 |
2 |
3 |