menu status

conedevelopment · Mar 29, 2022 · 9d54311 · 9d54311
1 parent ae157af
commit 9d54311
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 9 deletions.
diff --git a/public/app.js b/public/app.js
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
-    "/app.js": "/app.js?id=fd20d54d831287b8dc7a5af9319b0952",
+    "/app.js": "/app.js?id=7a173f0d91a79b58d2f5fdc82555459c",
     "/app.css": "/app.css?id=f6af34b1ec88e2d33d0784fddc7340a1"
 }
diff --git a/resources/js/Components/Form/AsyncSelect.vue b/resources/js/Components/Form/AsyncSelect.vue
@@ -39,9 +39,6 @@
                 {{ __('No items found for the given keyword.') }}
             </li>
         </ul>
-        <ul>
-
-        </ul>
     </div>
 </template>
 

diff --git a/resources/js/Components/Layout/Nav.vue b/resources/js/Components/Layout/Nav.vue
@@ -10,7 +10,7 @@
                     class="btn btn--secondary btn--icon"
                     @click="toggleSidebar"
                 >
-                    <Icon class="btn__icon btn__icon--start" name="menu"></Icon>
+                    <Icon class="btn__icon btn__icon--start" :name="isOpen ? 'menu-open' : 'menu'"></Icon>
                 </button>
                 <UserMenu direction="bottom"></UserMenu>
             </div>
@@ -28,6 +28,24 @@
             UserMenu,
         },
 
+        mounted() {
+            this.isOpen = this.$parent.$refs.sidebar.isOpen;
+
+            this.$parent.$refs.sidebar.$dispatcher.on('open', () => {
+                this.isOpen = this.$parent.$refs.sidebar.isOpen;
+            });
+
+            this.$parent.$refs.sidebar.$dispatcher.on('close', () => {
+                this.isOpen = this.$parent.$refs.sidebar.isOpen;
+            });
+        },
+
+        data() {
+            return {
+                isOpen: false,
+            };
+        },
+
         methods: {
             toggleSidebar() {
                 this.$parent.$refs.sidebar.toggle();
-Original file line number
+Diff line change
@@ Expand Up / @@ -39,9 +39,6 @@ @@
                     {{ __('No items found for the given keyword.') }}
                 </li>
             </ul>
-            <ul>
-            </ul>
         </div>
     </template>
@@ Expand Down @@