selected filter thing
This commit is contained in:
parent
fc58740401
commit
6d4d5c32b0
|
@ -52,10 +52,13 @@
|
|||
panOnDrag={!$auto}
|
||||
edgesUpdatable={!$auto}
|
||||
connectOnClick={true}
|
||||
nodesFocusable={!$auto}
|
||||
edgesFocusable={!$auto}
|
||||
nodesFocusable={false}
|
||||
edgesFocusable={false}
|
||||
elementsSelectable={false}
|
||||
nodesSelectable={!$auto}
|
||||
zoomOnScroll={!$auto}
|
||||
deleteKey={0}
|
||||
multiSelectionKeyCode={null}
|
||||
on:nodeclick={onClick}
|
||||
{nodeTypes}
|
||||
{edgeTypes}
|
||||
|
|
|
@ -1,10 +1,12 @@
|
|||
<script lang="ts">
|
||||
import { Handle, Position } from "@xyflow/svelte";
|
||||
import { removeNode, nodes, INPUTNAMES, OUTPUTNAMES } from "./stores.js";
|
||||
import { removeNode, nodes, INPUTNAMES, OUTPUTNAMES, selectedFilter } from "./stores.js";
|
||||
|
||||
export let data = { ext: "", nodeType: "", name: "", inputs: [], outputs: [] };
|
||||
export let id;
|
||||
|
||||
$: isSelected = $selectedFilter && $nodes[$selectedFilter] && $nodes[$selectedFilter].id === id;
|
||||
|
||||
function remove() {
|
||||
removeNode(id);
|
||||
}
|
||||
|
@ -22,7 +24,7 @@
|
|||
}
|
||||
</script>
|
||||
|
||||
<div class="node {data.nodeType}">
|
||||
<div class="node {data.nodeType} {isSelected ? 'selected' : ''}">
|
||||
<div class="head">
|
||||
<div class="node-type">{data.nodeType}</div>
|
||||
{#if data.nodeType != "output"}
|
||||
|
@ -96,6 +98,10 @@
|
|||
.node {
|
||||
padding: 5px;
|
||||
}
|
||||
.selected {
|
||||
outline: 2px solid var(--b1);
|
||||
background-color: var(--b2);
|
||||
}
|
||||
.head {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
Loading…
Reference in New Issue