+
+
\ No newline at end of file
diff --git a/src/app/components/vendor-page/cart-summary/cart-summary.component.spec.ts b/src/app/components/vendor-page/cart-summary/cart-summary.component.spec.ts
new file mode 100644
index 0000000..3f495bb
--- /dev/null
+++ b/src/app/components/vendor-page/cart-summary/cart-summary.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CartSummaryComponent } from './cart-summary.component';
+
+describe('CartSummaryComponent', () => {
+ let component: CartSummaryComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cart Summary
+ Delivery Location
+ Payment
+ Order Confirmation
+
+ Checkout
++ Review your items + Choose your delivery location + Complete your purchase + Your order is confirmed +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cart
+
+
+
+
+ 2
+
+
+ Location
+
+
+
+
+ 3
+
+
+ Payment
+
+
+
+ 4
+
+
+ Complete
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your Items
+ + {{ getTotalItems() }} + +
+ Your cart is empty
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Select Delivery Location
+Move the marker or click on the map to set your exact delivery location
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Selected Location
++ Latitude: {{ selectedLat | number:'1.6-6' }}, Longitude: {{ selectedLng | number:'1.6-6' }} +
++ {{ locationAddress }} +
+
+
+
+
+
+
+
+
+
+ + Order Summary +
+ +
+
+
+
+
+
+ + Subtotal: + ${{ getSubtotal() }} +
++ Shipping: + ${{ shippingCost.toFixed(2) }} +
++ Tax ({{ taxRate }}%): + ${{ calculateTax().toFixed(2) }} +
+
+ Total:
+ ${{ getTotal() }}
+
+
+
+
+
+ + + Delivery Information +
++ Select your exact location on the map to ensure accurate delivery. Our system will track your order in real-time. +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order Confirmed!
+Your order has been placed and is being processed
+ +
+
+
+
+ Order #: {{ orderNumber }}
+{{ orderDate | date:'medium' }}
+ + +
+
+
+
+ + + Delivery Location +
+
+ {{ deliveryForm.get('address')?.value }}
+ {{ deliveryForm.get('city')?.value }}, {{ deliveryForm.get('state')?.value }} {{ deliveryForm.get('zipCode')?.value }}
+
+ Coordinates: {{ selectedLat | number:'1.6-6' }}, {{ selectedLng | number:'1.6-6' }} +
+
+
+
++ + Track Your Order +
++ Use the link below to track your order in real-time +
+ + View Order Status + +
+
+
+
+
+
+Delivery Location
+ +
+
+ Coordinates: Lat: {{selectedLat?.toFixed(6)}}, Lng: {{selectedLng?.toFixed(6)}}
+Address: {{locationAddress}}
+
+
+
\ No newline at end of file
diff --git a/src/app/components/vendor-page/cart/cart.component.spec.ts b/src/app/components/vendor-page/cart/cart.component.spec.ts
new file mode 100644
index 0000000..03dcc4a
--- /dev/null
+++ b/src/app/components/vendor-page/cart/cart.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CartComponent } from './cart.component';
+
+describe('CartComponent', () => {
+ let component: CartComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your Shopping Cart
+
+ + Carefully selected for you, +
++ {{ user.name }} +
+Review your selections
+
+
+
+
+
+
+ s
+
+
+ + Items in Your Cart +
+ +
+
+
+
+
+ ![{{ item.name }}]()
+
+ {{ item.name }}
+{{ item.subtitle }}
++ Category: {{ item.category }} +
++ ${{ item.price.toFixed(2) }} +
+
+
+
+ Qty:
+
+
+ + {{ item.quantity }} +
+
+
+
+
+
+
+
+
+ Subtotal:
+ ${{ getSubtotal() }}
+
+
+ Shipping:
+ ${{ getShipping() }}
+
+
+ Total:
+ ${{ getTotal() }}
+
+
+
+
+ © 2025 Vendor Ordering System. All rights reserved.
+
+
+
diff --git a/src/app/components/vendor-page/create-order/create-order.component.spec.ts b/src/app/components/vendor-page/create-order/create-order.component.spec.ts
new file mode 100644
index 0000000..c737c2c
--- /dev/null
+++ b/src/app/components/vendor-page/create-order/create-order.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CreateOrderComponent } from './create-order.component';
+
+describe('CreateOrderComponent', () => {
+ let component: CreateOrderComponent;
+ let fixture: ComponentFixtureCreate Order
+ + + +
+ {{ responseMessage }}
+
+
+
+ {{ errorMessage }}
+
+
+ Latitude: {{ lat }}
+ Longitude: {{ lng }} +
diff --git a/src/app/components/vendor-page/map-selector/map-selector.component.spec.ts b/src/app/components/vendor-page/map-selector/map-selector.component.spec.ts
new file mode 100644
index 0000000..7d64541
--- /dev/null
+++ b/src/app/components/vendor-page/map-selector/map-selector.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MapSelectorComponent } from './map-selector.component';
+
+describe('MapSelectorComponent', () => {
+ let component: MapSelectorComponent;
+ let fixture: ComponentFixture+ Longitude: {{ lng }} +
+
+
\ No newline at end of file
diff --git a/src/app/components/vendor-page/order-summary/order-summary.component.spec.ts b/src/app/components/vendor-page/order-summary/order-summary.component.spec.ts
new file mode 100644
index 0000000..3fe9901
--- /dev/null
+++ b/src/app/components/vendor-page/order-summary/order-summary.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OrderSummaryComponent } from './order-summary.component';
+
+describe('OrderSummaryComponent', () => {
+ let component: OrderSummaryComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order Summary
+
+ Thanks for your order,
+{{ user.name }}
+Here's a summary of your purchase
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order Status
+ {{ order.status }} +
+
+
+
+
+
+
+
+
+
+
+
+
+ ✓
+ {{ i + 1 }}
+
+ {{ step }}
+
+
+
+
+
+
+
+
+
+ Your Items
+ +
+
+
+ ![{{ item.name }}]()
+
+
+
+
+
+ {{ item.name }}
++ ${{ (item.price * item.quantity).toFixed(2) }} +
+{{ item.description }}
+
+ Qty: {{ item.quantity }}
+ Unit Price: ${{ item.price.toFixed(2) }}
+
+
+ {{ item.status }}
+
+
+
+
+
+ +
+ Order Details
+ +
+
+
+ + Order ID: + {{ order.id }} +
++ Date: + {{ getFormattedDate() }} +
++ Estimated Delivery: + {{ getEstimatedDelivery() }} +
+
+
+
+ Shipping Address
+{{ order.shippingAddress }}
++ +
+
+
+ + Subtotal: + ${{ getSubtotal() }} +
++ Shipping: + ${{ order.shippingCost.toFixed(2) }} +
++ Tax: + ${{ order.tax.toFixed(2) }} +
+
+ Total:
+ ${{ getTotal() }}
+
+
+
+
+
+
+
+
+
+ © 2025 Vendor Ordering System. All rights reserved.
+
+
+
+
\ No newline at end of file
diff --git a/src/app/components/vendor-page/orders/orders.component.spec.ts b/src/app/components/vendor-page/orders/orders.component.spec.ts
new file mode 100644
index 0000000..4f12d69
--- /dev/null
+++ b/src/app/components/vendor-page/orders/orders.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { OrdersComponent } from './orders.component';
+
+describe('OrdersComponent', () => {
+ let component: OrdersComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order History
+
+ Your purchase history,
+{{ user.name }}
+Track and manage your previous orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your Orders
+ + {{ orders.length }} orders + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Order ID
+ Date
+ Items
+ Total
+ Status
+ Action
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ order.status }}
+
+ Order #{{ order.id }}
+{{ formatDate(order.date) }}
+Items: {{ order.itemsCount }}
+Total: ${{ order.total.toFixed(2) }}
+
+
+
+
+
+
+ #{{ order.id }}
+ {{ formatDate(order.date) }}
+ {{ order.itemsCount }}
+ ${{ order.total.toFixed(2) }}
+
+
+ {{ order.status }}
+
+
+
+
+ Details
+
+
+
+
+
+
+ Showing {{ paginationStart }} - {{ paginationEnd }} of {{ orders.length }} orders
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ No orders found
++ {{ orders.length > 0 ? 'No orders match your current filters.' : 'You haven\'t placed any orders yet.' }} +
+
+
+
+ Browse Products
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Premium Spice Collection
+
+ + Discover Our Authentic Flavors +
++ Handcrafted blends from around the world +
+
+ @for (notification of notifications(); track notification.id) {
+
+ }
+
+
+
+
+
+ @for (category of categories; track category) {
+
+
+ }
+
+
+
+
+ @for (product of filteredProducts; track product.name) {
+
+
+
+ @if(selectedProduct) {
+
+
+ }
+
+ ![]()
+
+
+
+ + {{ product.name }} +
+{{ product.subtitle }}
++ ${{ product.price }} +
+ +
+
+ }
+
+
+
+
+
+
+
+ ![]()
+
+ + {{ selectedProduct.name }} +
+{{ selectedProduct.subtitle }}
++ ${{ selectedProduct.price }} +
++ Our spices are ethically sourced and expertly curated for + exceptional flavor in every dish. +
+
+
+
+
+ Quantity:
+
+
+
+
+