Add approxYearlyUsageKwh to standby power

bassages · Aug 16, 2023 · 05aa6b4 · 05aa6b4
1 parent dc64b8d
commit 05aa6b4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/app/standby-power/standby-power-in-period.ts b/src/app/standby-power/standby-power-in-period.ts
@@ -2,6 +2,7 @@ export class StandbyPowerInPeriod {
   public fromDate: Date;
   public toDate: Date;
   public standbyPower: number;
+  public approxYearlyUsageKwh: number;
 
   public costsOfStandByPower: number;
   public totalCostsOfPower: number;

diff --git a/src/app/standby-power/standby-power.component.html b/src/app/standby-power/standby-power.component.html
@@ -16,6 +16,7 @@
           <th>Maand</th>
           <th class="text-end">Verbruik</th>
           <th class="text-end">Kosten</th>
+          <th class="text-end">Verbruik per jaar</th>
           <th class="text-end">% totale kosten<sup>*</sup></th>
           <th class="text-end">% tijd<sup>**</sup></th>
         </tr>
@@ -24,9 +25,10 @@
         <tr *ngFor="let standbyPowerInPeriod of standbyPowerInPeriods">
           <td class="font-monospace text-capitalize">{{ standbyPowerInPeriod.fromDate | date : 'MMMM'}}</td>
           <td class="font-monospace text-end">{{standbyPowerInPeriod.standbyPower}} Watt</td>
-          <td class="font-monospace text-end text-capitalize">{{standbyPowerInPeriod.costsOfStandByPower | currency: 'EUR'}}</td>
-          <td class="font-monospace text-end text-capitalize">{{standbyPowerInPeriod.percentageOfTotalCost}} %</td>
-          <td class="font-monospace text-end text-capitalize">{{standbyPowerInPeriod.percentageOfTotalPeriod}} %</td>
+          <td class="font-monospace text-end">{{standbyPowerInPeriod.costsOfStandByPower | currency: 'EUR'}}</td>
+          <td class="font-monospace text-end">{{standbyPowerInPeriod.approxYearlyUsageKwh}} kWh</td>
+          <td class="font-monospace text-end">{{standbyPowerInPeriod.percentageOfTotalCost}} %</td>
+          <td class="font-monospace text-end">{{standbyPowerInPeriod.percentageOfTotalPeriod}} %</td>
         </tr>
         </tbody>
       </table>