@burh/nuxt-core 1.0.404 → 1.0.406

package/components/argon-core/SidebarPlugin/SideBar.vue

@@ -1,119 +1,119 @@
-<template>
-  <div class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-white"
-       @mouseenter="$sidebar.onMouseEnter()"
-       @mouseleave="$sidebar.onMouseLeave()"
-       :data="backgroundColor">
-    <div class="scrollbar-inner" ref="sidebarScrollArea">
-      <div class="sidenav-header d-flex align-items-center">
-        <a class="navbar-brand" href="#">
-          <img :src="logo" class="navbar-brand-img" alt="Sidebar logo">
-        </a>
-        <div class="ml-auto">
-          <!-- Sidenav toggler -->
-          <div class="sidenav-toggler d-none d-xl-block"
-               :class="{'active': !$sidebar.isMinimized }"
-               @click="minimizeSidebar">
-            <div class="sidenav-toggler-inner">
-              <i class="sidenav-toggler-line"></i>
-              <i class="sidenav-toggler-line"></i>
-              <i class="sidenav-toggler-line"></i>
-            </div>
-          </div>
-        </div>
-      </div>
-      <slot></slot>
-      <div class="navbar-inner">
-        <ul class="navbar-nav">
-          <slot name="links">
-            <sidebar-item
-              v-for="(link, index) in sidebarLinks"
-              :key="link.name + index"
-              :link="link"
-            >
-              <sidebar-item
-                v-for="(subLink, index) in link.children"
-                :key="subLink.name + index"
-                :link="subLink"
-              >
-              </sidebar-item>
-            </sidebar-item>
-          </slot>
-        </ul>
-        <slot name="links-after"></slot>
-      </div>
-    </div>
-  </div>
-</template>
-<script>
-export default {
-  name: 'sidebar',
-  props: {
-    title: {
-      type: String,
-      default: 'Creative Tim',
-      description: 'Sidebar title'
-    },
-    shortTitle: {
-      type: String,
-      default: 'CT',
-      description: 'Sidebar short title'
-    },
-    logo: {
-      type: String,
-      default: '/img/brand/burh-imagotipo.svg',
-      description: 'Sidebar app logo'
-    },
-    backgroundColor: {
-      type: String,
-      default: 'vue',
-      validator: value => {
-        let acceptedValues = [
-          '',
-          'vue',
-          'blue',
-          'green',
-          'orange',
-          'red',
-          'primary'
-        ];
-        return acceptedValues.indexOf(value) !== -1;
-      },
-      description:
-        'Sidebar background color (vue|blue|green|orange|red|primary)'
-    },
-    sidebarLinks: {
-      type: Array,
-      default: () => [],
-      description:
-        "List of sidebar links as an array if you don't want to use components for these."
-    },
-    autoClose: {
-      type: Boolean,
-      default: true,
-      description:
-        'Whether sidebar should autoclose on mobile when clicking an item'
-    }
-  },
-  provide() {
-    return {
-      autoClose: this.autoClose
-    };
-  },
-  methods: {
-    minimizeSidebar() {
-      if (this.$sidebar) {
-        this.$sidebar.toggleMinimize();
-      }
-    }
-  },
-  mounted() {
-    this.$sidebar.isMinimized = this.$sidebar.breakpoint < window.innerWidth
-    this.minimizeSidebar()
-  },
-  beforeDestroy() {
-    if (this.$sidebar.showSidebar) {
-      this.$sidebar.showSidebar = false;
-    }
-  }
-};
-</script>
+<template>
+  <div class="sidenav navbar navbar-vertical fixed-left navbar-expand-xs navbar-light bg-white"
+       @mouseenter="$sidebar.onMouseEnter()"
+       @mouseleave="$sidebar.onMouseLeave()"
+       :data="backgroundColor">
+    <div class="scrollbar-inner" ref="sidebarScrollArea">
+      <div class="sidenav-header d-flex align-items-center">
+        <a class="navbar-brand" href="#">
+          <img :src="logo" class="navbar-brand-img" alt="Sidebar logo">
+        </a>
+        <div class="ml-auto">
+          <!-- Sidenav toggler -->
+          <div class="sidenav-toggler d-none d-xl-block"
+               :class="{'active': !$sidebar.isMinimized }"
+               @click="minimizeSidebar">
+            <div class="sidenav-toggler-inner">
+              <i class="sidenav-toggler-line"></i>
+              <i class="sidenav-toggler-line"></i>
+              <i class="sidenav-toggler-line"></i>
+            </div>
+          </div>
+        </div>
+      </div>
+      <slot></slot>
+      <div class="navbar-inner">
+        <ul class="navbar-nav">
+          <slot name="links">
+            <sidebar-item
+              v-for="(link, index) in sidebarLinks"
+              :key="link.name + index"
+              :link="link"
+            >
+              <sidebar-item
+                v-for="(subLink, index) in link.children"
+                :key="subLink.name + index"
+                :link="subLink"
+              >
+              </sidebar-item>
+            </sidebar-item>
+          </slot>
+        </ul>
+        <slot name="links-after"></slot>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'sidebar',
+  props: {
+    title: {
+      type: String,
+      default: 'Creative Tim',
+      description: 'Sidebar title'
+    },
+    shortTitle: {
+      type: String,
+      default: 'CT',
+      description: 'Sidebar short title'
+    },
+    logo: {
+      type: String,
+      default: '/img/brand/burh-imagotipo.svg',
+      description: 'Sidebar app logo'
+    },
+    backgroundColor: {
+      type: String,
+      default: 'vue',
+      validator: value => {
+        let acceptedValues = [
+          '',
+          'vue',
+          'blue',
+          'green',
+          'orange',
+          'red',
+          'primary'
+        ];
+        return acceptedValues.indexOf(value) !== -1;
+      },
+      description:
+        'Sidebar background color (vue|blue|green|orange|red|primary)'
+    },
+    sidebarLinks: {
+      type: Array,
+      default: () => [],
+      description:
+        "List of sidebar links as an array if you don't want to use components for these."
+    },
+    autoClose: {
+      type: Boolean,
+      default: true,
+      description:
+        'Whether sidebar should autoclose on mobile when clicking an item'
+    }
+  },
+  provide() {
+    return {
+      autoClose: this.autoClose
+    };
+  },
+  methods: {
+    minimizeSidebar() {
+      if (this.$sidebar) {
+        this.$sidebar.toggleMinimize();
+      }
+    }
+  },
+  mounted() {
+    this.$sidebar.isMinimized = this.$sidebar.breakpoint < window.innerWidth
+    this.minimizeSidebar()
+  },
+  beforeDestroy() {
+    if (this.$sidebar.showSidebar) {
+      this.$sidebar.showSidebar = false;
+    }
+  }
+};
+</script>

