Hello World!

2017-08-16 12:12:02 +02:00
commit 15df4b91de
886 changed files with 62446 additions and 0 deletions
@@ -0,0 +1,74 @@
+<template>
+  <div class="sidebar">
+    <nav class="sidebar-nav">
+      <div slot="header"></div>
+      <ul class="nav">
+        <li class="nav-item" v-for="(item, index) in navItems">
+          <template v-if="item.title">
+            <SidebarNavTitle :name="item.name"/>
+          </template>
+          <template v-else-if="item.divider">
+            <li class="divider"></li>
+          </template>
+          <template v-else>
+            <template v-if="item.children">
+              <SidebarNavDropdown :name="item.name" :url="item.url" :icon="item.icon">
+                <template v-for="(child, index) in item.children">
+                  <template v-if="child.children">
+                    <SidebarNavDropdown :name="child.name" :url="child.url" :icon="child.icon">
+                      <li class="nav-item" v-for="(child, index) in item.children">
+                        <SidebarNavLink :name="child.name" :url="child.url" :icon="child.icon" :badge="child.badge"/>
+                      </li>
+                    </SidebarNavDropdown>
+                  </template>
+                  <template v-else>
+                    <li class="nav-item">
+                      <SidebarNavLink :name="child.name" :url="child.url" :icon="child.icon" :badge="child.badge"/>
+                    </li>
+                  </template>
+                </template>
+              </SidebarNavDropdown>
+            </template>
+            <template v-else>
+              <SidebarNavLink :name="item.name" :url="item.url" :icon="item.icon" :badge="item.badge"/>
+            </template>
+          </template>
+        </li>
+      </ul>
+      <slot></slot>
+      <div slot="footer"></div>
+    </nav>
+  </div>
+</template>
+<script>
+import SidebarNavDropdown from './SidebarNavDropdown'
+import SidebarNavLink from './SidebarNavLink'
+import SidebarNavTitle from './SidebarNavTitle'
+export default {
+  name: 'sidebar',
+  props: {
+    navItems: {
+      type: Array,
+      required: true,
+      default: () => []
+    }
+  },
+  components: {
+    SidebarNavDropdown,
+    SidebarNavLink,
+    SidebarNavTitle
+  },
+  methods: {
+    handleClick (e) {
+      e.preventDefault()
+      e.target.parentElement.classList.toggle('open')
+    }
+  }
+}
+</script>
+
+<style lang="css">
+  .nav-link {
+    cursor:pointer;
+  }
+</style>