mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-30 16:17:25 +00:00
41 lines
927 B
Svelte
41 lines
927 B
Svelte
<script lang="ts">
|
|
import { Eye, Pen } from 'lucide-svelte'
|
|
import { getContext } from 'svelte'
|
|
import type { AppViewerContext } from '../types'
|
|
|
|
import ToggleButtonGroup from '$lib/components/common/toggleButton-v2/ToggleButtonGroup.svelte'
|
|
import ToggleButton from '$lib/components/common/toggleButton-v2/ToggleButton.svelte'
|
|
|
|
export let loading: boolean = false
|
|
|
|
const { mode, jobs, jobsById } = getContext<AppViewerContext>('AppViewerContext')
|
|
</script>
|
|
|
|
<ToggleButtonGroup
|
|
class="h-[30px]"
|
|
bind:selected={$mode}
|
|
on:selected={(e) => {
|
|
jobsById.set({})
|
|
jobs.set([])
|
|
}}
|
|
>
|
|
<ToggleButton
|
|
label="Editor"
|
|
value="dnd"
|
|
icon={Pen}
|
|
disabled={loading}
|
|
iconProps={{ size: 16 }}
|
|
class="gap-2"
|
|
/>
|
|
<ToggleButton
|
|
label="Preview"
|
|
value="preview"
|
|
icon={Eye}
|
|
tooltip="Preview mode"
|
|
disabled={loading}
|
|
id="app-editor-preview-toggle"
|
|
iconProps={{ size: 16 }}
|
|
class="gap-2"
|
|
/>
|
|
</ToggleButtonGroup>
|