mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 08:07:15 +00:00
Faton Ramadani
4ad364e551
* feat(frontend): add default items to multi select component * feat(frontend): set the output correctly
38 lines
1.1 KiB
Svelte
38 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import { Alert, Button } from '$lib/components/common'
|
|
import { getContext } from 'svelte'
|
|
import type { AppViewerContext } from '../types'
|
|
import { secondaryMenu } from './settingsPanel/secondaryMenu'
|
|
|
|
const { connectingInput } = getContext<AppViewerContext>('AppViewerContext')
|
|
|
|
function stopConnecting() {
|
|
$connectingInput.opened = false
|
|
$connectingInput.input = undefined
|
|
|
|
secondaryMenu.close()
|
|
}
|
|
</script>
|
|
|
|
<div class="m-2">
|
|
<Alert title="Connecting" type="info">
|
|
<div class="flex gap-2 flex-col">
|
|
Click on the output of the component you want to connect to on the left panel.
|
|
<div class="my-2">
|
|
<ol class="list-disc flex gap-2 flex-col">
|
|
<li>
|
|
You can also navigate your app in a viewer mode: You won't be able to fire any events.
|
|
</li>
|
|
<li> Clicking on a component will open the component's output on the left. </li>
|
|
<li> Hovering an other component will highlight its outputs in orange. </li>
|
|
</ol>
|
|
</div>
|
|
<div>
|
|
<Button color="blue" variant="border" size="xs" on:click={stopConnecting}>
|
|
Stop connecting
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</Alert>
|
|
</div>
|