You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
90 lines
3.4 KiB
90 lines
3.4 KiB
<script lang="ts" context="module">
|
|
import type { Load } from "@sveltejs/kit/types/internal";
|
|
import { sl3 } from "$lib/clients/sl3";
|
|
|
|
function generateItemFilters(now: Date): {scheduledFilter: ItemFilter, acquiredFilter: ItemFilter, looseFilter: ItemFilter} {
|
|
return {
|
|
scheduledFilter: {
|
|
scheduledDate: datesOf(parseInterval("next:7d", now)),
|
|
},
|
|
acquiredFilter: {
|
|
acquiredTime: parseInterval("today", now),
|
|
},
|
|
looseFilter: {
|
|
loose: true,
|
|
unAcquired: true,
|
|
unScheduled: true,
|
|
},
|
|
}
|
|
}
|
|
|
|
export const load: Load = async({ fetch, session }) => {
|
|
const scopes = await sl3(fetch).listScopes();
|
|
|
|
const {acquiredFilter, looseFilter, scheduledFilter} = generateItemFilters(new Date());
|
|
|
|
const scheduledItems = (await sl3(fetch).listItems("ALL", scheduledFilter));
|
|
const acquiredItems = (await sl3(fetch).listItems("ALL", acquiredFilter));
|
|
const looseItems = (await sl3(fetch).listItems("ALL", looseFilter));
|
|
|
|
return {
|
|
props: { scopes, scheduledItems, acquiredItems, looseItems }
|
|
};
|
|
}
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import Column from "$lib/components/layout/Column.svelte";
|
|
import Columns from "$lib/components/layout/Columns.svelte";
|
|
import Header from "$lib/components/layout/Header.svelte";
|
|
import Row from "$lib/components/layout/Row.svelte";
|
|
import type Scope from "$lib/models/scope";
|
|
import ScopeLinkList from "$lib/components/frontpage/ScopeLinkList.svelte";
|
|
import ScopeCreateUpdateModal from "$lib/modals/ScopeCreateUpdateModal.svelte";
|
|
import OptionsRow from "$lib/components/layout/OptionsRow.svelte";
|
|
import Option from "$lib/components/layout/Option.svelte";
|
|
import ScopeListContext from "$lib/components/contexts/ScopeListContext.svelte";
|
|
import parseInterval, { datesOf } from "$lib/utils/timeinterval";
|
|
import ItemMultiListContext from "$lib/components/contexts/ItemMultiListContext.svelte";
|
|
import type Item from "$lib/models/item";
|
|
import DeletionModal from "$lib/modals/DeletionModal.svelte";
|
|
import ItemAcquireModal from "$lib/modals/ItemAcquireModal.svelte";
|
|
import ItemListRow from "$lib/components/scope/ItemListRow.svelte";
|
|
import { getTimeContext } from "$lib/components/contexts/TimeContext.svelte";
|
|
import type { ItemFilter } from "$lib/models/item";
|
|
import ItemCreateModal from "$lib/modals/ItemCreateModal.svelte";
|
|
|
|
export let scopes: Scope[] = [];
|
|
export let acquiredItems: Item[];
|
|
export let scheduledItems: Item[];
|
|
export let looseItems: Item[];
|
|
|
|
const {now} = getTimeContext();
|
|
</script>
|
|
|
|
<Header fullwidth wide subtitle="Logging your stuff">Stufflog</Header>
|
|
|
|
<ItemMultiListContext global lists={{acquiredItems, scheduledItems, looseItems}} filters={generateItemFilters($now)}>
|
|
<ScopeListContext scopes={scopes}>
|
|
<Columns wide>
|
|
<Column>
|
|
<Row title="Scopes">
|
|
<OptionsRow slot="right">
|
|
<Option open={{name: "scope.create"}}>Create</Option>
|
|
</OptionsRow>
|
|
<ScopeLinkList />
|
|
</Row>
|
|
<ItemListRow title="Scheduled" key="scheduleItems" />
|
|
<ItemListRow title="Today" key="acquiredItems" showAcquiredTime />
|
|
<ItemListRow title="Loose" key="looseItems" />
|
|
</Column>
|
|
<Column>
|
|
</Column>
|
|
</Columns>
|
|
|
|
<ItemCreateModal />
|
|
<ItemAcquireModal />
|
|
<DeletionModal />
|
|
<ScopeCreateUpdateModal />
|
|
</ScopeListContext>
|
|
</ItemMultiListContext>
|