Invoice Desktop Toolbar

This commit is contained in:
Peter Papp
2021-04-20 09:09:52 +02:00
parent 80019b822d
commit af571317ff
7 changed files with 672 additions and 42 deletions

View File

@@ -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'])
}