From 9c63fdd9ba65298a3b244a01968868a93d961efd Mon Sep 17 00:00:00 2001 From: gaurav_hexa Date: Tue, 14 Sep 2021 22:23:26 +0530 Subject: [PATCH] home page done but add to cart functionality is remaing --- .../src/app/app.component.html | 1 + .../app/components/home/home.component.css | 35 +++++++++++++++++++ .../app/components/home/home.component.html | 32 ++++++++++++++++- .../src/app/components/home/home.component.ts | 15 +++++++- .../page-nav-bar/page-nav-bar.component.html | 4 +-- 5 files changed, 83 insertions(+), 4 deletions(-) diff --git a/Angular-UrbanBazaar/src/app/app.component.html b/Angular-UrbanBazaar/src/app/app.component.html index c392a2a..cfdf9f6 100644 --- a/Angular-UrbanBazaar/src/app/app.component.html +++ b/Angular-UrbanBazaar/src/app/app.component.html @@ -1,3 +1,4 @@ + \ No newline at end of file diff --git a/Angular-UrbanBazaar/src/app/components/home/home.component.css b/Angular-UrbanBazaar/src/app/components/home/home.component.css index e69de29..d9a5883 100644 --- a/Angular-UrbanBazaar/src/app/components/home/home.component.css +++ b/Angular-UrbanBazaar/src/app/components/home/home.component.css @@ -0,0 +1,35 @@ +.showButton{ + margin-left: 1250px; + border-radius: 15px; + padding: 10px; + margin-top: 10px; + border-color: antiquewhite; +} + +.Addbutton{ + border-radius: 15px; + border-color: antiquewhite; + color: darkgray; + background-color: rgb(248, 229, 247); + +} +.card{ + max-width: 300px; + border-width: 1px; + border-color:antiquewhite; + text-align: center; + margin-top: 12px; + font-family: Arial, Helvetica, sans-serif; + border-radius: 12px; + +} + +.price { + color: grey; + font-size: 22px; + } +.cardParent{ + display: flex; + justify-content: space-between; + flex-grow:1; +} \ No newline at end of file diff --git a/Angular-UrbanBazaar/src/app/components/home/home.component.html b/Angular-UrbanBazaar/src/app/components/home/home.component.html index 5f2c53f..e34d616 100644 --- a/Angular-UrbanBazaar/src/app/components/home/home.component.html +++ b/Angular-UrbanBazaar/src/app/components/home/home.component.html @@ -1 +1,31 @@ -

home works!

+ + + + + + + + + Document + + + +
+ +
+ +
+
+ +
{{i.productname}}
+

Rs.{{i.productprice}}

+

Weight {{i.productweight}}

+

+
+
+ + + + + + \ No newline at end of file diff --git a/Angular-UrbanBazaar/src/app/components/home/home.component.ts b/Angular-UrbanBazaar/src/app/components/home/home.component.ts index 007fef0..d21bf95 100644 --- a/Angular-UrbanBazaar/src/app/components/home/home.component.ts +++ b/Angular-UrbanBazaar/src/app/components/home/home.component.ts @@ -1,4 +1,7 @@ import { Component, OnInit } from '@angular/core'; +import { ProductService } from './../../services/product.service'; +import { Observable } from 'rxjs'; +import { Product } from './../../models/product'; @Component({ selector: 'app-home', @@ -6,8 +9,18 @@ import { Component, OnInit } from '@angular/core'; styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { + showButton(){ + alert("show cart clicked") + } + + addCart(){ + alert("added to cart") + } - constructor() { } + products:Observable + constructor(private productservice: ProductService) { + this.products = this.productservice.showAllProduct(); + } ngOnInit(): void { } diff --git a/Angular-UrbanBazaar/src/app/components/page-nav-bar/page-nav-bar.component.html b/Angular-UrbanBazaar/src/app/components/page-nav-bar/page-nav-bar.component.html index ce29b86..6f6b6e5 100644 --- a/Angular-UrbanBazaar/src/app/components/page-nav-bar/page-nav-bar.component.html +++ b/Angular-UrbanBazaar/src/app/components/page-nav-bar/page-nav-bar.component.html @@ -1,7 +1,7 @@ -

page-nav-bar works!

+