26 lines
730 B
Svelte
26 lines
730 B
Svelte
<script>
|
|
import Tab, { Label } from '@smui/tab';
|
|
import TabBar from '@smui/tab-bar';
|
|
import {Meteor} from "meteor/meteor";
|
|
import {onMount} from "svelte";
|
|
import AssetList from "/imports/ui/Assets/AssetList.svelte";
|
|
import AssetDataEntry from "/imports/ui/Assets/AssetDataEntry.svelte";
|
|
|
|
let activeTab = null;
|
|
</script>
|
|
|
|
<div class="container">
|
|
<TabBar tabs={[{id:'list', label:'Asset List'}, {id:'entry', label:'Data Entry'}]} minWidth let:tab bind:active={activeTab}>
|
|
<Tab {tab}>
|
|
<Label>{tab.label}</Label>
|
|
</Tab>
|
|
</TabBar>
|
|
{#if activeTab && activeTab.id === 'list'}
|
|
<AssetList></AssetList>
|
|
{:else if activeTab && activeTab.id === 'entry'}
|
|
<AssetDataEntry></AssetDataEntry>
|
|
{/if}
|
|
</div>
|
|
|
|
<style>
|
|
</style> |