[#56175] frontend: src: PaletteCategory.vue: Display on successful sp…

…ec loading Removes specification loaded status from nodes browser display condition. Signed-off-by: Illia Vysochyn <[email protected]>
antmicro · Mar 8, 2024 · c2aac85 · c2aac85
1 parent 361e9a5
commit c2aac85
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/pipeline_manager/frontend/src/custom/Editor.vue b/pipeline_manager/frontend/src/custom/Editor.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright (c) 2022-2023 Antmicro <www.antmicro.com>
+Copyright (c) 2022-2024 Antmicro <www.antmicro.com>
 
 SPDX-License-Identifier: Apache-2.0
 -->
@@ -39,7 +39,7 @@ Hovered connections are calculated and rendered with an appropriate `isHighlight
 
         <slot
             name="palette"
-            v-if="specificationLoaded && !(readonly || hideHud)"
+            v-if="!(readonly || hideHud)"
         >
             <NodePalette />
         </slot>
@@ -130,7 +130,6 @@ export default defineComponent({
         const panZoom = usePanZoom();
         const temporaryConnection = useTemporaryConnection();
         const editorManager = EditorManager.getEditorManagerInstance();
-        const specificationLoaded = computed(() => editorManager.specificationLoaded);
 
         const highlightConnections = ref([]);
         const highlightInterfaces = ref([]);
@@ -812,7 +811,6 @@ export default defineComponent({
             visibleConnections,
             visibleNodes,
             highlightInterfaces,
-            specificationLoaded,
         };
     },
 });

diff --git a/pipeline_manager/frontend/src/custom/nodepalette/PaletteCategory.vue b/pipeline_manager/frontend/src/custom/nodepalette/PaletteCategory.vue
@@ -1,5 +1,5 @@
 <!--
-Copyright (c) 2022-2023 Antmicro <www.antmicro.com>
+Copyright (c) 2022-2024 Antmicro <www.antmicro.com>
 
 SPDX-License-Identifier: Apache-2.0
 -->
@@ -9,7 +9,7 @@ Component representing single node's type category/subcategory.
 It groups the nodes of the same subcategory in the block that can be collapsed.
 -->
 
-<template>
+<template v-if="specificationLoaded">
     <!-- eslint-disable vue/no-multiple-template-root -->
     <div
         v-for="([name, category], i) in sortedEntries(nodeTree, true)"
@@ -166,11 +166,12 @@ It groups the nodes of the same subcategory in the block that can be collapsed.
 </template>
 
 <script>
-import { defineComponent, ref, watch, inject } from 'vue'; // eslint-disable-line object-curly-newline
+import { defineComponent, computed, ref, watch, inject } from 'vue'; // eslint-disable-line object-curly-newline
 import { useViewModel } from '@baklavajs/renderer-vue';
 import Arrow from '../../icons/Arrow.vue';
 import VerticalEllipsis from '../../icons/VerticalEllipsis.vue';
 import LinkMenu from '../LinkMenu.vue';
+import EditorManager from '../../core/EditorManager';
 
 export default defineComponent({
     components: {
@@ -298,6 +299,9 @@ export default defineComponent({
             if (showMenu.value) showMenu.value = false;
         };
 
+        const editorManager = EditorManager.getEditorManagerInstance();
+        const specificationLoaded = computed(() => editorManager.specificationLoaded.value);
+
         return {
             padding,
             mask,
@@ -313,6 +317,7 @@ export default defineComponent({
             showMenu,
             showMenuClick,
             closeMenu,
+            specificationLoaded,
         };
     },
 });