mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-10-22 08:03:38 +00:00
GuilhemandRuben Fiszel
cfeb294308
* Add note component
* save note size and position
* move add note button up
* nit
* Add markdown support
* wip
* fix add sticky note button
* fix text update
* Add sticky note to saved flow data
* add note color picker
* Introduce node multiselect
* Add group notes
* Adapt layout to group node
* create a note manager class
* clean reactivity
* clean
* improve adaptive layout to group note
* modify layout based on cached text height
* fined grained graph rendering for notes
* separate noteManager into editor and render
* separate noteManager into editor and render
* create a note change observer
* render note node from context
* simplify note state managment
* show note in flow viewer
* clean dirty changes
* clean selection manager
* fix layout check
* improve bg surface select
* Handle z-index for stacked group notes
* clean selection manager
* exclude notes from rect select
* Allow switch between selection modes with keyboard keys
* improve selection box styling
* prevent dragging note when editing
* nit
* Simplify selection using svelte flow built in feature
* handle note selection separately
* Add min size for notes
* improve selection toggle
* improve mode switch
* make size and position optional for group notes
* Improve initial viewport position
* Add context menu for the canevas
* nit
* Add node context menu
* improve note select
* use clickoutside for note deselect
* use pointerdown outside to close context menu
* nit
* fix selection issues
* make edges non selectable
* improve color palette
* fix backend
* fix backend check
* cargo lock restore
* Add toggle to display notes
* fix note selection
* nit
* account for css offset in for loop
* fix multiple selection pannel styling
* clear flow selection when creating note
* Improve placeholder and note default text
* Escape note edit mode when pressing Esc
* Allow note edition in local dev
* clean
* Handle subflow selection
* prevent group note resizing
* nit
* allow notes in flow expand
* Improve multi select panel
* Allow context menu in note mode
* Add event listenner to fix pane click deselect
* prevent zoom in text area in notes
* improve bounding box styling
* Use control for box selection for non mac users
* nit
* clean notes groups
* nit
* use portal for note actions
* handle assets node when computing note layout
* Simplify layout compute for notes
* use smart color choice for notes
* Switch display note when adding a new note
* clean code
* improve group note bound size calculation
* simplify AI tool nodes and asset handling
* nit
* nit
* improve flow centering
* create group note button
* Improve selection of nodes
* Revert "Improve selection of nodes"
This reverts commit d2c40d82b1.
* refert backend changes
* nit
* improve graph selection
* clean
* make backend work except job runs
* fix notSelectable
---------
Co-authored-by: Ruben Fiszel <ruben@windmill.dev>
45 lines
1.3 KiB
Svelte
45 lines
1.3 KiB
Svelte
<script lang="ts">
|
|
import FlowCard from '../common/FlowCard.svelte'
|
|
import type { SelectionManager } from '$lib/components/graph/selectionUtils.svelte'
|
|
import { Button } from '$lib/components/common'
|
|
import { getNoteEditorContext } from '$lib/components/graph/noteEditor.svelte'
|
|
import { StickyNote } from 'lucide-svelte'
|
|
|
|
interface Props {
|
|
selectionManager: SelectionManager
|
|
noEditor: boolean
|
|
}
|
|
let { selectionManager, noEditor }: Props = $props()
|
|
|
|
const noteEditorContext = getNoteEditorContext()
|
|
|
|
function addGroupNote() {
|
|
if (selectionManager.selectedIds.length > 0 && noteEditorContext?.noteEditor) {
|
|
// Create the group note
|
|
noteEditorContext.noteEditor.createGroupNote(selectionManager.selectedIds)
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<FlowCard {noEditor} title="Multiple Selection">
|
|
{#snippet action()}
|
|
<Button
|
|
onClick={addGroupNote}
|
|
disabled={!noteEditorContext?.noteEditor || selectionManager.selectedIds.length === 0}
|
|
startIcon={{ icon: StickyNote }}
|
|
>
|
|
Create group note
|
|
</Button>
|
|
{/snippet}
|
|
<div class="px-4">
|
|
<p class="text-xs text-secondary mb-4">{selectionManager.selectedIds.length} nodes selected</p>
|
|
<div class="space-y-2 mb-4">
|
|
{#each selectionManager.selectedIds as nodeId}
|
|
<div class="text-sm px-2 py-1 bg-surface rounded border">
|
|
{nodeId}
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
</div>
|
|
</FlowCard>
|