Implement graphs for average energy values
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user