Index: src/app/manager/manager-warehouse/manager-warehouse.component.html =================================================================== --- src/app/manager/manager-warehouse/manager-warehouse.component.html (revision 5adb472ac3809bd5e7784fa486050e496587fa3e) +++ src/app/manager/manager-warehouse/manager-warehouse.component.html (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -1,1 +1,250 @@ -

manager-warehouse works!

+ + +
+

Warehouse Management

+ + +
+
+
+
+
Available Articles
+

{{ availableArticles.length }}

+
+
+
+
+
+
+
Pending Delivery
+

{{ pendingDeliveryArticles.length }}

+
+
+
+
+
+
+
Near Expiration
+

{{ nearExpirationArticles.length }}

+
+
+
+
+
+
+
Total Loss
+

{{ totalLoss | currency }}

+
+
+
+
+ + +
+
+
+
+

Available Articles

+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
Article NameQuantityUnit PriceTotal ValueStock LevelExpiration Date
{{ article.name }}{{ article.quantity }}{{ article.unitPrice | currency }}{{ (article.quantity * article.unitPrice) | currency }} + + {{ getStockLevel(article.quantity, article.minQuantity) | titlecase }} + + {{ article.expirationDate | date }}
+
+
+
+
+
+ + +
+
+
+
+

Articles Pending Delivery

+
+
+
+ + + + + + + + + + + + + + + + + + + +
Article NameQuantityDelivery IDCustomerScheduled Date
{{ article.name }}{{ article.quantity }}{{ article.deliveryId }}{{ article.customerName }}{{ article.scheduledDate | date }}
+
+
+
+
+
+ + +
+
+
+
+

Articles Near Expiration (Next 7 Days)

+
+
+
+ + + + + + + + + + + + + + + + + + + +
Article NameQuantityDays Until ExpirationExpiration DatePotential Loss
{{ article.name }}{{ article.quantity }} + + {{ getDaysUntilExpiration(article.expirationDate) }} days + + {{ article.expirationDate | date }}{{ (article.quantity * article.unitPrice) | currency }}
+
+
+
+
+
+ + +
+
+
+
+

Expired Articles - Total Loss: {{ totalLoss | currency }}

+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
Article NameQuantityExpiration DateDays ExpiredLoss AmountAction
{{ article.name }}{{ article.quantity }}{{ article.expirationDate | date }} + + {{ Math.abs(getDaysUntilExpiration(article.expirationDate)) }} days ago + + {{ (article.quantity * article.unitPrice) | currency }} + +
+
+
+
+
+
+ + +
+
+
+
+

Stock Forecast & Refill Schedule

+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
Article NameCurrent StockDaily UsageDays RemainingEstimated Refill DateStatus
{{ forecast.articleName }}{{ forecast.currentStock }}{{ forecast.dailyUsage }} + + {{ forecast.daysRemaining }} days + + {{ forecast.estimatedRefillDate | date }} + Urgent + Soon + OK +
+
+
+
+
+
+
Index: src/app/manager/manager-warehouse/manager-warehouse.component.ts =================================================================== --- src/app/manager/manager-warehouse/manager-warehouse.component.ts (revision 5adb472ac3809bd5e7784fa486050e496587fa3e) +++ src/app/manager/manager-warehouse/manager-warehouse.component.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -1,11 +1,67 @@ import { Component } from '@angular/core'; +import { NavbarComponent } from '../../navbar/navbar.component'; +import { CommonModule } from '@angular/common'; +import { Article } from '../../models'; +import { StockForecast } from '../../models/stock-forecast.model'; +import { WarehouseService } from '../../services/warehouse.service'; @Component({ selector: 'app-manager-warehouse', - imports: [], + imports: [NavbarComponent, CommonModule], templateUrl: './manager-warehouse.component.html', - styleUrl: './manager-warehouse.component.css' + styleUrl: './manager-warehouse.component.css', }) export class ManagerWarehouseComponent { + availableArticles: Article[] = []; + pendingDeliveryArticles: Article[] = []; + nearExpirationArticles: Article[] = []; + expiredArticles: Article[] = []; + stockForecast: StockForecast[] = []; + totalLoss: number = 0; + warehouseId: number = 1; + constructor(private warehouseService: WarehouseService) {} + + ngOnInit() { + this.loadWarehouseData(); + } + + loadWarehouseData() { + this.warehouseService + .getAvailableArticles(this.warehouseId) + .subscribe((articles) => (this.availableArticles = articles)); + this.warehouseService + .getPendingDeliveryArticles(this.warehouseId) + .subscribe((articles) => (this.pendingDeliveryArticles = articles)); + this.warehouseService + .getNearExpirationArticles(this.warehouseId) + .subscribe((articles) => (this.nearExpirationArticles = articles)); + this.warehouseService + .getExpiredArticles(this.warehouseId) + .subscribe((articles) => (this.expiredArticles = articles)); + this.warehouseService + .getStockForecast(this.warehouseId) + .subscribe((forecast) => (this.stockForecast = forecast)); + } + + calculateTotalLoss() { + this.totalLoss = this.expiredArticles.reduce( + (sum, article) => sum + article.quantity * article.unitPrice, + 0, + ); + } + + getDaysUntilExpiration(expirationDate: string): number { + const today = new Date(); + const expDate = new Date(expirationDate); + const diffTime = expDate.getTime() - today.getTime(); + return Math.ceil(diffTime / (1000 * 60 * 60 * 24)); + } + + getStockLevel(quantity: number, minQuantity: number): string { + if (quantity <= 0) return 'out-of-stock'; + if (quantity <= minQuantity) return 'low-stock'; + if (quantity <= minQuantity * 2) return 'medium-stock'; + return 'high-stock'; + } } Index: src/app/models/article.model.ts =================================================================== --- src/app/models/article.model.ts (revision 5adb472ac3809bd5e7784fa486050e496587fa3e) +++ src/app/models/article.model.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -10,3 +10,4 @@ weight: number; image?: string; + unitPrice: number; } Index: src/app/models/stock-forecast.model.ts =================================================================== --- src/app/models/stock-forecast.model.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) +++ src/app/models/stock-forecast.model.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -0,0 +1,6 @@ +export interface StockForecast { + articleId: number; + predictedStock: number; + reorderLevel: number; + leadTime: number; +} Index: src/app/services/warehouse.service.spec.ts =================================================================== --- src/app/services/warehouse.service.spec.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) +++ src/app/services/warehouse.service.spec.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { WarehouseService } from './warehouse.service'; + +describe('WarehouseService', () => { + let service: WarehouseService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(WarehouseService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); Index: src/app/services/warehouse.service.ts =================================================================== --- src/app/services/warehouse.service.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) +++ src/app/services/warehouse.service.ts (revision 57c67f58e310fa387037937e193bc4d85aa46a71) @@ -0,0 +1,41 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { StockForecast } from '../models/stock-forecast.model'; +import { Article } from '../models'; + +@Injectable({ + providedIn: 'root', +}) +export class WarehouseService { + constructor(private http: HttpClient) {} + + getAvailableArticles(warehouseId: number) { + return this.http.get( + `/api/warehouses/${warehouseId}/articles/available`, + ); + } + + getPendingDeliveryArticles(warehouseId: number) { + return this.http.get( + `/api/warehouses/${warehouseId}/articles/pending-delivery`, + ); + } + + getNearExpirationArticles(warehouseId: number) { + return this.http.get( + `/api/warehouses/${warehouseId}/articles/near-expiration`, + ); + } + + getExpiredArticles(warehouseId: number) { + return this.http.get( + `/api/warehouses/${warehouseId}/articles/expired`, + ); + } + + getStockForecast(warehouseId: number) { + return this.http.get( + `/api/warehouses/${warehouseId}/stock-forecast`, + ); + } +}