Bildupload - UI - Globaler Ausweis

This commit is contained in:
Moritz Utcke
2023-05-08 16:35:36 +04:00
parent 7e13a6da50
commit 2c2c69f2d3
21 changed files with 452 additions and 343 deletions

View File

@@ -1,6 +1,7 @@
<script lang="ts">
export let verbrauch: number;
export let primär: number;
import { Verbrauchsausweis } from "src/lib/Ausweis/Verbrauchsausweis";
export let ausweis: Verbrauchsausweis;
let maxPerformance = 250;
@@ -32,8 +33,18 @@
return centeredValue;
}
$: translation_1 = Math.min(100, verbrauch / maxPerformance * 100);
$: translation_2 = Math.min(100, primär / maxPerformance * 100);
let translation_1 = 0;
let translation_2 = 0;
$: {
(async () => {
const endEnergieVerbrauch = (await ausweis.end_energie_verbrauch);
const primaerEnergieVerbrauch = (await ausweis.primaer_energie_verbrauch);
translation_1 = Math.min(100, endEnergieVerbrauch / maxPerformance * 100)
translation_2 = Math.min(100, primaerEnergieVerbrauch / maxPerformance * 100)
})()
}
</script>
<div class="w-full rounded-lg border border-[#ffcc03] relative p-2">