59 |
64 | Registration & SignIn
60 | 63 |
65 |
66 |
67 |
68 | Login
69 |
70 |
71 | 88 |
89 |
90 |
91 | Register
92 |
93 |
94 | 200 | 201 |
202 |
203 |
204 |
205 |
206 |
211 | 71 | 88 |
94 | 200 | 201 |
215 |
223 |
224 |
--------------------------------------------------------------------------------
/src/app/app.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/app/app.component.scss
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, async } from '@angular/core/testing';
2 | import { RouterTestingModule } from '@angular/router/testing';
3 | import { AppComponent } from './app.component';
4 | describe('AppComponent', () => {
5 | beforeEach(async(() => {
6 | TestBed.configureTestingModule({
7 | imports: [
8 | RouterTestingModule
9 | ],
10 | declarations: [
11 | AppComponent
12 | ],
13 | }).compileComponents();
14 | }));
15 | it('should create the app', async(() => {
16 | const fixture = TestBed.createComponent(AppComponent);
17 | const app = fixture.debugElement.componentInstance;
18 | expect(app).toBeTruthy();
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 | it('should render title in a h1 tag', async(() => {
26 | const fixture = TestBed.createComponent(AppComponent);
27 | fixture.detectChanges();
28 | const compiled = fixture.debugElement.nativeElement;
29 | expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
30 | }));
31 | });
32 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import {Input, Component, OnInit } from '@angular/core';
2 | import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';
3 | import { FormBuilder, FormGroup, Validators, FormControl } from '@angular/forms';
4 | import { HttpClient,HttpClientModule } from '@angular/common/http';
5 | import { Registration } from './Models/User.Models';
6 | import {RegistrationService} from './Services/Registration.Service'
7 | import { AuthenticationService } from './Services/authentication.service';
8 | import { SharedService } from './Services/shared.service';
9 |
10 |
11 | @Component({
12 | selector: 'app-root',
13 | templateUrl: './app.component.html',
14 | styleUrls: ['./app.component.scss'],
15 | providers:[RegistrationService]
16 | })
17 | export class AppComponent implements OnInit {
18 | closeResult: string;
19 | registrationForm: FormGroup;
20 | loginForm:FormGroup;
21 | registrationInputs: Registration[];
22 | currentUser: Registration[];
23 | isLoggedIn:boolean=false;
24 |
25 | cartItemCount:number=0;
26 | approvalText:string="";
27 |
28 | @Input()
29 | public alerts: Array
216 |
217 |
218 |
220 |
221 |
222 |
3 |
180 |
181 |
--------------------------------------------------------------------------------
/src/app/dashboard/dashboard.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/app/dashboard/dashboard.component.scss
--------------------------------------------------------------------------------
/src/app/dashboard/dashboard.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { DashboardComponent } from './dashboard.component';
4 |
5 | describe('DashboardComponent', () => {
6 | let component: DashboardComponent;
7 | let fixture: ComponentFixture
4 |
179 |
5 |
6 |
7 | Add Products
8 |
9 |
10 | 151 |
155 |
156 |
157 |
158 | Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.
159 |
166 |
167 |
168 |
169 |
171 |
172 |
173 |
174 |
178 | 10 | 151 |
152 |
Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table 160 | craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl 161 | cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia 162 | yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean 163 | shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero 164 | sint qui sapiente accusamus tattooed echo park.
165 |Sed commodo, leo at suscipit dictum, quam est porttitor sapien, eget sodales nibh elit id diam. Nulla facilisi. Donec egestas ligula vitae odio interdum aliquet. Duis lectus turpis, luctus eget tincidunt eu, congue et odio. Duis pharetra et nisl at faucibus. Quisque luctus pulvinar arcu, et molestie lectus ultrices et. Sed diam urna, egestas ut ipsum vel, volutpat volutpat neque. Praesent fringilla tortor arcu. Vivamus faucibus nisl enim, nec tristique ipsum euismod facilisis. Morbi ut bibendum est, eu tincidunt odio. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris aliquet odio ac lorem aliquet ultricies in eget neque. Phasellus nec tortor vel tellus pulvinar feugiat.
170 |
175 |
176 |
177 |
8 |
44 |
9 |
43 |
10 |
16 |
17 |
41 |
42 | Items in your cart: 11 | Total value is: {{allTotal}} 12 | 13 |
14 | 15 || Image | 19 |Name & Description | 20 |Price | 21 |Quantity | 22 |Add/Remove | 23 |Total For Item | 24 |
|---|---|---|---|---|---|
 |
28 | {{prod.Name}}-{{prod.Description}} | 29 |{{prod.UnitPrice}} | 30 |{{prod.Quantity}} | 31 |
32 |
33 |
34 |
35 |
36 |
37 | |
38 | {{prod.UnitPrice * prod.Quantity}} | 39 |
Item Details |
82 | Delivery Details |
83 | ||||||||||||||||||
86 |
87 |
|
105 |
106 |
107 |
|
126 | ||||||||||||||||||
| 129 | 130 | | 131 |
134 |
3 |
4 | ;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ ProductdisplayComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ProductdisplayComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/productdisplay/productdisplay.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, EventEmitter, Output,OnInit } from '@angular/core';
2 | import { ProductDisplay } from '../Models/ProductDisplay.Model';
3 |
4 | import { ProductService } from '../Services/product.service';
5 | import { Product } from '../Models/Product.Model';
6 | import { IAlert } from '../Models/IAlert';
7 | import { SharedService } from '../Services/shared.service';
8 |
9 | @Component({
10 | selector: 'app-productdisplay',
11 | templateUrl: './productdisplay.component.html',
12 | styleUrls: ['./productdisplay.component.scss'],
13 | providers:[ProductService]
14 | })
15 | export class ProductdisplayComponent implements OnInit {
16 |
17 | public alerts: Array = [];
18 | cartItemCount: number = 0;
19 | @Output() cartEvent = new EventEmitter();
20 | public globalResponse: any;
21 | yourByteArray:any;
22 | allProducts: ProductDisplay[];
23 | productAddedTocart:Product[];
24 | constructor(private productService:ProductService,private sharedService:SharedService) { }
25 |
26 | ngOnInit() {
27 | this.productService.getAllProducts()
28 | .subscribe((result) => {
29 | this.globalResponse = result;
30 | },
31 | error => { //This is error part
32 | console.log(error.message);
33 | },
34 | () => {
35 | // This is Success part
36 | console.log("Product fetched sucssesfully.");
37 | //console.log(this.globalResponse);
38 | this.allProducts=this.globalResponse;
39 | }
40 | )
41 |
42 | }
43 | OnAddCart(product:Product)
44 | {
45 | console.log(product);
46 |
47 | this.productAddedTocart=this.productService.getProductFromCart();
48 | if(this.productAddedTocart==null)
49 | {
50 | this.productAddedTocart=[];
51 | this.productAddedTocart.push(product);
52 | this.productService.addProductToCart(this.productAddedTocart);
53 | this.alerts.push({
54 | id: 1,
55 | type: 'success',
56 | message: 'Product added to cart.'
57 | });
58 | setTimeout(()=>{
59 | this.closeAlert(this.alerts);
60 | }, 3000);
61 |
62 | }
63 | else
64 | {
65 | let tempProduct=this.productAddedTocart.find(p=>p.Id==product.Id);
66 | if(tempProduct==null)
67 | {
68 | this.productAddedTocart.push(product);
69 | this.productService.addProductToCart(this.productAddedTocart);
70 | this.alerts.push({
71 | id: 1,
72 | type: 'success',
73 | message: 'Product added to cart.'
74 | });
75 | //setTimeout(function(){ }, 2000);
76 | setTimeout(()=>{
77 | this.closeAlert(this.alerts);
78 | }, 3000);
79 | }
80 | else
81 | {
82 | this.alerts.push({
83 | id: 2,
84 | type: 'warning',
85 | message: 'Product already exist in cart.'
86 | });
87 | setTimeout(()=>{
88 | this.closeAlert(this.alerts);
89 | }, 3000);
90 | }
91 |
92 | }
93 | //console.log(this.cartItemCount);
94 | this.cartItemCount=this.productAddedTocart.length;
95 | // this.cartEvent.emit(this.cartItemCount);
96 | this.sharedService.updateCartCount(this.cartItemCount);
97 | }
98 | public closeAlert(alert:any) {
99 | const index: number = this.alerts.indexOf(alert);
100 | this.alerts.splice(index, 1);
101 | }
102 | }
103 |
104 |
105 |
--------------------------------------------------------------------------------
/src/app/profile/profile.component.html:
--------------------------------------------------------------------------------
1 |
2 | ;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ ProfileComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(ProfileComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/profile/profile.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-profile',
5 | templateUrl: './profile.component.html',
6 | styleUrls: ['./profile.component.scss']
7 | })
8 | export class ProfileComponent implements OnInit {
9 |
10 | constructor() { }
11 |
12 | ngOnInit() {
13 | }
14 |
15 | }
16 |
--------------------------------------------------------------------------------
/src/assets/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/assets/.gitkeep
--------------------------------------------------------------------------------
/src/assets/images/DeepCart.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/assets/images/DeepCart.PNG
--------------------------------------------------------------------------------
/src/assets/images/DeepCart1.PNG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/assets/images/DeepCart1.PNG
--------------------------------------------------------------------------------
/src/browserslist:
--------------------------------------------------------------------------------
1 | # This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
2 | # For additional information regarding the format and rule options, please see:
3 | # https://github.com/browserslist/browserslist#queries
4 | # For IE 9-11 support, please uncomment the last line of the file and adjust as needed
5 | > 0.5%
6 | last 2 versions
7 | Firefox ESR
8 | not dead
9 | # IE 9-11
--------------------------------------------------------------------------------
/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 | production: true
3 | };
4 |
--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // This file can be replaced during build by using the `fileReplacements` array.
2 | // `ng build ---prod` replaces `environment.ts` with `environment.prod.ts`.
3 | // The list of file replacements can be found in `angular.json`.
4 |
5 | export const environment = {
6 | production: false
7 | };
8 |
9 | /*
10 | * In development mode, to ignore zone related error stack frames such as
11 | * `zone.run`, `zoneDelegate.invokeTask` for easier debugging, you can
12 | * import the following file, but please comment it out in production mode
13 | * because it will have performance impact when throw error
14 | */
15 | // import 'zone.js/dist/zone-error'; // Included with Angular CLI.
16 |
--------------------------------------------------------------------------------
/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/favicon.ico
--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | DeepCart
6 |
5 |
34 |
35 |
--------------------------------------------------------------------------------
/src/app/productdisplay/productdisplay.component.scss:
--------------------------------------------------------------------------------
1 | .catheader
2 | {
3 | font-size: xx-large;
4 | font-style: italic;
5 | font-weight: bold;
6 | }
7 | .prodTable {
8 | border-radius: 25px;
9 | border: 2px solid #73AD21;
10 | padding: 20px;
11 | width: 250px;
12 | height: 200px;
13 | margin: 2em;
14 | }
15 | .after-prodTable {
16 | clear: left;
17 | }
18 |
19 | .box {
20 | float: left;
21 | width: 200px;
22 | height: 150px;
23 | margin: 1em;
24 | }
25 | .after-box {
26 | clear: left;
27 | }
--------------------------------------------------------------------------------
/src/app/productdisplay/productdisplay.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProductdisplayComponent } from './productdisplay.component';
4 |
5 | describe('ProductdisplayComponent', () => {
6 | let component: ProductdisplayComponent;
7 | let fixture: ComponentFixture
6 |
9 |
12 |
32 |
33 | {{cat.Category}}
10 | 11 ||
14 |
15 | |
16 |
| {{prod.Name}} | 19 |
| Price:{{prod.UnitPrice}} | 22 |
| {{prod.Description}} | 25 |
| 28 | 29 | | 30 |
3 |
16 |
17 |
--------------------------------------------------------------------------------
/src/app/profile/profile.component.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/DeepGautamFullStack/DeepCart/5516a6292cee6ddc4e4fd97614798e914930a509/src/app/profile/profile.component.scss
--------------------------------------------------------------------------------
/src/app/profile/profile.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { ProfileComponent } from './profile.component';
4 |
5 | describe('ProfileComponent', () => {
6 | let component: ProfileComponent;
7 | let fixture: ComponentFixture
4 |
15 |
5 |
14 |