nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-29 03:10:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

share invoice on email frontend

Browse Source
This commit is contained in:
Peter Papp
2021-05-11 08:51:41 +02:00
parent 5ea898d716
commit 1ea8f2ce60
8 changed files with 230 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/custom-language-translations.php
+5
View File
@@ -277,4 +277,9 @@ return [
'in.route_title.client' => 'Client',
'in.route_title.client_detail' => 'Client',
'in.route_title.client_invoices' => 'Client Invoices',
'in.share.share_invoice' => 'Share Your Invoice',
'in.share.type_email' => 'Type email address...',
'in.share.submit_share' => 'Send Invoice',
'in.share.invoice_sended' => 'Your invoice has been sent successfully',
];
public/mix-manifest.json
+51 -7
View File
@@ -1,7 +1,7 @@
{
"/js/main.js": "/js/main.js",
"/css/app.css": "/css/app.css",
"/chunks/admin.js": "/chunks/admin.js?id=08a4d7e6c095cb25b232",
"/chunks/admin.js": "/chunks/admin.js?id=3048a34ebd4668893224",
"/chunks/admin-account.js": "/chunks/admin-account.js?id=8d842bebde408d97b8e4",
"/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~e360f8a1.js": "/chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chu~e360f8a1.js?id=9a997811677c9fcc0c6e",
"/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~062c965c.js": "/chunks/admin-account~chunks/app-setup~chunks/billings-detail~chunks/create-new-password~chunks/datab~062c965c.js?id=515118382f7ad5724a54",
@@ -9,7 +9,7 @@
"/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~d177b2e8.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/sh~d177b2e8.js?id=7ebb93e8d3cedf069c0b",
"/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/settings~chunks/shared/file-browser.js": "/chunks/admin~chunks/files~chunks/oasis/invoices~chunks/settings~chunks/shared/file-browser.js?id=e15b67406596821c2be9",
"/chunks/admin~chunks/oasis/invoices~chunks/platform.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform.js?id=5bbc9cca3bfcc01fdc87",
"/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=a7e1f2b5096c12b0d23a",
"/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/chunks/admin~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=1ca47708816a4be47a0a",
"/chunks/app-appearance.js": "/chunks/app-appearance.js?id=1c320a815afcc355bae7",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~262a2a36.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~262a2a36.js?id=e6505b93727b56256f92",
"/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~2e0b85bd.js": "/chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/app-index~chunks/app-others~chunks~2e0b85bd.js?id=d4fb46f05374a298ac1b",
@@ -50,16 +50,16 @@
"/chunks/invoices.js": "/chunks/invoices.js?id=733a4a9b02203923e96b",
"/chunks/not-found-shared.js": "/chunks/not-found-shared.js?id=7fc7f9b6f10bdfac770e",
"/chunks/oasis/homepage.js": "/chunks/oasis/homepage.js?id=a1885dd8814f9eb63a1c",
"/chunks/oasis/invoices.js": "/chunks/oasis/invoices.js?id=81b87343eb6a18f6736c",
"/chunks/oasis/invoices.js": "/chunks/oasis/invoices.js?id=ceaa890cb0b46a776bce",
"/chunks/oasis/invoices/client.js": "/chunks/oasis/invoices/client.js?id=5278e4b3fec7c313b500",
"/chunks/oasis/invoices/client-detail.js": "/chunks/oasis/invoices/client-detail.js?id=f04d993baccf515554db",
"/chunks/oasis/invoices/client-invoices.js": "/chunks/oasis/invoices/client-invoices.js?id=6558d35b1bfe20e8ede6",
"/chunks/oasis/invoices/create-client.js": "/chunks/oasis/invoices/create-client.js?id=a27824905ee00e5b9d5e",
"/chunks/oasis/invoices/create-invoice.js": "/chunks/oasis/invoices/create-invoice.js?id=da39947baccf666a1efc",
"/chunks/oasis/invoices/edit-invoice.js": "/chunks/oasis/invoices/edit-invoice.js?id=b8776f1c1d5b8b0626da",
"/chunks/oasis/invoices/list.js": "/chunks/oasis/invoices/list.js?id=915c1d5c78b85f097f13",
"/chunks/oasis/invoices/list.js": "/chunks/oasis/invoices/list.js?id=d2b607b91b69247bf05c",
"/chunks/oasis/invoices/profile.js": "/chunks/oasis/invoices/profile.js?id=cb529bbeb676d24b011e",
"/chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=bdeadf1aea2560bea3c7",
"/chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=41015b7ab9210a0e2df6",
"/chunks/oasis/platba.js": "/chunks/oasis/platba.js?id=791bf891bb4a384c0890",
"/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js": "/chunks/oasis/platba~chunks/oasis/upgrade-billing~chunks/oasis/upgrade-plan~chunks/upgrade-billing~ch~6880400b.js?id=0c8d1c3cca084baa177f",
"/chunks/oasis/sign-up.js": "/chunks/oasis/sign-up.js?id=e53eeb48ebabae259f9c",
@@ -76,7 +76,7 @@
"/chunks/plan-subscribers.js": "/chunks/plan-subscribers.js?id=146c53671951b7061131",
"/chunks/plans.js": "/chunks/plans.js?id=d4cfc1b66dd5021a3c84",
"/chunks/platform.js": "/chunks/platform.js?id=32656f7d130ecbe06f12",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=26fe5e37f5b37e8d6010",
"/chunks/platform~chunks/shared.js": "/chunks/platform~chunks/shared.js?id=2140e97d45838d783084",
"/chunks/profile.js": "/chunks/profile.js?id=42695eb6d8ab8b0220d9",
"/chunks/purchase-code.js": "/chunks/purchase-code.js?id=4873b06c3bbca3fe2c36",
"/chunks/settings.js": "/chunks/settings.js?id=fcc97a29894164e2977c",
@@ -110,5 +110,49 @@
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~bc1bf558.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~bc1bf558.js?id=034c637712e863643bd6",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~ebd71fa1.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~ebd71fa1.js?id=47a427056410805b2f8f",
"/vendors~chunks/files~chunks/oasis/invoices~chunks/platform~chunks/shared~chunks/shared/file-browser~~b42d96c6.js": "/vendors~chunks/files~chunks/oasis/invoices~chunks/platform~chunks/shared~chunks/shared/file-browser~~b42d96c6.js?id=a564e3b9054e42dda63f",
"/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=03d3cf785cbafa4d31f0"
"/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js": "/vendors~chunks/oasis/invoices~chunks/platform~chunks/shared.js?id=03d3cf785cbafa4d31f0",
"/chunks/oasis/invoices.d01f3af1f12c17606d64.hot-update.js": "/chunks/oasis/invoices.d01f3af1f12c17606d64.hot-update.js",
"/js/main.0e343d2752b9b35fae5c.hot-update.js": "/js/main.0e343d2752b9b35fae5c.hot-update.js",
"/chunks/admin.0e343d2752b9b35fae5c.hot-update.js": "/chunks/admin.0e343d2752b9b35fae5c.hot-update.js",
"/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~b73a076f.js": "/chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~chunks/~b73a076f.js?id=55905f380c4431e1980b",
"/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared/file-browser.js": "/chunks/files~chunks/oasis/invoices~chunks/oasis/invoices/list~chunks/platform~chunks/shared/file-browser.js?id=0b357351a71144193c48",
"/chunks/oasis/invoices.0e343d2752b9b35fae5c.hot-update.js": "/chunks/oasis/invoices.0e343d2752b9b35fae5c.hot-update.js",
"/chunks/oasis/invoices~chunks/platform.js": "/chunks/oasis/invoices~chunks/platform.js?id=05e096f1c97cadb37177",
"/chunks/platform.0e343d2752b9b35fae5c.hot-update.js": "/chunks/platform.0e343d2752b9b35fae5c.hot-update.js",
"/chunks/platform~chunks/shared.0e343d2752b9b35fae5c.hot-update.js": "/chunks/platform~chunks/shared.0e343d2752b9b35fae5c.hot-update.js",
"/chunks/shared.0e343d2752b9b35fae5c.hot-update.js": "/chunks/shared.0e343d2752b9b35fae5c.hot-update.js",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~4509a016.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~4509a016.js?id=ea781ec6ec7cf0645e05",
"/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~66c4fa45.js": "/vendors~chunks/admin~chunks/admin-account~chunks/app-appearance~chunks/app-billings~chunks/app-email~66c4fa45.js?id=accf0be7f09c1000b571",
"/chunks/oasis/invoices.ad7d05e75939eb91ba6d.hot-update.js": "/chunks/oasis/invoices.ad7d05e75939eb91ba6d.hot-update.js",
"/chunks/oasis/invoices.b2c36fc1de8bc5666751.hot-update.js": "/chunks/oasis/invoices.b2c36fc1de8bc5666751.hot-update.js",
"/chunks/oasis/invoices.6e8ca999217ff0228f7e.hot-update.js": "/chunks/oasis/invoices.6e8ca999217ff0228f7e.hot-update.js",
"/chunks/oasis/invoices.ad9817a8111b0d891491.hot-update.js": "/chunks/oasis/invoices.ad9817a8111b0d891491.hot-update.js",
"/chunks/oasis/invoices.72d26e895c3478deee3d.hot-update.js": "/chunks/oasis/invoices.72d26e895c3478deee3d.hot-update.js",
"/js/main.aba630c9951bc4208477.hot-update.js": "/js/main.aba630c9951bc4208477.hot-update.js",
"/chunks/oasis/invoices.aba630c9951bc4208477.hot-update.js": "/chunks/oasis/invoices.aba630c9951bc4208477.hot-update.js",
"/chunks/oasis/invoices/list.aba630c9951bc4208477.hot-update.js": "/chunks/oasis/invoices/list.aba630c9951bc4208477.hot-update.js",
"/chunks/oasis/invoices.e4265ce83f738bf51999.hot-update.js": "/chunks/oasis/invoices.e4265ce83f738bf51999.hot-update.js",
"/chunks/oasis/invoices.2294050dd8a2d817d68b.hot-update.js": "/chunks/oasis/invoices.2294050dd8a2d817d68b.hot-update.js",
"/chunks/oasis/invoices.db21c48932f6b42cc431.hot-update.js": "/chunks/oasis/invoices.db21c48932f6b42cc431.hot-update.js",
"/chunks/oasis/invoices.d74627a363f9664a967b.hot-update.js": "/chunks/oasis/invoices.d74627a363f9664a967b.hot-update.js",
"/chunks/oasis/invoices.3ecb0d5eca34fefeef11.hot-update.js": "/chunks/oasis/invoices.3ecb0d5eca34fefeef11.hot-update.js",
"/chunks/oasis/invoices.c51f3786439fcf350c96.hot-update.js": "/chunks/oasis/invoices.c51f3786439fcf350c96.hot-update.js",
"/chunks/oasis/invoices.301c844d88433e91ddbc.hot-update.js": "/chunks/oasis/invoices.301c844d88433e91ddbc.hot-update.js",
"/chunks/oasis/invoices.b95e91b3d1ab5eb47908.hot-update.js": "/chunks/oasis/invoices.b95e91b3d1ab5eb47908.hot-update.js",
"/chunks/oasis/invoices.763604b488b3b4814b8a.hot-update.js": "/chunks/oasis/invoices.763604b488b3b4814b8a.hot-update.js",
"/chunks/oasis/invoices.54141bc1be9d4654ced2.hot-update.js": "/chunks/oasis/invoices.54141bc1be9d4654ced2.hot-update.js",
"/chunks/oasis/invoices.0552c7ae58d82d8e8a8a.hot-update.js": "/chunks/oasis/invoices.0552c7ae58d82d8e8a8a.hot-update.js",
"/chunks/oasis/invoices/list.693ec37b519f011e0436.hot-update.js": "/chunks/oasis/invoices/list.693ec37b519f011e0436.hot-update.js",
"/chunks/oasis/invoices.95b8ea65d05aaec7a5a4.hot-update.js": "/chunks/oasis/invoices.95b8ea65d05aaec7a5a4.hot-update.js",
"/js/main.8972101dce202b559299.hot-update.js": "/js/main.8972101dce202b559299.hot-update.js",
"/chunks/files~chunks/oasis/invoices/list~chunks/shared/file-browser.8972101dce202b559299.hot-update.js": "/chunks/files~chunks/oasis/invoices/list~chunks/shared/file-browser.8972101dce202b559299.hot-update.js",
"/chunks/oasis/invoices.8972101dce202b559299.hot-update.js": "/chunks/oasis/invoices.8972101dce202b559299.hot-update.js",
"/chunks/oasis/invoices~chunks/platform~chunks/shared.8972101dce202b559299.hot-update.js": "/chunks/oasis/invoices~chunks/platform~chunks/shared.8972101dce202b559299.hot-update.js",
"/chunks/platform~chunks/shared.8972101dce202b559299.hot-update.js": "/chunks/platform~chunks/shared.8972101dce202b559299.hot-update.js",
"/chunks/oasis/invoices.a6e3fc393bb90501b4ae.hot-update.js": "/chunks/oasis/invoices.a6e3fc393bb90501b4ae.hot-update.js",
"/chunks/oasis/invoices.d033ad0623a2be590897.hot-update.js": "/chunks/oasis/invoices.d033ad0623a2be590897.hot-update.js",
"/chunks/oasis/invoices.a2e81296c5286a6ab9cf.hot-update.js": "/chunks/oasis/invoices.a2e81296c5286a6ab9cf.hot-update.js",
"/chunks/oasis/invoices.3dd500d45303576331bf.hot-update.js": "/chunks/oasis/invoices.3dd500d45303576331bf.hot-update.js",
"/chunks/oasis/invoices.23848caf5faa2c2cd4a3.hot-update.js": "/chunks/oasis/invoices.23848caf5faa2c2cd4a3.hot-update.js",
"/chunks/oasis/invoices.0bf75b19f8e77e4eac43.hot-update.js": "/chunks/oasis/invoices.0bf75b19f8e77e4eac43.hot-update.js"
}
resources/js/Oasis/Invoices/Invoice.vue
+4 -1
View File
@@ -6,6 +6,7 @@
<!--Popups-->
<ConfirmPopup />
<ShareInvoicePopup />
<InvoiceMobileMenu />
<ClientMobileMenu />
@@ -67,9 +68,10 @@
<script>
import InvoiceSortingMobile from '@/Oasis/Invoices/components/InvoiceSortingMobile'
import InvoiceFilterMobile from '@/Oasis/Invoices/components/InvoiceFilterMobile'
import ShareInvoicePopup from '@/Oasis/Invoices/components/ShareInvoicePopup'
import InvoiceMobileMenu from '@/Oasis/Invoices/components/InvoiceMobileMenu'
import ClientMobileMenu from '@/Oasis/Invoices/components/ClientMobileMenu'
import InvoiceCreateMenu from '@/Oasis/Invoices/components/InvoiceCreateMenu'
import ClientMobileMenu from '@/Oasis/Invoices/components/ClientMobileMenu'
import ConfirmPopup from '@/components/Others/Popup/ConfirmPopup'
import {UsersIcon, FileTextIcon, ClockIcon, Edit2Icon} from 'vue-feather-icons'
@@ -93,6 +95,7 @@
InvoiceSortingMobile,
InvoiceFilterMobile,
InvoiceCreateMenu,
ShareInvoicePopup,
InvoiceMobileMenu,
SidebarNavigation,
ClientMobileMenu,
resources/js/Oasis/Invoices/components/InvoiceContextMenu.vue
+1 -1
View File
@@ -5,7 +5,7 @@
<div v-show="isInvoice" class="menu-options" id="menu-list">
<OptionGroup class="menu-option-group">
<Option @click.native="$editInvoice(clipboard[0])" :title="$t('in.menu.edit_invoice')" icon="rename" />
<Option @click.native="" :title="$t('in.menu.send_invoice')" icon="send" />
<Option @click.native="$shareInvoice(clipboard[0])" :title="$t('in.menu.send_invoice')" icon="send" />
<Option @click.native="$goToCompany(clipboard[0])" :title="$t('in.menu.show_company')" icon="user" />
<Option @click.native="$deleteInvoice(clipboard[0])" :title="$t('context_menu.delete')" icon="trash" />
</OptionGroup>
resources/js/Oasis/Invoices/components/InvoiceDesktopToolbar.vue
+7 -27
View File
@@ -20,7 +20,7 @@
<!--Creating controls-->
<ToolbarGroup>
<PopoverWrapper>
<ToolbarButton @click.stop.native="createCreateMenu" source="plus" :action="$t('actions.create_folder')" />
<ToolbarButton @click.stop.native="createMenu" source="plus" :action="$t('actions.create_folder')" />
<PopoverItem name="desktop-create-invoices">
<OptionGroup>
<Option @click.stop.native="createInvoice('regular-invoice')" :title="$t('in_editor.page.create_regular_invoice')" icon="file-plus" />
@@ -35,7 +35,7 @@
<!--Invoice Controls-->
<ToolbarGroup v-if="! $isMobile()">
<ToolbarButton @click.native="shareInvoice" :class="{'is-inactive': canActiveInView }" source="send" :action="$t('actions.share')" />
<ToolbarButton @click.native="$shareInvoice(clipboard[0])" :class="{'is-inactive': canActiveInView }" source="send" :action="$t('actions.share')" />
<ToolbarButton @click.native="editItem" :class="{'is-inactive': canActiveInView }" source="rename" :action="$t('actions.share')" />
<ToolbarButton @click.native="deleteItem" :class="{'is-inactive': canActiveInView }" source="trash" :action="$t('actions.delete')" />
</ToolbarGroup>
@@ -130,46 +130,26 @@
showSortingMenu() {
events.$emit('popover:open', 'desktop-sorting')
},
createCreateMenu() {
createMenu() {
events.$emit('popover:open', 'desktop-create-invoices')
},
deleteItem() {
if (this.$isThisLocation(['regular-invoice', 'advance-invoice']) && this.clipboard.length > 0) {
events.$emit('confirm:open', {
title: this.$t('in.popup.delete_invoice.title', {number: this.clipboard[0].invoice_number}),
message: this.$t('in.popup.delete_invoice.message'),
buttonColor: 'danger-solid',
action: {
id: this.clipboard[0].id,
operation: 'delete-invoice'
}
})
this.deleteInvoice(this.clipboard[0])
}
if (this.$isThisLocation('clients') && this.clipboard.length > 0) {
events.$emit('confirm:open', {
title: this.$t('in.popup.delete_client.title', {name: this.clipboard[0].name}),
message: this.$t('in.popup.delete_client.message'),
buttonColor: 'danger-solid',
action: {
id: this.clipboard[0].id,
operation: 'delete-client'
}
})
this.deleteClient(this.clipboard[0])
}
},
shareInvoice() {
alert('Send Invoice')
},
editItem() {
if (this.$isThisLocation(['regular-invoice', 'advance-invoice'])) {
this.$router.push({name: 'EditInvoice', params: {id: this.clipboard[0].id}})
this.$editInvoice(this.clipboard[0])
}
if (this.$isThisLocation('clients')) {
this.$router.push({name: 'ClientDetail', params: {id: this.clipboard[0].id}})
this.$goToCompany(this.clipboard[0])
}
},
},
resources/js/Oasis/Invoices/components/InvoiceMobileMenu.vue
+1 -2
View File
@@ -12,7 +12,7 @@
<MenuMobileGroup>
<OptionGroup class="menu-option-group">
<Option @click.native="$editInvoice(clipboard[0])" :title="$t('in.menu.edit_invoice')" icon="rename" />
<Option @click.native="" :title="$t('in.menu.send_invoice')" icon="send" />
<Option @click.native="$shareInvoice(clipboard[0])" :title="$t('in.menu.send_invoice')" icon="send" />
<Option @click.native="$goToCompany(clipboard[0])" :title="$t('in.menu.show_company')" icon="user" />
<Option @click.native="$deleteInvoice(clipboard[0])" :title="$t('context_menu.delete')" icon="trash" />
</OptionGroup>
@@ -31,7 +31,6 @@ import OptionGroup from '@/components/FilesView/OptionGroup'
import MenuMobile from '@/components/Mobile/MenuMobile'
import Option from '@/components/FilesView/Option'
import {mapGetters} from 'vuex'
import {events} from '@/bus'
export default {
name: 'InvoiceMobileMenu',
resources/js/Oasis/Invoices/components/ShareInvoicePopup.vue
+154
View File
@@ -0,0 +1,154 @@
<template>
<PopupWrapper name="share-invoice">
<!--Title-->
<PopupHeader :title="$t('in.share.share_invoice')" icon="share" />
<!--Content-->
<PopupContent>
<!--Item Thumbnail-->
<TitlePreview
v-if="pickedItem"
class="item-thumbnail"
icon="file-text"
:title="pickedItem.name"
:subtitle="$t('in.invoice') + ' - ' + pickedItem.invoice_number"
/>
<!--Form to set sharing-->
<ValidationObserver @submit.prevent ref="shareForm" v-slot="{ invalid }" tag="form" class="form-wrapper">
<ValidationProvider tag="div" mode="passive" name="Email" rules="required" v-slot="{ errors }">
<input v-model="shareOptions.email" :class="{'is-error': errors[0]}" type="text" class="focus-border-theme" :placeholder="$t('in.share.type_email')">
<span class="error-message" v-if="errors[0]">{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</PopupContent>
<!--Actions-->
<PopupActions>
<ButtonBase class="popup-button" @click.native="$closePopup()" button-style="secondary">
{{ $t('popup_move_item.cancel') }}
</ButtonBase>
<ButtonBase class="popup-button" @click.native="submitShareOptions" button-style="theme" :loading="isLoading" :disabled="isLoading">
{{ $t('in.share.submit_share') }}
</ButtonBase>
</PopupActions>
</PopupWrapper>
</template>
<script>
import {ValidationProvider, ValidationObserver} from 'vee-validate/dist/vee-validate.full'
import PopupWrapper from '@/components/Others/Popup/PopupWrapper'
import PopupActions from '@/components/Others/Popup/PopupActions'
import PopupContent from '@/components/Others/Popup/PopupContent'
import PopupHeader from '@/components/Others/Popup/PopupHeader'
import TitlePreview from '@/components/FilesView/TitlePreview'
import ActionButton from '@/components/Others/ActionButton'
import ButtonBase from '@/components/FilesView/ButtonBase'
import {required} from 'vee-validate/dist/rules'
import {events} from '@/bus'
import axios from 'axios'
export default {
name: 'ShareInvoicePopup',
components: {
ValidationProvider,
ValidationObserver,
TitlePreview,
ActionButton,
PopupWrapper,
PopupActions,
PopupContent,
PopupHeader,
ButtonBase,
required,
},
data() {
return {
shareOptions: {
email: undefined
},
pickedItem: undefined,
isLoading: false,
}
},
methods: {
async submitShareOptions() {
// Validate fields
const isValid = await this.$refs.shareForm.validate()
if (!isValid) return
this.isLoading = true
// Send request to get share link
axios
.post(`/api/oasis/invoices/${this.pickedItem.id}/share`,
this.shareOptions
)
.then(() => {
this.$closePopup()
events.$emit('toaster', {
type: 'success',
message: this.$t('in.share.invoice_sended'),
})
})
.catch(() => {
events.$emit('alert:open', {
title: this.$t('popup_error.title'),
message: this.$t('popup_error.message'),
})
})
.finally(() => {
this.isLoading = false
})
}
},
mounted() {
// Show popup
events.$on('popup:open', args => {
if (args.name !== 'share-invoice') return
this.pickedItem = args.item
})
// Close popup
events.$on('popup:close', () => {
// Restore data
setTimeout(() => {
this.shareOptions = {
email: undefined
}
}, 150)
})
}
}
</script>
<style scoped lang="scss">
@import "@assets/vuefilemanager/_inapp-forms.scss";
@import '@assets/vuefilemanager/_forms';
.more-options {
margin-bottom: 10px;
}
.input-wrapper {
&.password {
margin-top: -10px;
}
}
.item-thumbnail {
padding: 0 20px 20px;
}
</style>
resources/js/oasis-helpers.js
Vendored
+7
View File
@@ -5,6 +5,13 @@ import {events} from './bus'
const OasisHelpers = {
install(Vue) {
Vue.prototype.$shareInvoice = function (entry) {
events.$emit('popup:open', {
name: 'share-invoice',
item: entry
})
}
Vue.prototype.$editInvoice = function (entry) {
this.$router.push({name: 'EditInvoice', params: {id: entry.id}})
events.$emit('file-preview:hide')