3 | New Product 4 |
5 |6 | 10 |
11 | 12 |
3 |
51 |
--------------------------------------------------------------------------------
/src/app/admin/components/product-form/product-form.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductFormComponent } from './product-form.component';
4 |
5 | describe('ProductFormComponent', () => {
6 | let component: ProductFormComponent;
7 | let fixture: ComponentFixture
4 |
46 |
47 |
48 |
50 |
4 |
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, async } from '@angular/core/testing';
2 |
3 | import { AppComponent } from './app.component';
4 |
5 | describe('AppComponent', () => {
6 | beforeEach(async(() => {
7 | TestBed.configureTestingModule({
8 | declarations: [
9 | AppComponent
10 | ],
11 | }).compileComponents();
12 | }));
13 |
14 | it('should create the app', async(() => {
15 | const fixture = TestBed.createComponent(AppComponent);
16 | const app = fixture.debugElement.componentInstance;
17 | expect(app).toBeTruthy();
18 | }));
19 |
20 | it(`should have as title 'app'`, async(() => {
21 | const fixture = TestBed.createComponent(AppComponent);
22 | const app = fixture.debugElement.componentInstance;
23 | expect(app.title).toEqual('app');
24 | }));
25 |
26 | it('should render title in a h1 tag', async(() => {
27 | const fixture = TestBed.createComponent(AppComponent);
28 | fixture.detectChanges();
29 | const compiled = fixture.debugElement.nativeElement;
30 | expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
31 | }));
32 | });
33 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { UserService } from './shared/services/user.service';
2 | import { Router } from '@angular/router';
3 | import { AuthService } from './shared/services/auth.service';
4 | import { Component } from '@angular/core';
5 |
6 | @Component({
7 | selector: 'app-root',
8 | templateUrl: './app.component.html',
9 | styleUrls: ['./app.component.css']
10 | })
11 | export class AppComponent {
12 | constructor(private userService: UserService, private auth: AuthService, router: Router) {
13 | auth.user$.subscribe(user => {
14 | if (!user) return;
15 |
16 | userService.save(user);
17 |
18 | let returnUrl = localStorage.getItem('returnUrl');
19 | if (!returnUrl) return;
20 |
21 | localStorage.removeItem('returnUrl');
22 | router.navigateByUrl(returnUrl);
23 | });
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { NgModule } from '@angular/core';
2 | import { BrowserModule } from '@angular/platform-browser';
3 | import { RouterModule } from '@angular/router';
4 | import { AngularFireModule } from 'angularfire2';
5 |
6 | import { environment } from './../environments/environment';
7 | import { AdminModule } from './admin/admin.module';
8 | import { AdminAuthGuard } from './admin/services/admin-auth-guard.service';
9 | import { AppComponent } from './app.component';
10 | import { LoginComponent } from './core/components/login/login.component';
11 | import { CoreModule } from './core/core.module';
12 | import { SharedModule } from './shared/shared.module';
13 | import { ProductsComponent } from './shopping/components/products/products.component';
14 | import { ShoppingModule } from './shopping/shopping.module';
15 |
16 | @NgModule({
17 | declarations: [
18 | AppComponent
19 | ],
20 | imports: [
21 | BrowserModule,
22 | SharedModule,
23 | AdminModule,
24 | ShoppingModule,
25 | CoreModule,
26 | AngularFireModule.initializeApp(environment.firebase),
27 | RouterModule.forRoot([
28 | { path: '', component: ProductsComponent },
29 | { path: 'login', component: LoginComponent },
30 | ])
31 | ],
32 | providers: [
33 | AdminAuthGuard,
34 | ],
35 | bootstrap: [AppComponent]
36 | })
37 | export class AppModule { }
38 |
--------------------------------------------------------------------------------
/src/app/core/components/bs-navbar/bs-navbar.component.css:
--------------------------------------------------------------------------------
1 |
2 | .dropdown-toggle {
3 | cursor: pointer;
4 | }
--------------------------------------------------------------------------------
/src/app/core/components/bs-navbar/bs-navbar.component.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/core/components/bs-navbar/bs-navbar.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { BsNavbarComponent } from './bs-navbar.component';
4 |
5 | describe('BsNavbarComponent', () => {
6 | let component: BsNavbarComponent;
7 | let fixture: ComponentFixture2 | home works! 3 |
4 | -------------------------------------------------------------------------------- /src/app/core/components/home/home.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { HomeComponent } from './home.component'; 4 | 5 | describe('HomeComponent', () => { 6 | let component: HomeComponent; 7 | let fixture: ComponentFixture
2 | ![{{ product.title }}]()
3 |
18 |
--------------------------------------------------------------------------------
/src/app/shared/components/product-card/product-card.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductCardComponent } from './product-card.component';
4 |
5 | describe('ProductCardComponent', () => {
6 | let component: ProductCardComponent;
7 | let fixture: ComponentFixture
4 |
7 |
17 | {{ product.title }}
5 |{{ product.price | currency:'USD':true }}
6 |
2 |
--------------------------------------------------------------------------------
/src/app/shared/components/product-quantity/product-quantity.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductQuantityComponent } from './product-quantity.component';
4 |
5 | describe('ProductQuantityComponent', () => {
6 | let component: ProductQuantityComponent;
7 | let fixture: ComponentFixture
3 |
6 |
7 |
8 | {{ shoppingCart.getQuantity(product) }} in cart
9 |
10 |
11 |
14 |
15 | Shipping
2 |
3 |
10 |
--------------------------------------------------------------------------------
/src/app/shopping/components/check-out/check-out.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { CheckOutComponent } from './check-out.component';
4 |
5 | describe('CheckOutComponent', () => {
6 | let component: CheckOutComponent;
7 | let fixture: ComponentFixture
4 |
6 |
7 |
9 | Orders
2 || Customer | 6 |Date | 7 |8 | |
|---|---|---|
| {{ order.shipping.name }} | 13 |{{ order.datePlaced | date}} | 14 |15 | View 16 | | 17 |
Thank you!
2 |We received your order and will process it within the next 24 hours!
-------------------------------------------------------------------------------- /src/app/shopping/components/order-success/order-success.component.spec.ts: -------------------------------------------------------------------------------- 1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 2 | 3 | import { OrderSuccessComponent } from './order-success.component'; 4 | 5 | describe('OrderSuccessComponent', () => { 6 | let component: OrderSuccessComponent; 7 | let fixture: ComponentFixture
2 |
19 |
--------------------------------------------------------------------------------
/src/app/shopping/components/products/product-filter/product-filter.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductFilterComponent } from './product-filter.component';
4 |
5 | describe('ProductFilterComponent', () => {
6 | let component: ProductFilterComponent;
7 | let fixture: ComponentFixture
3 | All Categories
8 |
15 | {{ c.name }}
16 |
17 |
18 |
3 |
17 |
18 |
--------------------------------------------------------------------------------
/src/app/shopping/components/products/products.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductsComponent } from './products.component';
4 |
5 | describe('ProductsComponent', () => {
6 | let component: ProductsComponent;
7 | let fixture: ComponentFixture
4 |
6 |
7 |
16 |
8 |
9 |
14 |
15 |
10 |
12 |
13 |
2 |
--------------------------------------------------------------------------------
/src/app/shopping/components/shopping-cart-summary/shopping-cart-summary.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ShoppingCartSummaryComponent } from './shopping-cart-summary.component';
4 |
5 | describe('ShoppingCartSummaryComponent', () => {
6 | let component: ShoppingCartSummaryComponent;
7 | let fixture: ComponentFixture
3 |
20 | Order Summary
4 |You have {{ cart.totalItemsCount }} items in your shopping cart.
5 |-
6 |
-
7 | {{ item.quantity }} x {{ item.title }}
8 | 9 | {{ item.totalPrice | currency:'USD':true }} 10 |11 |
12 |
-
13 | Total
14 | 15 | {{ cart.totalPrice | currency:'USD':true }} 16 |17 |
18 |
Shopping Cart
2 |
3 |
11 |
12 |
51 |
--------------------------------------------------------------------------------
/src/app/shopping/components/shopping-cart/shopping-cart.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ShoppingCartComponent } from './shopping-cart.component';
4 |
5 | describe('ShoppingCartComponent', () => {
6 | let component: ShoppingCartComponent;
7 | let fixture: ComponentFixture
4 |
10 | 5 | You have {{ cart.totalItemsCount }} items in your shopping cart. 6 | 7 | 8 |
9 || 14 | | Product | 15 |Quantity | 16 |Price | 17 |
|---|---|---|---|
|
22 |
23 |
24 | |
25 | 26 | {{ item.title }} 27 | | 28 |
29 | |
32 | 33 | {{ item.totalPrice | currency:'USD':true }} 34 | | 35 |
| 40 | | 41 | | 42 | | {{ cart.totalPrice | currency:'USD':true }} | 43 |
| 46 | Check Out 47 | | 48 ||||