Explorar o código

Add new Breadcrumb vue component

Bubka %!s(int64=4) %!d(string=hai) anos
pai
achega
27dbf6b72f

+ 27 - 0
resources/js/components/Breadcrumb.vue

@@ -0,0 +1,27 @@
+<template>
+    <div class="mb-5">
+        <router-link :to="{ name: 'accounts' }">
+            <font-awesome-icon :icon="['fas', 'chevron-left']" />
+            Back
+        </router-link>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'Breadcrumb',
+
+        props: {
+            routeName: {
+                type: String,
+                default: '/'
+            },
+
+            caption: {
+                type: String,
+                default: ''
+            },
+        }
+    }
+
+</script>

+ 15 - 13
resources/js/components/index.js

@@ -1,15 +1,16 @@
-import Vue          from 'vue'
-import App          from './App'
-import Button       from './Button'
-import FieldError   from './FieldError'
-import FormWrapper  from './FormWrapper'
-import FormField    from './FormField'
-import FormSelect   from './FormSelect'
-import FormSwitch   from './FormSwitch'
-import FormCheckbox from './FormCheckbox'
-import FormButtons  from './FormButtons'
-import VueFooter    from './Footer'
-import Kicker       from './Kicker'
+import Vue              from 'vue'
+import App              from './App'
+import Button           from './Button'
+import FieldError       from './FieldError'
+import FormWrapper      from './FormWrapper'
+import FormField        from './FormField'
+import FormSelect       from './FormSelect'
+import FormSwitch       from './FormSwitch'
+import FormCheckbox     from './FormCheckbox'
+import FormButtons      from './FormButtons'
+import VueFooter        from './Footer'
+import Kicker           from './Kicker'
+import Breadcrumb       from './Breadcrumb'
 
 // Components that are registered globaly.
 [
@@ -23,7 +24,8 @@ import Kicker       from './Kicker'
     FormCheckbox,
     FormButtons,
     VueFooter,
-    Kicker
+    Kicker,
+    Breadcrumb
 ].forEach(Component => {
 	Vue.component(Component.name, Component)
 })

+ 4 - 2
resources/js/packages/fontawesome.js

@@ -15,7 +15,8 @@ import {
     faSearch,
     faEllipsisH,
     faBars,
-    faSpinner
+    faSpinner,
+    faChevronLeft
 } from '@fortawesome/free-solid-svg-icons'
 
 import {
@@ -35,7 +36,8 @@ library.add(
     faEllipsisH,
     faBars,
     faSpinner,
-    faGithubAlt
+    faGithubAlt,
+    faChevronLeft
 );
 
 Vue.component('font-awesome-icon', FontAwesomeIcon)