Invoice Desktop Toolbar

resources/js/components/FilesView/ToolbarButton.vue

@@ -1,5 +1,7 @@
 <template>
   <button class="button hover-text-theme hover-svg-stroke-theme" :title="action">
+    <file-plus-icon v-if="source === 'file-plus'" size="19" class="hover-text-theme" />
+    <send-icon v-if="source === 'send'" size="19" class="hover-text-theme" />
     <corner-down-right-icon v-if="source === 'move'" size="19" class="hover-text-theme" />
     <download-cloud-icon v-if="source === 'download'" size="19" class="hover-text-theme" />
     <folder-plus-icon v-if="source === 'folder-plus'" size="19" class="hover-text-theme" />
@@ -21,6 +23,8 @@
 <script>
     import SortingIcon from '@/components/FilesView/Icons/SortingIcon'
     import {
+    	SendIcon,
+    	FilePlusIcon,
         CornerDownRightIcon,
         DownloadCloudIcon,
         FolderPlusIcon,
@@ -44,6 +48,8 @@
             'action'
         ],
         components: {
+			SendIcon,
+			FilePlusIcon,
             SortingIcon,
             CornerDownRightIcon,
             DownloadCloudIcon,
@@ -98,7 +104,7 @@
     svg {
         color: inherit;
 
-        path, line, polyline, rect, circle {
+        path, line, polyline, rect, circle, polygon {
             color: inherit;
         }
     }
@@ -110,6 +116,7 @@
         line,
         polyline,
         rect,
+		polygon,
         circle {
             @include transition(150ms);
             color: inherit;

resources/js/components/Sidebar/SidebarNavigation.vue

@@ -10,25 +10,31 @@
 
             <router-link :to="{name: 'Files'}" :title="$t('locations.home')" class="icon-navigation-item home">
                 <div class="button-icon text-theme">
-                    <hard-drive-icon size="19" class="text-theme"></hard-drive-icon>
+                    <hard-drive-icon size="19" class="text-theme" />
                 </div>
             </router-link>
 
             <router-link :to="{name: 'SharedFiles'}" :title="$t('locations.shared')" class="icon-navigation-item shared">
                 <div class="button-icon">
-                    <share-icon size="19"></share-icon>
+                    <share-icon size="19" />
+                </div>
+            </router-link>
+
+            <router-link :to="{name: 'InvoicesList'}" title="Invoices" class="icon-navigation-item shared">
+                <div class="button-icon">
+                    <file-text-icon size="19" />
                 </div>
             </router-link>
 
             <router-link :to="{name: 'Profile'}" :class="{'is-active': isUserProfileRoute}" :title="$t('locations.profile')" class="icon-navigation-item settings">
                 <div class="button-icon">
-                    <user-icon size="19"></user-icon>
+                    <user-icon size="19" />
                 </div>
             </router-link>
 
             <router-link v-if="user.data.attributes.role === 'admin'" :to="{name: 'Dashboard'}" :class="{'is-active': $isThisRoute($route, adminRoutes)}" :title="$t('locations.settings')" class="icon-navigation-item users">
                 <div class="button-icon">
-                    <settings-icon size="19"></settings-icon>
+                    <settings-icon size="19" />
                 </div>
             </router-link>
         </div>
@@ -37,7 +43,7 @@
         <ul class="icon-navigation logout">
             <li @click="$store.dispatch('logOut')" :title="$t('locations.logout')" class="icon-navigation-item">
                 <div class="button-icon">
-                    <power-icon size="19"></power-icon>
+                    <power-icon size="19" />
                 </div>
             </li>
         </ul>
@@ -48,6 +54,7 @@
     import UserAvatar from '@/components/Others/UserAvatar'
     import {mapGetters} from 'vuex'
     import {
+    	FileTextIcon,
         HardDriveIcon,
         SettingsIcon,
         Trash2Icon,
@@ -59,6 +66,7 @@
     export default {
         name: 'SidebarNavigation',
         components: {
+			FileTextIcon,
             HardDriveIcon,
             SettingsIcon,
             UserAvatar,
@@ -68,7 +76,9 @@
             UserIcon,
         },
         computed: {
-            ...mapGetters(['user']),
+            ...mapGetters([
+				'user'
+			]),
             isUserProfileRoute() {
                 return this.$isThisRoute(this.$route, ['Profile', 'Password', 'Storage', 'Invoice', 'Subscription', 'PaymentMethods'])
             }