feat(editor): add glossary tooltips to the palette

This commit is contained in:
Julien Calixte
2026-06-20 10:08:30 +02:00
parent e1efa3c823
commit cd276d9d2a

View File

@@ -6,6 +6,7 @@
* dataTransfer on drag). Flows aren't placed here — they're drawn by connecting * dataTransfer on drag). Flows aren't placed here — they're drawn by connecting
* two nodes (F2, next). * two nodes (F2, next).
*/ */
import { NODE_GLOSSARY } from "@/model/glossary"
import { NODE_DND_MIME, type PlaceableKind } from "./palette-dnd" import { NODE_DND_MIME, type PlaceableKind } from "./palette-dnd"
const emit = defineEmits<{ add: [kind: PlaceableKind] }>() const emit = defineEmits<{ add: [kind: PlaceableKind] }>()
@@ -27,8 +28,10 @@ function onDragStart(event: DragEvent, kind: PlaceableKind): void {
Add Add
</span> </span>
<button <button
class="btn btn-ghost btn-sm cursor-grab justify-start gap-2 active:cursor-grabbing" class="btn btn-ghost btn-sm tooltip tooltip-right cursor-grab justify-start gap-2 active:cursor-grabbing"
draggable="true" draggable="true"
:data-tip="NODE_GLOSSARY.stock.short"
:aria-label="`Stock ${NODE_GLOSSARY.stock.short}`"
@click="emit('add', 'stock')" @click="emit('add', 'stock')"
@dragstart="onDragStart($event, 'stock')" @dragstart="onDragStart($event, 'stock')"
> >
@@ -36,8 +39,10 @@ function onDragStart(event: DragEvent, kind: PlaceableKind): void {
Stock Stock
</button> </button>
<button <button
class="btn btn-ghost btn-sm cursor-grab justify-start gap-2 active:cursor-grabbing" class="btn btn-ghost btn-sm tooltip tooltip-right cursor-grab justify-start gap-2 active:cursor-grabbing"
draggable="true" draggable="true"
:data-tip="NODE_GLOSSARY.converter.short"
:aria-label="`Converter ${NODE_GLOSSARY.converter.short}`"
@click="emit('add', 'converter')" @click="emit('add', 'converter')"
@dragstart="onDragStart($event, 'converter')" @dragstart="onDragStart($event, 'converter')"
> >