refactor: new project structure

2018-03-05 15:35:14 +01:00
parent 0347970e65
commit 7dcd6bff72
273 changed files with 102 additions and 5945 deletions
@@ -0,0 +1,68 @@
+<template>
+  <div v-if="isExternalLink">
+    <a :href="url" :class="classList">
+      <i :class="icon"></i> {{name}}
+      <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+    </a>
+  </div>
+  <div v-else>
+    <router-link :to="url" :class="classList">
+      <i :class="icon"></i> {{name}}
+      <b-badge v-if="badge && badge.text" :variant="badge.variant">{{badge.text}}</b-badge>
+    </router-link>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'sidebar-nav-link',
+    props: {
+      name: {
+        type: String,
+        default: ''
+      },
+      url: {
+        type: String,
+        default: ''
+      },
+      icon: {
+        type: String,
+        default: ''
+      },
+      badge: {
+        type: Object,
+        default: () => {}
+      },
+      variant: {
+        type: String,
+        default: ''
+      },
+      classes: {
+        type: String,
+        default: ''
+      }
+    },
+    computed: {
+      classList () {
+        return [
+          'nav-link',
+          this.linkVariant,
+          ...this.itemClasses
+        ]
+      },
+      linkVariant () {
+        return this.variant ? `nav-link-${this.variant}` : ''
+      },
+      itemClasses () {
+        return this.classes ? this.classes.split(' ') : []
+      },
+      isExternalLink () {
+        if (this.url.substring(0, 4) === 'http') {
+          return true
+        } else {
+          return false
+        }
+      }
+    }
+  }
+</script>