Merge pull request #181 from lcnetdev/hide-from-action-button

Hide from action button
lcnetdev · Jan 16, 2025 · 5bf5d59 · 5bf5d59
2 parents 307ca16 + 63ad82b
commit 5bf5d59
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/src/components/panels/edit/fields/helpers/ActionButton.vue b/src/components/panels/edit/fields/helpers/ActionButton.vue
@@ -116,6 +116,12 @@
           </button>
         </template>
 
+        <template v-if="showHideElementButton()">
+          <button style="width:100%" :id="`action-button-command-${fieldGuid}-0`" class="" @click="hideElement()">
+            <span class="">🙈</span>Hide Element
+          </button>
+        </template>
+
         <button style="width:100%" :id="`action-button-command-${fieldGuid}-0`" class="" @click="showDebug()">
           <span class="button-shortcut-label">0</span>
           Debug
@@ -229,7 +235,7 @@
 
 
       ...mapWritableState(usePreferenceStore, ['debugModalData','showDebugModal']),
-      ...mapWritableState(useProfileStore, ['showAutoDeweyModal', 'deweyData']),
+      ...mapWritableState(useProfileStore, ['showAutoDeweyModal', 'deweyData', 'emptyComponents']),
 
       scriptShifterOptionsForMenu(){
 
@@ -842,6 +848,18 @@
         this.profileStore.deleteComponent(this.guid)
       },
 
+      showHideElementButton: function(){
+        let component = this.profileStore.returnStructureByComponentGuid(this.guid)
+        let empty = this.profileStore.isEmptyComponent(component)
+
+        return empty
+      },
+      // Hide empty element in ad hoc mode
+      hideElement: function(){
+        let structure = this.profileStore.returnStructureByComponentGuid(this.guid)
+        this.emptyComponents[structure.parentId].push(structure.id)
+      },
+
     },
     watch: {
 

diff --git a/src/components/panels/nav/Nav.vue b/src/components/panels/nav/Nav.vue
@@ -212,7 +212,7 @@
           )
         }
 
-        if(this.$route.path.startsWith('/edit/')){
+        if(this.$route.path.startsWith('/edit/') && this.preferenceStore.returnValue('--c-general-ad-hoc')){
           for (let sub in menu){
             if (menu[sub].text == 'Tools'){
               menu[sub].menu.push(

diff --git a/src/stores/config.js b/src/stores/config.js
@@ -7,7 +7,7 @@ export const useConfigStore = defineStore('config', {
 
     versionMajor: 0,
     versionMinor: 17,
-    versionPatch: 17,
+    versionPatch: 18,
 
     regionUrls: {
 

diff --git a/src/stores/profile.js b/src/stores/profile.js
@@ -4538,13 +4538,15 @@ export const useProfileStore = defineStore('profile', {
 
     //Check if the component's userValue is empty
     isEmptyComponent: function(c){
+      console.info("isEmpty? ", c)
       const component = c
       const emptyArray = new Array("@root")
       const userValue = JSON.parse(JSON.stringify(component["userValue"]))
 
 
       // if there is only a @root
       if (JSON.stringify(Object.keys(component.userValue)) == JSON.stringify(emptyArray)){
+          console.info("only has root")
           return true
       } else {
           // if the children only have "@..." properties