Import data.

This commit is contained in:
HenriT
2021-02-16 18:34:04 +02:00
parent 6cadfed54c
commit 26ccd9365e
7 changed files with 167 additions and 30 deletions

View File

@ -16,7 +16,7 @@
<div>
<small v-b-tooltip.hover
title="All your data is saved in your browser and not on any server.
This application is truly serverless and we do not have access to any of your data."
This application is truly serverless and only you have access to your data."
class="pointer">
What about my data?
</small>
@ -46,6 +46,7 @@
</div>
<ClientModal v-if="team"/>
<BankAccountModal v-if="team"/>
<ImportModal/>
</div>
</template>
@ -54,6 +55,7 @@ import { mapGetters, mapState } from 'vuex';
import ClientModal from '@/components/clients/ClientModal';
import BankAccountModal from '@/components/bank-accounts/BankAccountModal';
import { VBTooltip } from 'bootstrap-vue';
import ImportModal from '../../components/ImportModal';
export default {
@ -61,6 +63,7 @@ export default {
'b-tooltip': VBTooltip,
},
components: {
ImportModal,
BankAccountModal,
ClientModal,
},

View File

@ -9,7 +9,7 @@
<i class="material-icons">more_vert</i>
</template>
<b-dropdown-item @click="exportJson">Export</b-dropdown-item>
<b-dropdown-item @click="importJson">Import</b-dropdown-item>
<b-dropdown-item @click="openImportModal">Import</b-dropdown-item>
</b-dropdown>
<button class="btn btn-sm btn-outline-dark" @click="createNewInvoice">New invoice</button>
</div>
@ -46,10 +46,10 @@ export default {
.then(id => this.$router.push({ name: 'invoice', params: { id } }));
},
exportJson() {
this.$store.dispatch('exportJson');
this.$store.dispatch('data/exportJson');
},
importJson() {
this.$store.dispatch('importJson');
openImportModal() {
this.$store.commit('data/isImportModalOpen', true);
},
},
};