nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 17:32:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

- desktop toolbar

Browse Source
This commit is contained in:
Peter Papp
2021-04-21 08:03:49 +02:00
parent 8707a61144
commit aa585b60d5
3 changed files with 47 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
resources/js/Oasis/Modules/Invoices/Invoices.vue
View File

@@ -15,37 +15,33 @@
<!--Sidebar navigation-->
<ContentSidebar>
<ContentGroup title="Invoices" class="navigator">
<div class="menu-list-wrapper vertical">
<a @click="goTo('invoices')" :class="{'is-active': $isThisLocation(['invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<file-text-icon size="17" />
</div>
<div class="label text-theme">
Invoices
</div>
</a>
<a @click="goTo('advance-invoices')" :class="{'is-active': $isThisLocation(['advance-invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<clock-icon size="17" />
</div>
<div class="label text-theme">
Advance Invoices
</div>
</a>
</div>
<ContentGroup title="Invoices" class="navigator menu-list-wrapper vertical">
<a @click="goTo('invoices')" :class="{'is-active': $isThisLocation(['invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<file-text-icon size="17" />
</div>
<div class="label text-theme">
Invoices
</div>
</a>
<a @click="goTo('advance-invoices')" :class="{'is-active': $isThisLocation(['advance-invoices'])}" class="menu-list-item link">
<div class="icon text-theme">
<clock-icon size="17" />
</div>
<div class="label text-theme">
Advance Invoices
</div>
</a>
</ContentGroup>
<ContentGroup title="Others" class="navigator">
<div class="menu-list-wrapper vertical">
<a @click="goTo('clients')" :class="{'is-active': $isThisLocation(['clients'])}" class="menu-list-item link">
<div class="icon text-theme">
<users-icon size="17" />
</div>
<div class="label text-theme">
Clients
</div>
</a>
</div>
<ContentGroup title="Others" class="navigator menu-list-wrapper vertical">
<a @click="goTo('clients')" :class="{'is-active': $isThisLocation(['clients'])}" class="menu-list-item link">
<div class="icon text-theme">
<users-icon size="17" />
</div>
<div class="label text-theme">
Clients
</div>
</a>
</ContentGroup>
</ContentSidebar>

18
resources/js/Oasis/Modules/Invoices/components/InvoiceDesktopToolbar.vue
View File

@@ -35,9 +35,9 @@
<!--Invoice Controls-->
<ToolbarGroup v-if="! $isMobile()">
<ToolbarButton @click.native="shareInvoice" source="send" :action="$t('actions.share')" />
<ToolbarButton @click.native="shareInvoice" source="rename" :action="$t('actions.share')" />
<ToolbarButton @click.native="deleteInvoice" source="trash" :action="$t('actions.delete')" />
<ToolbarButton @click.native="shareInvoice" :class="{'is-inactive': canActiveInView }" source="send" :action="$t('actions.share')" />
<ToolbarButton @click.native="shareInvoice" :class="{'is-inactive': canActiveInView }" source="rename" :action="$t('actions.share')" />
<ToolbarButton @click.native="deleteInvoice" :class="{'is-inactive': canActiveInView }" source="trash" :action="$t('actions.delete')" />
</ToolbarGroup>
<!--View Controls-->
@@ -45,7 +45,10 @@
<PopoverWrapper>
<ToolbarButton @click.stop.native="showSortingMenu" source="preview-sorting" :action="$t('actions.sorting_view')" />
<PopoverItem name="desktop-sorting">
<FileSortingOptions />
<OptionGroup>
<Option @click.native.stop="sort('created_at')" :title="$t('preview_sorting.sort_date')" icon="calendar" />
<Option @click.native.stop="sort('name')" :title="$t('preview_sorting.sort_alphabet')" icon="alphabet" />
</OptionGroup>
</PopoverItem>
</PopoverWrapper>
<ToolbarButton @click.native="$store.dispatch('fileInfoToggle')" :class="{'active': isVisibleSidebar }" :action="$t('actions.info_panel')" source="info" />
@@ -89,6 +92,13 @@
'isVisibleSidebar',
'clipboard',
]),
canActiveInView() {
let locations = [
'invoices',
'advance-invoices',
]
return !this.$isThisLocation(locations) || this.clipboard.length === 0
},
},
data() {
return {