cart items added

Author: salfuve

src/app/cart.service.ts

@@ -1,5 +1,7 @@
+import { observable } from 'rxjs/symbol/observable';
 import { Injectable } from '@angular/core';
 import { MdSnackBar } from '@angular/material';
+import { Observable } from 'rxjs/Observable';
 
 @Injectable()
 export class CartService {
@@ -73,7 +75,11 @@ export class CartService {
     });
     items.push(imageUrl);
   }
+
   public getNitems(): number {
     return this.itemArray.length;
   }
+  public getItems(): any {
+    return this.itemArray;
+  }
 }

src/app/dashboard/dashboard.component.html

@@ -14,7 +14,7 @@
         <md-nav-list dense>
           <a md-list-item *ngFor="let item of itemArray">
             <md-icon md-list-avatar>today</md-icon>
-            <h4 md-line><span class="text-wrap">item</span></h4>
+            <h4 md-line><span class="text-wrap">{{item}}</span></h4>
           </a>
           <md-divider *ngIf="!last"></md-divider>
         </md-nav-list>

src/app/dashboard/dashboard.component.ts

@@ -4,64 +4,76 @@ import { Component, OnInit } from '@angular/core';
 import { Title } from '@angular/platform-browser';
 import { TdLoadingService, TdDigitsPipe, CovalentNotificationsModule } from '@covalent/core';
 import { MdSnackBar } from '@angular/material';
-
 import { CartService } from '../cart.service';
 
 @Component({
   selector: 'qs-dashboard',
   templateUrl: './dashboard.component.html',
-  styleUrls: ['./dashboard.component.scss']
-  // providers: [CartService],
+  styleUrls: ['./dashboard.component.scss'],
 })
+
 export class DashboardComponent implements OnInit {
+  itemArray: any[] = [];
   imageArray: any[] = [{
 
     columnSize: '40',
     column: [{
+      name: '',
       url: '../../assets/images/alex-lambley-205711-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/norman-toth-177290-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/kaci-baum-108756-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/ariel-lustre-232891-min.jpg',
       isclicked: false,
     }],
   }, {
     columnSize: '25',
     column: [{
+      name: '',
       url: '../../assets/images/pete-bellis-189599-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/remy_loz-188297-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/brooke-cagle-195860-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/freestocks-org-195640-min.jpg',
       isclicked: false,
     }],
   }, {
     columnSize: '25',
     column: [{
+      name: '',
       url: '../../assets/images/pete-bellis-189613-min.jpg',
       isclicked: false,
     }, {
+      name: '',
       url: '../../assets/images/pete-bellis-191833-min.jpg',
       isclicked: false,
     },
     ],
   }, {
     columnSize: '25',
     column: [{
+      name: '',
       url: '../../assets/images/valerie-elash-275588-min.jpg',
       isclicked: false,
     },
     {
+      name: '',
       url: '../../assets/images/jason-blackeye-221058-min.jpg',
       isclicked: false,
     }],
@@ -76,18 +88,24 @@ export class DashboardComponent implements OnInit {
 
   ngOnInit(): void {
     this._titleService.setTitle('Covalent Quickstart');
+    this.itemArray = this.cartService.getItems();
   }
 
   clickedImage(imageUrl: any): void {
     this.router.navigate(['/image-view', { url: imageUrl }]);
-
   }
+
   clickedAddToCart(imageUrl: any): void {
     const img: string = imageUrl;
     this.cartService.clickedAddToCart(img);
   }
+
   notifications(): number {
     const nItems: number = this.cartService.getNitems();
     return nItems;
   }
+
+  clickedCart(): void {
+    this.itemArray = this.cartService.getItems();
+  }
 }

src/app/models.ts

@@ -0,0 +1,11 @@
+export interface Item {
+    name: string;
+    img: String;
+    isClicked: boolean;
+    amount: number;
+}
+export interface Image {
+    name: string;
+    img: string;
+    isClicked: boolean;
+}

tslint.json

@@ -5,6 +5,7 @@
       true,
       "statements"
     ],
+    "experimentalDecorators":false,
     "array-type": [
       true,
       "array"