Fix Vue menu issues (#81)

* Fix Vue menu selection highlighting
* Fix menu behaviour on changing width
* Fix menu tree collapsing

Author: tar-g

templates/vue/application/src/components/side-nav-menu.vue

@@ -14,6 +14,7 @@
         @initialized="handleMenuInitialized"
         @item-click="handleItemClick"
         @selection-changed="handleSelectionChange"
+        @content-ready="handleSelectionChange"
       />
     </div>
   </div>
@@ -82,12 +83,19 @@ export default {
     },
 
     updateSelection() {
+      if (!this.treeView) {
+        return;
+      }
+
       this.treeView.selectItem(this.$route.path);
     }
   },
   mounted() {
     this.treeView = this.$refs[treeViewRef] && this.$refs[treeViewRef].instance;
     this.updateSelection();
+    if (this.compactMode) {
+      this.treeView.collapseAll();
+    }
   },
   watch: {
     $route() {

templates/vue/application/src/layouts/side-nav-inner-toolbar.vue

@@ -110,7 +110,9 @@ export default {
   },
   watch: {
     isLarge() {
-      this.menuOpened = this.isLarge;
+      if (!this.menuTemporaryOpened) {
+        this.menuOpened = this.isLarge;
+      }
     },
     $route() {
       if (this.menuTemporaryOpened || !this.isLarge) {

templates/vue/application/src/layouts/side-nav-outer-toolbar.vue

@@ -89,7 +89,9 @@ export default {
   },
   watch: {
     isLarge() {
-      this.menuOpened = this.isLarge;
+      if (!this.menuTemporaryOpened) {
+        this.menuOpened = this.isLarge;
+      }
     },
     $route() {
       if (this.menuTemporaryOpened || !this.isLarge) {