package/components/argon-core/SidebarPlugin/SidebarItem.vue

@@ -1,184 +1,184 @@
-<template>
-  <component
-    :is="baseComponent"
-    :to="link.path ? link.path : '/'"
-    class="nav-item"
-    :class="{ active: isActive }"
-    tag="li"
-  >
-    <a
-      v-if="isMenu"
-      class="sidebar-menu-item nav-link"
-      :class="{ active: isActive }"
-      :aria-expanded="!collapsed"
-      data-toggle="collapse"
-      @click.prevent="collapseMenu"
-    >
-      <template v-if="addLink">
-        <span class="nav-link-text">
-          {{ link.name }} <b class="caret"></b>
-        </span>
-      </template>
-      <template v-else>
-        <i :class="link.icon"></i>
-        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
-      </template>
-    </a>
-
-    <collapse-transition>
-      <div v-show="!collapsed" class="collapse show">
-        <ul class="nav nav-sm flex-column">
-          <slot></slot>
-        </ul>
-      </div>
-    </collapse-transition>
-
-    <slot
-      name="title"
-      v-if="children.length === 0 && !$slots.default && link.path"
-    >
-      <component
-        :to="link.path"
-        @click.native="linkClick"
-        :is="elementType(link, false)"
-        class="nav-link"
-        :class="{ active: link.active }"
-        :target="link.target"
-        :href="link.path"
-      >
-        <template v-if="addLink">
-          <span class="nav-link-text">{{ link.name }}</span>
-        </template>
-        <template v-else>
-          <i :class="link.icon"></i>
-          <span class="nav-link-text">{{ link.name }}</span>
-        </template>
-      </component>
-    </slot>
-  </component>
-</template>
-<script>
-import { CollapseTransition } from 'vue2-transitions';
-
-export default {
-  name: 'sidebar-item',
-  components: {
-    CollapseTransition
-  },
-  props: {
-    menu: {
-      type: Boolean,
-      default: false,
-      description:
-        "Whether the item is a menu. Most of the item it's not used and should be used only if you want to override the default behavior."
-    },
-    link: {
-      type: Object,
-      default: () => {
-        return {
-          name: '',
-          path: '',
-          children: []
-        };
-      },
-      description:
-        'Sidebar link. Can contain name, path, icon and other attributes. See examples for more info'
-    }
-  },
-  provide() {
-    return {
-      addLink: this.addChild,
-      removeLink: this.removeChild
-    };
-  },
-  inject: {
-    addLink: { default: null },
-    removeLink: { default: null },
-    autoClose: {
-      default: true
-    }
-  },
-  data() {
-    return {
-      children: [],
-      collapsed: true
-    };
-  },
-  computed: {
-    baseComponent() {
-      return this.isMenu || this.link.isRoute ? 'li' : 'router-link';
-    },
-    isMenu() {
-      if (!this.$slots.default) {
-        return false
-      }
-      return this.$slots.default.some(item => item.tag.endsWith('sidebar-item'))
-    },
-    isActive() {
-      if (this.$route && this.$route.path) {
-        let matchingRoute = this.children.find(c =>
-          this.$route.path.startsWith(c.link.path)
-        );
-        if (matchingRoute !== undefined) {
-          return true;
-        }
-      }
-      return false;
-    }
-  },
-  methods: {
-    addChild(item) {
-      const index = this.$slots.default.indexOf(item.$vnode);
-      this.children.splice(index, 0, item);
-    },
-    removeChild(item) {
-      const tabs = this.children;
-      const index = tabs.indexOf(item);
-      tabs.splice(index, 1);
-    },
-    elementType(link, isParent = true) {
-      if (link.isRoute === false) {
-        return isParent ? 'li' : 'a';
-      } else {
-        return 'router-link';
-      }
-    },
-    linkClick() {
-      if (
-        this.autoClose &&
-        this.$sidebar &&
-        this.$sidebar.showSidebar === true
-      ) {
-        this.$sidebar.displaySidebar(false);
-      }
-    },
-    collapseMenu() {
-      this.collapsed = !this.collapsed;
-    }
-  },
-  mounted() {
-    if (this.addLink) {
-      this.addLink(this);
-    }
-    if (this.link.collapsed !== undefined) {
-      this.collapsed = this.link.collapsed;
-    }
-    if (this.isActive && this.isMenu) {
-      this.collapsed = false;
-    }
-  },
-  destroyed() {
-    if (this.$el && this.$el.parentNode) {
-      this.$el.parentNode.removeChild(this.$el);
-    }
-    if (this.removeLink) {
-      this.removeLink(this);
-    }
-  }
-};
-</script>
-<style>
-.sidebar-menu-item {
-  cursor: pointer;
-}
-</style>
+<template>
+  <component
+    :is="baseComponent"
+    :to="link.path ? link.path : '/'"
+    class="nav-item"
+    :class="{ active: isActive }"
+    tag="li"
+  >
+    <a
+      v-if="isMenu"
+      class="sidebar-menu-item nav-link"
+      :class="{ active: isActive }"
+      :aria-expanded="!collapsed"
+      data-toggle="collapse"
+      @click.prevent="collapseMenu"
+    >
+      <template v-if="addLink">
+        <span class="nav-link-text">
+          {{ link.name }} <b class="caret"></b>
+        </span>
+      </template>
+      <template v-else>
+        <i :class="link.icon"></i>
+        <span class="nav-link-text">{{ link.name }} <b class="caret"></b></span>
+      </template>
+    </a>
+
+    <collapse-transition>
+      <div v-show="!collapsed" class="collapse show">
+        <ul class="nav nav-sm flex-column">
+          <slot></slot>
+        </ul>
+      </div>
+    </collapse-transition>
+
+    <slot
+      name="title"
+      v-if="children.length === 0 && !$slots.default && link.path"
+    >
+      <component
+        :to="link.path"
+        @click.native="linkClick"
+        :is="elementType(link, false)"
+        class="nav-link"
+        :class="{ active: link.active }"
+        :target="link.target"
+        :href="link.path"
+      >
+        <template v-if="addLink">
+          <span class="nav-link-text">{{ link.name }}</span>
+        </template>
+        <template v-else>
+          <i :class="link.icon"></i>
+          <span class="nav-link-text">{{ link.name }}</span>
+        </template>
+      </component>
+    </slot>
+  </component>
+</template>
+<script>
+import { CollapseTransition } from 'vue2-transitions';
+
+export default {
+  name: 'sidebar-item',
+  components: {
+    CollapseTransition
+  },
+  props: {
+    menu: {
+      type: Boolean,
+      default: false,
+      description:
+        "Whether the item is a menu. Most of the item it's not used and should be used only if you want to override the default behavior."
+    },
+    link: {
+      type: Object,
+      default: () => {
+        return {
+          name: '',
+          path: '',
+          children: []
+        };
+      },
+      description:
+        'Sidebar link. Can contain name, path, icon and other attributes. See examples for more info'
+    }
+  },
+  provide() {
+    return {
+      addLink: this.addChild,
+      removeLink: this.removeChild
+    };
+  },
+  inject: {
+    addLink: { default: null },
+    removeLink: { default: null },
+    autoClose: {
+      default: true
+    }
+  },
+  data() {
+    return {
+      children: [],
+      collapsed: true
+    };
+  },
+  computed: {
+    baseComponent() {
+      return this.isMenu || this.link.isRoute ? 'li' : 'router-link';
+    },
+    isMenu() {
+      if (!this.$slots.default) {
+        return false
+      }
+      return this.$slots.default.some(item => item.tag.endsWith('sidebar-item'))
+    },
+    isActive() {
+      if (this.$route && this.$route.path) {
+        let matchingRoute = this.children.find(c =>
+          this.$route.path.startsWith(c.link.path)
+        );
+        if (matchingRoute !== undefined) {
+          return true;
+        }
+      }
+      return false;
+    }
+  },
+  methods: {
+    addChild(item) {
+      const index = this.$slots.default.indexOf(item.$vnode);
+      this.children.splice(index, 0, item);
+    },
+    removeChild(item) {
+      const tabs = this.children;
+      const index = tabs.indexOf(item);
+      tabs.splice(index, 1);
+    },
+    elementType(link, isParent = true) {
+      if (link.isRoute === false) {
+        return isParent ? 'li' : 'a';
+      } else {
+        return 'router-link';
+      }
+    },
+    linkClick() {
+      if (
+        this.autoClose &&
+        this.$sidebar &&
+        this.$sidebar.showSidebar === true
+      ) {
+        this.$sidebar.displaySidebar(false);
+      }
+    },
+    collapseMenu() {
+      this.collapsed = !this.collapsed;
+    }
+  },
+  mounted() {
+    if (this.addLink) {
+      this.addLink(this);
+    }
+    if (this.link.collapsed !== undefined) {
+      this.collapsed = this.link.collapsed;
+    }
+    if (this.isActive && this.isMenu) {
+      this.collapsed = false;
+    }
+  },
+  destroyed() {
+    if (this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
+    if (this.removeLink) {
+      this.removeLink(this);
+    }
+  }
+};
+</script>
+<style>
+.sidebar-menu-item {
+  cursor: pointer;
+}
+</style>