48 lines
1.0 KiB
Svelte
48 lines
1.0 KiB
Svelte
<script>
|
|
import {
|
|
ActionMenu,
|
|
Checkbox,
|
|
MenuItem,
|
|
Heading,
|
|
ProgressCircle,
|
|
} from "@budibase/bbui"
|
|
import { admin } from "stores/portal"
|
|
|
|
const MESSAGES = {
|
|
apps: "Create your first app",
|
|
smtp: "Set up email",
|
|
adminUser: "Create your first user",
|
|
}
|
|
</script>
|
|
|
|
<ActionMenu>
|
|
<div slot="control" class="icon">
|
|
<ProgressCircle size="S" value={$admin.onboardingProgress} />
|
|
</div>
|
|
<MenuItem disabled>
|
|
<header class="item">
|
|
<Heading size="XXS">Get Started Checklist</Heading>
|
|
<ProgressCircle size="S" value={$admin.onboardingProgress} />
|
|
</header>
|
|
</MenuItem>
|
|
{#each Object.keys($admin.checklist) as checklistItem, idx}
|
|
<MenuItem>
|
|
<div class="item">
|
|
<span>{idx + 1}. {MESSAGES[checklistItem]}</span>
|
|
<Checkbox value={!!$admin.checklist[checklistItem]} />
|
|
</div>
|
|
</MenuItem>
|
|
{/each}
|
|
</ActionMenu>
|
|
|
|
<style>
|
|
.item {
|
|
display: grid;
|
|
align-items: center;
|
|
grid-template-columns: 200px 20px;
|
|
}
|
|
.icon {
|
|
cursor: pointer;
|
|
}
|
|
</style>
|