Merge pull request #285 from puzzledmonkey/master

Auto-hide tabs when there are no visible fields inside
eminiarts · Sep 9, 2024 · f8fea2a · f8fea2a
2 parents 08fa871 + c16bd33
commit f8fea2a
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 3 deletions.
diff --git a/dist/css/field.css b/dist/css/field.css
diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/js/field.js": "/js/field.js",
     "/css/field.css": "/css/field.css"
-}
+}
diff --git a/resources/js/components/FormTabs.vue b/resources/js/components/FormTabs.vue
@@ -25,6 +25,7 @@
             >
               <a
                 v-for="(tab, key) in getSortedTabs(tabs)"
+                v-show="hasVisibleFields(tab)"
                 :key="key"
                 :class="getIsTabCurrent(tab) ? 'active tabs-text-' + getCurrentColor() + '-500 tabs-font-bold tabs-border-b-2 tabs-border-b-' + getCurrentColor() + '-500' : 'tabs-text-gray-600 hover:tabs-text-gray-800 dark:tabs-text-gray-400 hover:dark:tabs-text-gray-200'"
                 :dusk="tab.slug + '-tab'"
@@ -73,6 +74,8 @@
                   :via-relationship="viaRelationship"
                   :via-resource="viaResource"
                   :via-resource-id="viaResourceId"
+                  @field-shown="fieldShown"
+                  @field-hidden="fieldHidden"
                   @field-changed="$emit('field-changed')"
                   @file-deleted="$emit('update-last-retrieved-at-timestamp')"
                   @file-upload-started="$emit('file-upload-started')"