From aef3df6f9eacfe37479046826a9ca14310b72456 Mon Sep 17 00:00:00 2001 From: sowgro Date: Mon, 31 Mar 2025 21:54:38 -0400 Subject: Apply css to funding basket --- .../funding-basket/funding-basket.component.html | 112 ++++++++++++++------- 1 file changed, 77 insertions(+), 35 deletions(-) (limited to 'ufund-ui/src/app/components/funding-basket/funding-basket.component.html') diff --git a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html index 504e694..52b35c1 100644 --- a/ufund-ui/src/app/components/funding-basket/funding-basket.component.html +++ b/ufund-ui/src/app/components/funding-basket/funding-basket.component.html @@ -1,39 +1,81 @@ -

Funding Basket

-
- - {{ this.usersService.getBasket().getValue().length }} -
+ + + + -
-

There are no needs in the basket

-
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Funding Basket

+ +
+
+
+
+
+ {{need.name}} + {{need.type}} +
+ +
+ URGENT + location_on{{need.location}} +
+
+ +
- - - - - - - - - - - -
- {{need.name}} -

Goal: {{need.maxGoal}}

-

Current: {{(need.current).toFixed(2)}}

-

How much to Contribute:

-
-
- +
+ + {{need.current}}/{{need.maxGoal}} ({{((need.current / need.maxGoal) * 100).toFixed(0)}}%) + +
+ + + + +
+ +
+ +
-
-
-
-

Invalid input in funding basket!

- - {{statusText | async}} -
\ No newline at end of file +
+
+
+ + +
+ There are no needs in your basket! Browse the cupboard +
+
-- cgit v1.2.3