3 | Home
4 | About
5 | Menu
6 | Contact
7 |
8 | Login
9 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/src/app/menu/menu.component.html:
--------------------------------------------------------------------------------
1 |
23 |
27 | NH1900 Con Fusion
24 |We take inspiration from the World's best cuisines, and create a unique fusion experience. Our lipsmacking creations 25 | will tickle your culinary senses!
26 |
28 |
29 |
30 |
31 |
29 |
2 |
46 |
--------------------------------------------------------------------------------
/src/app/home/home.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit ,Inject} from '@angular/core';
2 |
3 | import { Dish } from '../shared/dish';
4 | import { DishService } from '../services/dish.service';
5 | import { Promotion } from '../shared/promotion';
6 | import { PromotionService } from '../services/promotion.service';
7 | import { Leader } from '../shared/leader';
8 | import { LeaderService } from '../services/leader.service';
9 | import { flyInOut, expand } from '../animations/app.animation';
10 | @Component({
11 | selector: 'app-home',
12 | templateUrl: './home.component.html',
13 | styleUrls: ['./home.component.scss'],
14 | host: {
15 | '[@flyInOut]': 'true',
16 | 'style': 'display: block;'
17 | },
18 | animations: [
19 | flyInOut(),
20 | expand()
21 | ]
22 | })
23 | export class HomeComponent implements OnInit {
24 |
25 | leader: Leader;
26 | dish: Dish;
27 | promotion: Promotion;
28 | dishErrMess: string;
29 | promotionErrMess: string;
30 | leaderErrMess: string;
31 | constructor(private dishservice: DishService,
32 | private promotionservice: PromotionService,
33 | private leaderservice: LeaderService,
34 | @Inject('BaseURL') private BaseURL) { }
35 |
36 | ngOnInit() {
37 | this.dishservice.getFeaturedDish().subscribe( dish => this.dish = dish,errmess => this.dishErrMess =
3 |
8 |
9 |
4 |
6 |
7 | Menu
5 |6 |
10 |
11 |
12 | 
13 |
14 |
16 |
17 |
18 |
19 | {{dishx.name | uppercase}}
15 |
20 |
22 | Loading . . . Please Wait
21 |
23 |
26 |
27 |
44 |
45 | Error
24 |{{errMess}}
25 |{{ user | json }}
8 | 9 | -------------------------------------------------------------------------------- /src/app/home/home.component.html: -------------------------------------------------------------------------------- 1 |
7 |
8 |
9 |
10 |
11 |
12 |
14 |
15 | 
16 |
17 |
20 |
21 |
30 |
31 |
32 |
33 |
35 |
36 | 
37 |
38 |
41 |
42 |
51 |
52 |
53 |
54 |
56 |
57 | 
58 |
59 |
62 |
63 |
--------------------------------------------------------------------------------
/src/app/shared/leaders.ts:
--------------------------------------------------------------------------------
1 | import {Leader} from './leader';
2 |
3 | export const LEADERS: Leader[] = [
4 | {
5 | id: 0,
6 | name: 'Peter Pan',
7 | image: '/assets/images/Taki.jpg',
8 | designation: 'Chief Epicurious Officer',
9 | abbr: 'CEO',
10 | featured: false,
11 | description: "Our CEO, Peter, credits his hardworking East Asian immigrant parents who undertook the arduous journey to the shores of America with the intention of giving their children the best future. His mother's wizardy in the kitchen whipping up the tastiest dishes with whatever is available inexpensively at the supermarket, was his first inspiration to create the fusion cuisines for which The Frying Pan became well known. He brings his zeal for fusion cuisines to this restaurant, pioneering cross-cultural culinary connections."
12 | },
13 | {
14 | id: 1,
15 | name: 'Dhanasekaran Witherspoon',
16 | image: '/assets/images/Taki.jpg',
17 | designation: 'Chief Food Officer',
18 | abbr: 'CFO',
19 | featured: false,
20 | description: 'Our CFO, Danny, as he is affectionately referred to by his colleagues, comes from a long established family tradition in farming and produce. His experiences growing up on a farm in the Australian outback gave him great appreciation for varieties of food sources. As he puts it in his own words, Everything that runs, wins, and everything that stays, pays!'
21 | },
22 | {
23 | id: 2,
24 | name: 'Agumbe Tang',
25 | image: '/assets/images/Taki.jpg',
26 | designation: 'Chief Taste Officer',
27 | abbr: 'CTO',
28 | featured: false,
29 | description: 'Blessed with the most discerning gustatory sense, Agumbe, our CFO, personally ensures that every dish that we serve meets his exacting tastes. Our chefs dread the tongue lashing that ensues if their dish does not meet his exacting standards. He lives by his motto, You click only if you survive my lick.'
30 | },
31 | {
32 | id: 3,
33 | name: 'Taki',
34 | image: '/assets/images/Taki.jpg',
35 | designation: 'Executive Chef',
36 | abbr: 'EC',
37 | featured: true,
38 | description: 'The most attractive role in film Your Name'
39 | }
40 | ];
--------------------------------------------------------------------------------
/src/app/footer/footer.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/menu/menu.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 | import { MaterialModule } from '@angular/material';
3 | import { FlexLayoutModule } from '@angular/flex-layout';
4 | import { Dish } from '../shared/dish';
5 | import { DishService } from '../services/dish.service';
6 | import { DISHES } from '../shared/dishes';
7 | import { baseURL } from '../shared/baseurl';
8 | import { Observable } from 'rxjs/Observable';
9 | import { MenuComponent } from './menu.component';
10 | import { RouterTestingModule } from '@angular/router/testing';
11 | import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
12 | import { By } from '@angular/platform-browser';
13 | import { DebugElement } from '@angular/core';
14 |
15 | describe('MenuComponent', () => {
16 | let component: MenuComponent;
17 | let fixture: ComponentFixture{{dish.name | uppercase}}
13 |{{dish.description}} 18 |
19 |
22 |
24 | Loading . . . Please Wait
23 |
25 |
28 |
29 | Error
26 |{{errMess}}
27 |{{promotion.name | uppercase}}
34 |{{promotion.description}} 39 |
40 |
43 |
45 | Loading . . . Please Wait
44 |
46 |
49 |
50 | Error
47 |{{errMess}}
48 |{{leader.name | uppercase}}
55 |{{leader.description}} 60 |
61 |
64 |
66 | Loading . . . Please Wait
65 |
67 |
70 |
71 | Error
68 |{{errMess}}
69 |
4 |
5 |
--------------------------------------------------------------------------------
/src/polyfills.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * This file includes polyfills needed by Angular and is loaded before the app.
3 | * You can add your own extra polyfills to this file.
4 | *
5 | * This file is divided into 2 sections:
6 | * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
7 | * 2. Application imports. Files imported after ZoneJS that should be loaded before your main
8 | * file.
9 | *
10 | * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 | * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 | * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 | *
14 | * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
15 | */
16 |
17 | /***************************************************************************************************
18 | * BROWSER POLYFILLS
19 | */
20 |
21 | /** IE9, IE10 and IE11 requires all of the following polyfills. **/
22 | // import 'core-js/es6/symbol';
23 | // import 'core-js/es6/object';
24 | // import 'core-js/es6/function';
25 | // import 'core-js/es6/parse-int';
26 | // import 'core-js/es6/parse-float';
27 | // import 'core-js/es6/number';
28 | // import 'core-js/es6/math';
29 | // import 'core-js/es6/string';
30 | // import 'core-js/es6/date';
31 | // import 'core-js/es6/array';
32 | // import 'core-js/es6/regexp';
33 | // import 'core-js/es6/map';
34 | // import 'core-js/es6/weak-map';
35 | // import 'core-js/es6/set';
36 |
37 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
38 | // import 'classlist.js'; // Run `npm install --save classlist.js`.
39 |
40 | /** IE10 and IE11 requires the following for the Reflect API. */
41 | // import 'core-js/es6/reflect';
42 |
43 |
44 | /** Evergreen browsers require these. **/
45 | // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
46 | import 'core-js/es7/reflect';
47 |
48 |
49 | /**
50 | * Required to support Web Animations `@angular/platform-browser/animations`.
51 | * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
52 | **/
53 | // import 'web-animations-js'; // Run `npm install --save web-animations-js`.
54 |
55 | /**
56 | * By default, zone.js will patch all possible macroTask and DomEvents
57 | * user can disable parts of macroTask/DomEvents patch by setting following flags
58 | */
59 |
60 | // (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
61 | // (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
62 | // (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
63 |
64 | /*
65 | * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
66 | * with the following flag, it will bypass `zone.js` patch for IE/Edge
67 | */
68 | // (window as any).__Zone_enable_cross_context_check = true;
69 |
70 | /***************************************************************************************************
71 | * Zone JS is required by default for Angular itself.
72 | */
73 | import 'zone.js/dist/zone'; // Included with Angular CLI.
74 |
75 |
76 |
77 | /***************************************************************************************************
78 | * APPLICATION IMPORTS
79 | */
80 |
--------------------------------------------------------------------------------
/src/app/contact/contact.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 | import { FormBuilder, FormGroup, Validators } from '@angular/forms';
3 | import { Feedback, ContactType } from '../shared/feedback';
4 | import { flyInOut } from '../animations/app.animation';
5 | import { FeedbackService } from '../services/feedback.service';
6 |
7 | @Component({
8 | selector: 'app-contact',
9 | templateUrl: './contact.component.html',
10 | styleUrls: ['./contact.component.scss'],
11 | host: {
12 | '[@flyInOut]': 'true',
13 | 'style': 'display: block;'
14 | },
15 | animations: [
16 | flyInOut()
17 | ]
18 | })
19 | export class ContactComponent implements OnInit {
20 |
21 | formErrors = {
22 | 'firstname': '',
23 | 'lastname': '',
24 | 'telnum': '',
25 | 'email': ''
26 | };
27 | validationMessages = {
28 | 'firstname': {
29 | 'required': 'First Name is required.',
30 | 'minlength': 'First Name must be at least 2 characters long.',
31 | 'maxlength': 'FirstName cannot be more than 25 characters long.'
32 | },
33 | 'lastname': {
34 | 'required': 'Last Name is required.',
35 | 'minlength': 'Last Name must be at least 2 characters long.',
36 | 'maxlength': 'Last Name cannot be more than 25 characters long.'
37 | },
38 | 'telnum': {
39 | 'required': 'Tel. number is required.',
40 | 'pattern': 'Tel. number must contain only numbers.'
41 | },
42 | 'email': {
43 | 'required': 'Email is required.',
44 | 'email': 'Email not in valid format.'
45 | },
46 | };
47 | feedbackForm: FormGroup;
48 | feedback: Feedback;
49 | contactType = ContactType;
50 | constructor(private fb: FormBuilder,private fbservice: FeedbackService) {
51 | this.createForm();
52 | }
53 |
54 | ngOnInit() {
55 | }
56 |
57 | createForm() {
58 | this.feedbackForm = this.fb.group({
59 | firstname: ['',[Validators.required, Validators.minLength(2), Validators.maxLength(25)] ],
60 | lastname: ['',[Validators.required, Validators.minLength(2), Validators.maxLength(25)] ],
61 | telnum: ['',[Validators.required, Validators.pattern] ],
62 | email: ['', [Validators.required, Validators.email] ],
63 | agree: false,
64 | contacttype: 'None',
65 | message: ''
66 | });
67 | this.feedbackForm.valueChanges
68 | .subscribe(data => this.onValueChanged(data));
69 |
70 | this.onValueChanged(); // (re)set validation messages now
71 | }
72 |
73 | onValueChanged(data?: any) {
74 | if (!this.feedbackForm) { return; }
75 | const form = this.feedbackForm;
76 | for (const field in this.formErrors) {
77 | // clear previous error message (if any)
78 | this.formErrors[field] = '';
79 | const control = form.get(field);
80 | if (control && control.dirty && !control.valid) {
81 | const messages = this.validationMessages[field];
82 | for (const key in control.errors) {
83 | this.formErrors[field] += messages[key] + ' ';
84 | }
85 | }
86 | }
87 | }
88 |
89 | onSubmit() {
90 | this.feedback = this.feedbackForm.value;
91 | console.log(this.feedback);
92 | this.fbservice.submitFeedback(this.feedback);
93 | this.feedbackForm.reset({
94 | firstname: '',
95 | lastname: '',
96 | telnum: '',
97 | email: '',
98 | agree: false,
99 | contacttype: 'None',
100 | message: ''
101 | });
102 | }
103 |
104 | }
105 |
--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
1 | {
2 | "rulesDirectory": [
3 | "node_modules/codelyzer"
4 | ],
5 | "rules": {
6 | "arrow-return-shorthand": true,
7 | "callable-types": true,
8 | "class-name": true,
9 | "comment-format": [
10 | true,
11 | "check-space"
12 | ],
13 | "curly": true,
14 | "deprecation": {
15 | "severity": "warn"
16 | },
17 | "eofline": true,
18 | "forin": true,
19 | "import-blacklist": [
20 | true,
21 | "rxjs",
22 | "rxjs/Rx"
23 | ],
24 | "import-spacing": true,
25 | "indent": [
26 | true,
27 | "spaces"
28 | ],
29 | "interface-over-type-literal": true,
30 | "label-position": true,
31 | "max-line-length": [
32 | true,
33 | 140
34 | ],
35 | "member-access": false,
36 | "member-ordering": [
37 | true,
38 | {
39 | "order": [
40 | "static-field",
41 | "instance-field",
42 | "static-method",
43 | "instance-method"
44 | ]
45 | }
46 | ],
47 | "no-arg": true,
48 | "no-bitwise": true,
49 | "no-console": [
50 | true,
51 | "debug",
52 | "info",
53 | "time",
54 | "timeEnd",
55 | "trace"
56 | ],
57 | "no-construct": true,
58 | "no-debugger": true,
59 | "no-duplicate-super": true,
60 | "no-empty": false,
61 | "no-empty-interface": true,
62 | "no-eval": true,
63 | "no-inferrable-types": [
64 | true,
65 | "ignore-params"
66 | ],
67 | "no-misused-new": true,
68 | "no-non-null-assertion": true,
69 | "no-shadowed-variable": true,
70 | "no-string-literal": false,
71 | "no-string-throw": true,
72 | "no-switch-case-fall-through": true,
73 | "no-trailing-whitespace": true,
74 | "no-unnecessary-initializer": true,
75 | "no-unused-expression": true,
76 | "no-use-before-declare": true,
77 | "no-var-keyword": true,
78 | "object-literal-sort-keys": false,
79 | "one-line": [
80 | true,
81 | "check-open-brace",
82 | "check-catch",
83 | "check-else",
84 | "check-whitespace"
85 | ],
86 | "prefer-const": true,
87 | "quotemark": [
88 | true,
89 | "single"
90 | ],
91 | "radix": true,
92 | "semicolon": [
93 | true,
94 | "always"
95 | ],
96 | "triple-equals": [
97 | true,
98 | "allow-null-check"
99 | ],
100 | "typedef-whitespace": [
101 | true,
102 | {
103 | "call-signature": "nospace",
104 | "index-signature": "nospace",
105 | "parameter": "nospace",
106 | "property-declaration": "nospace",
107 | "variable-declaration": "nospace"
108 | }
109 | ],
110 | "unified-signatures": true,
111 | "variable-name": false,
112 | "whitespace": [
113 | true,
114 | "check-branch",
115 | "check-decl",
116 | "check-operator",
117 | "check-separator",
118 | "check-type"
119 | ],
120 | "directive-selector": [
121 | true,
122 | "attribute",
123 | "app",
124 | "camelCase"
125 | ],
126 | "component-selector": [
127 | true,
128 | "element",
129 | "app",
130 | "kebab-case"
131 | ],
132 | "no-output-on-prefix": true,
133 | "use-input-property-decorator": true,
134 | "use-output-property-decorator": true,
135 | "use-host-property-decorator": true,
136 | "no-input-rename": true,
137 | "no-output-rename": true,
138 | "use-life-cycle-interface": true,
139 | "use-pipe-transform-interface": true,
140 | "component-class-suffix": true,
141 | "directive-class-suffix": true
142 | }
143 | }
144 |
--------------------------------------------------------------------------------
/src/app/dishdetail/dishdetail.component.html:
--------------------------------------------------------------------------------
1 |
6 |
11 |
12 |
7 |
9 |
10 | About Us
8 |9 |
13 |
42 |
43 |
14 |
41 |
15 |
19 | Our History
16 |Started in 2018, NH1900
17 |The restaurant traces its humble beginnings to The Frying Pan
18 |
20 |
21 |
22 |
23 |
25 |
26 |
27 |
38 |
39 |
40 | Facts At a Glance
24 |-
28 |
- Started 29 |
- 3 Feb. 2013 30 |
- Major Stake Holder 31 |
- HK Fine Foods Inc. 32 |
- Last Year's Turnover 33 |
- $1,250,375 34 |
- Employees 35 |
- 40 36 |
44 |
45 |
54 |
55 |
56 |
57 | 46 |53 |You better cut the pizza in four pieces because 47 | I'm not hungry enough to eat six.
48 | 52 |
58 |
60 |
61 |
62 |
63 |
65 |
73 |
74 |
75 |
76 |
77 |
78 |
79 | Corporate Leadership
59 |{{leader.name | uppercase}}
64 |
66 |
68 | Loading . . . Please Wait
67 |
69 |
72 | Error
70 |{{errMess}}
71 |
2 |
3 |
--------------------------------------------------------------------------------
/src/app/services/dish.service.ts:
--------------------------------------------------------------------------------
1 | import { Injectable } from '@angular/core';
2 | import { Dish } from '../shared/dish';
3 | //import {DISHES} from '../shared/dishes';
4 |
5 | import { Observable } from 'rxjs/Observable';
6 | //这个傻逼of要单独加。
7 | import 'rxjs/add/observable/of';
8 | import 'rxjs/add/operator/map';
9 | import 'rxjs/add/operator/delay';
10 | import { Http, Response } from '@angular/http';
11 | //import { baseURL } from '../shared/baseurl';
12 | import { ProcessHttpmsgService } from './process-httpmsg.service';
13 | //import 'rxjs/add/operator/catch';
14 | import { RestangularModule, Restangular } from 'ngx-restangular';
15 |
16 | @Injectable()
17 | export class DishService {
18 |
19 |
20 | //test just for resolve data using promise
21 | /*getDishes(): Promise
4 |
5 |
6 |
7 |
9 |
10 | 
11 |
12 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
31 |
32 | {{disha.name | uppercase}}
8 |{{disha.description}}
13 |
24 |
26 | Loading . . . Please Wait
25 |
27 |
30 | Error
28 |{{errMess}}
29 |
33 |
34 |
36 |
43 |
44 |
45 |
49 |
50 |
84 | Comment
35 |{{dish2.comment}}
37 |38 | {{dish2.rating}} Stars 39 |
40 | 41 |--{{dish2.author}} {{dish2.date | date}}
42 |{{commentForm.value.comment}}
46 |5 Stars
47 |--{{commentForm.value.author}}
48 |
51 |
53 | Loading . . . Please Wait
52 |
54 |
57 |
58 |
82 |
83 | Error
55 |{{errMess}}
56 |
4 |
5 |
--------------------------------------------------------------------------------
/src/app/shared/dishes.ts:
--------------------------------------------------------------------------------
1 | import {Dish} from './dish';
2 |
3 | export const DISHES:Dish[] = [
4 | {
5 | id:0,
6 | name: 'Uthappizza',
7 | image: '/assets/images/uthappizza.png',
8 | category: 'mains',
9 | label: 'Hot',
10 | price: '4.99',
11 | featured:true,
12 | description: 'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
13 | comments: [
14 | {
15 | rating: 5,
16 | comment: "Imagine all the eatables, living in conFusion!",
17 | author: "John Lemon",
18 | date: "2012-10-16T17:57:28.556094Z"
19 | },
20 | {
21 | rating: 4,
22 | comment: "Sends anyone to heaven, I wish I could get my mother-in-law to eat it!",
23 | author: "Paul McVites",
24 | date: "2014-09-05T17:57:28.556094Z"
25 | },
26 | {
27 | rating: 3,
28 | comment: "Eat it, just eat it!",
29 | author: "Michael Jaikishan",
30 | date: "2015-02-13T17:57:28.556094Z"
31 | },
32 | {
33 | rating: 4,
34 | comment: "Ultimate, Reaching for the stars!",
35 | author: "Ringo Starry",
36 | date: "2013-12-02T17:57:28.556094Z"
37 | },
38 | {
39 | rating: 2,
40 | comment: "It's your birthday, we're gonna party!",
41 | author: "25 Cent",
42 | date: "2011-12-02T17:57:28.556094Z"
43 | }
44 | ]
45 | },
46 | {
47 | id:1,
48 | name: 'Zucchipakoda',
49 | image: '/assets/images/zucchipakoda.png',
50 | category: 'appetizer',
51 | label: '',
52 | price: '1.99',
53 | featured:false,
54 | description: 'Deep fried Zucchini coated with mildly spiced Chickpea flour batter accompanied with a sweet-tangy tamarind sauce',
55 | comments: [
56 | {
57 | rating: 5,
58 | comment: "Imagine all the eatables, living in conFusion!",
59 | author: "John Lemon",
60 | date: "2012-10-16T17:57:28.556094Z"
61 | },
62 | {
63 | rating: 4,
64 | comment: "Sends anyone to heaven, I wish I could get my mother-in-law to eat it!",
65 | author: "Paul McVites",
66 | date: "2014-09-05T17:57:28.556094Z"
67 | },
68 | {
69 | rating: 3,
70 | comment: "Eat it, just eat it!",
71 | author: "Michael Jaikishan",
72 | date: "2015-02-13T17:57:28.556094Z"
73 | },
74 | {
75 | rating: 4,
76 | comment: "Ultimate, Reaching for the stars!",
77 | author: "Ringo Starry",
78 | date: "2013-12-02T17:57:28.556094Z"
79 | },
80 | {
81 | rating: 2,
82 | comment: "It's your birthday, we're gonna party!",
83 | author: "25 Cent",
84 | date: "2011-12-02T17:57:28.556094Z"
85 | }
86 | ]
87 | },
88 | {
89 | id:2,
90 | name: 'Vadonut',
91 | image: '/assets/images/vadonut.png',
92 | category: 'appetizer',
93 | label: 'New',
94 | price: '1.99',
95 | featured:false,
96 | description: 'A quintessential ConFusion experience, is it a vada or is it a donut?',
97 | comments: [
98 | {
99 | rating: 5,
100 | comment: "Imagine all the eatables, living in conFusion!",
101 | author: "John Lemon",
102 | date: "2012-10-16T17:57:28.556094Z"
103 | },
104 | {
105 | rating: 4,
106 | comment: "Sends anyone to heaven, I wish I could get my mother-in-law to eat it!",
107 | author: "Paul McVites",
108 | date: "2014-09-05T17:57:28.556094Z"
109 | },
110 | {
111 | rating: 3,
112 | comment: "Eat it, just eat it!",
113 | author: "Michael Jaikishan",
114 | date: "2015-02-13T17:57:28.556094Z"
115 | },
116 | {
117 | rating: 4,
118 | comment: "Ultimate, Reaching for the stars!",
119 | author: "Ringo Starry",
120 | date: "2013-12-02T17:57:28.556094Z"
121 | },
122 | {
123 | rating: 2,
124 | comment: "It's your birthday, we're gonna party!",
125 | author: "25 Cent",
126 | date: "2011-12-02T17:57:28.556094Z"
127 | }
128 | ]
129 | },
130 | {
131 | id:3,
132 | name: 'ElaiCheese Cake',
133 | image: '/assets/images/elaicheesecake.png',
134 | category: 'dessert',
135 | label: '',
136 | price: '2.99',
137 | featured:false,
138 | description: 'A delectable, semi-sweet New York Style Cheese Cake, with Graham cracker crust and spiced with Indian cardamoms',
139 | comments: [
140 | {
141 | rating: 5,
142 | comment: "Imagine all the eatables, living in conFusion!",
143 | author: "John Lemon",
144 | date: "2012-10-16T17:57:28.556094Z"
145 | },
146 | {
147 | rating: 4,
148 | comment: "Sends anyone to heaven, I wish I could get my mother-in-law to eat it!",
149 | author: "Paul McVites",
150 | date: "2014-09-05T17:57:28.556094Z"
151 | },
152 | {
153 | rating: 3,
154 | comment: "Eat it, just eat it!",
155 | author: "Michael Jaikishan",
156 | date: "2015-02-13T17:57:28.556094Z"
157 | },
158 | {
159 | rating: 4,
160 | comment: "Ultimate, Reaching for the stars!",
161 | author: "Ringo Starry",
162 | date: "2013-12-02T17:57:28.556094Z"
163 | },
164 | {
165 | rating: 2,
166 | comment: "It's your birthday, we're gonna party!",
167 | author: "25 Cent",
168 | date: "2011-12-02T17:57:28.556094Z"
169 | }
170 | ]
171 | }
172 | ];
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 | # [](https://github.com/NH1900)
3 | # Catalog
4 | * [Background](#background)
5 | * [Usage](#usage)
6 | * [Content](#content)
7 | * Home
8 | * Log in
9 | * Menu
10 | * Contact us
11 | * About us
12 | * [Future](#future)
13 |
14 | # Background
15 | Built a Online restaurant for students to ordering dishes.
16 | # Usage
17 | ## Restaurant
18 |
19 | This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.7.1.
20 |
21 | ### Development server
22 |
23 | Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
24 |
25 | ### Code scaffolding
26 |
27 | Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
28 |
29 | ### Build
30 |
31 | Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
32 |
33 | ### Running unit tests
34 |
35 | Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
36 |
37 | ### Running end-to-end tests
38 |
39 | Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
40 |
41 | ### Further help
42 |
43 | To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
44 |
45 |
46 | # Content
47 | ## Home
48 | In the home page, users can find specialty dishes and introduction ofthe resaurant. Users can directly slide images of dishes to add them to favorites dishes list.
49 | To obtain the data flow from backend, I use RestAPI of Angular to geet the observable of data.
50 | ```Typescript
51 | leader: Leader;
52 | dish: Dish;
53 | promotion: Promotion;
54 | dishErrMess: string;
55 | promotionErrMess: string;
56 | leaderErrMess: string;
57 | constructor(private dishservice: DishService,
58 | private promotionservice: PromotionService,
59 | private leaderservice: LeaderService,
60 | @Inject('BaseURL') private BaseURL) { }
61 |
62 | ngOnInit() {
63 | this.dishservice.getFeaturedDish().subscribe( dish => this.dish = dish,errmess => this.dishErrMess =
6 |
11 |
12 |
7 |
9 |
10 | Contact Us
8 |9 |
13 |
38 |
39 | Location Information
14 |
15 |
37 |
16 |
19 | Clear Water Bay, Kowloon
20 | HONG KONG
21 | : +852 1234 5678
22 | : +852 8765 4321
23 | : 24 | confusion@food.net 25 | 26 | 27 | 32 |
33 | Our Address
17 | 18 | 121, Clear Water Bay Road19 | Clear Water Bay, Kowloon
20 | HONG KONG
21 | : +852 1234 5678
22 | : +852 8765 4321
23 | : 24 | confusion@food.net 25 | 26 | 27 | 32 |
34 |
36 | Map of our Location
35 |
40 |
100 | Send us your Feedback
41 |{{ feedbackForm.value | json }} {{ feedbackForm.status | json }}
42 | 43 | 99 |