diff --git a/package.json b/package.json index 44e25a8..54dee5a 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,7 @@ "private": true, "type": "module", "scripts": { - "dev": "vite", + "dev": "vite --mode local_web", "build:local_web": "vite build --mode local_web", "build:global_web": "vite build --mode global_web", "build": "run-p type-check \"build-only {@}\" --", diff --git a/src/components/EditorWindow.vue b/src/components/EditorWindow.vue index b4a7f4f..22e5519 100644 --- a/src/components/EditorWindow.vue +++ b/src/components/EditorWindow.vue @@ -17,7 +17,11 @@ const emptyNode: GraphNode = { code: "", name: "", text: "", + image: "", applications: [], + hidden: false, + doors: [], + id: "", label: "", links: [], @@ -28,7 +32,11 @@ const selectedNode = ref({ code: "", name: "", text: "", + image: "", applications: [], + hidden: false, + doors: [], + id: "", label: "", links: [], @@ -38,7 +46,11 @@ const focusedNode = ref({ code: "", name: "", text: "", + image: "", applications: [], + hidden: false, + doors: [], + id: "", label: "", links: [], @@ -226,11 +238,17 @@ function showGraph(show: boolean) {
{{ action.code }}: {{ action.name }}
+
+ {{ action.image }} +

{{ action.text }}

+ @@ -428,7 +446,8 @@ function showGraph(show: boolean) { max-height: calc(100vh - 70px); } -.scroll-y::-webkit-scrollbar, .scroll-y-right::-webkit-scrollbar { +.scroll-y::-webkit-scrollbar, +.scroll-y-right::-webkit-scrollbar { display: none; } diff --git a/src/components/models.ts b/src/components/models.ts index 1230320..d2f25e8 100644 --- a/src/components/models.ts +++ b/src/components/models.ts @@ -31,7 +31,10 @@ export type GraphNode = { code: string name: string text: string + image: string applications: Array + hidden: boolean + doors: Array // fields for graph id: string @@ -50,3 +53,9 @@ export type GraphEdge = { export type GraphApplication = { name: string } + +export type GraphDoor = { + code: string + name: string + show: boolean +}