feat: Update cost fetching to use listActive and add logging for fetched costs

Author: charlesschaefer

src/app/components/financial-impact-card/financial-impact-card.component.ts

@@ -67,7 +67,7 @@ export class FinancialImpactCardComponent implements OnInit {
         if (this.usageCosts && this.usageCosts.length > 0) {
             this.costs.set(this.usageCosts);
         } else {
-            this.costService.list().then((costs) => {
+            this.costService.listActive().then((costs) => {
                 this.costs.set(costs as CostDto[]);
                 this.calculateAll();
             });

src/app/pages/financial-impact/financial-impact.component.ts

@@ -43,6 +43,7 @@ export class FinancialImpactComponent implements OnInit {
     ngOnInit() {
         // Fetch all costs from the cost table
         this.costService.listActive().then((costs) => {
+            console.log("Costs fetched:", costs);
             this.costs.set(costs);
             this.updateSpendingTrendChart(costs as CostDto[]);
         });

src/app/services/cost.service.ts

@@ -17,6 +17,10 @@ type Costs = CostDto | CostAddDto;
     providedIn: 'root'
 })
 export class CostService extends ServiceAbstract<Costs> {
+    protected override dbService = inject(DbService);
+    protected override dataUpdatedService = inject(DataUpdatedService);
+    private substanceService = inject(SubstanceService);
+
     protected override storeName = 'cost' as const;
 
     /**
@@ -38,11 +42,10 @@ export class CostService extends ServiceAbstract<Costs> {
         ]);
 
         const activeSubstanceIds = activeSubstances.map(substance => substance.id);
-        console.log("activeSubstanceIds", activeSubstanceIds);
-        console.log("allCosts", allCosts);
-        return (allCosts as CostDto[]).filter(cost => 
+        const _return = (allCosts as CostDto[]).filter(cost => 
             activeSubstanceIds.includes(cost.substance)
         );
+        return _return;
     }
 
     /**
@@ -65,7 +68,8 @@ export class CostService extends ServiceAbstract<Costs> {
      * Returns the total spent across all costs.
      */
     getTotalSpent() {
-        return this.table.toArray().then(data => {
+        //return this.table.toArray().then(data => {
+        return this.listActive().then(data => {
             return data.reduce((acc, item) => {    
                 return acc + item.value;
             }, 0);