Implement graphs for average energy values

This commit is contained in:
2024-08-09 22:36:34 +02:00
parent fce5b8416e
commit a83dc54713
14 changed files with 98 additions and 95 deletions

View File

@@ -1,8 +1,13 @@
<script lang="ts">
import AggregatedFoodTable from '$components/Energy/AggregatedFood/AggregatedFoodTable.svelte'
import { dailyFoodStore } from '$lib/store/Energy/dailyFoodStore'
import AggregatedFoodTable from "$components/Energy/AggregatedFood/AggregatedFoodTable.svelte";
import { dailyFoodStore } from "$lib/store/Energy/dailyFoodStore";
import { settingsStore } from "$lib/store/settingsStore";
</script>
<template>
<AggregatedFoodTable items="{$dailyFoodStore}" />
<AggregatedFoodTable
items={$dailyFoodStore}
energyTarget={$settingsStore.target}
energyLimit={$settingsStore.limit}
/>
</template>

View File

@@ -1,8 +1,13 @@
<script lang="ts">
import AggregatedFoodTable from '$components/Energy/AggregatedFood/AggregatedFoodTable.svelte'
import { monthlyFoodStore } from '$lib/store/Energy/monthlyFoodStore'
import AggregatedFoodTable from "$components/Energy/AggregatedFood/AggregatedFoodTable.svelte";
import { monthlyFoodStore } from "$lib/store/Energy/monthlyFoodStore";
import { settingsStore } from "$lib/store/settingsStore";
</script>
<template>
<AggregatedFoodTable items="{$monthlyFoodStore}" />
<AggregatedFoodTable
items={$monthlyFoodStore}
energyTarget={$settingsStore.target * 30}
energyLimit={$settingsStore.limit * 30}
/>
</template>

View File

@@ -1,8 +1,13 @@
<script lang="ts">
import AggregatedFoodTable from '$components/Energy/AggregatedFood/AggregatedFoodTable.svelte'
import { weeklyFoodStore } from '$lib/store/Energy/weeklyFoodStore'
import AggregatedFoodTable from "$components/Energy/AggregatedFood/AggregatedFoodTable.svelte";
import { weeklyFoodStore } from "$lib/store/Energy/weeklyFoodStore";
import { settingsStore } from "$lib/store/settingsStore";
</script>
<template>
<AggregatedFoodTable items="{$weeklyFoodStore}" />
<AggregatedFoodTable
items={$weeklyFoodStore}
energyTarget={$settingsStore.target * 7}
energyLimit={$settingsStore.limit * 7}
/>
</template>

View File

@@ -1,8 +1,13 @@
<script lang="ts">
import AggregatedFoodTable from '$components/Energy/AggregatedFood/AggregatedFoodTable.svelte'
import { yearlyFoodStore } from '$lib/store/Energy/yearlyFoodStore'
import AggregatedFoodTable from "$components/Energy/AggregatedFood/AggregatedFoodTable.svelte";
import { yearlyFoodStore } from "$lib/store/Energy/yearlyFoodStore";
import { settingsStore } from "$lib/store/settingsStore";
</script>
<template>
<AggregatedFoodTable items="{$yearlyFoodStore}" />
<AggregatedFoodTable
items={$yearlyFoodStore}
energyTarget={$settingsStore.target * 365}
energyLimit={$settingsStore.limit * 365}
/>
</template>