TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-28 12:11:08 -04:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Customization Page

Browse Source
This commit is contained in:
radhu587
2019-12-12 13:46:09 +05:30
parent 81739827c0
commit cbf0af2120
16 changed files with 416 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/assets/js/views/settings/Customization.vue
View File

@ -14,7 +14,7 @@
</ul>
<!-- Invoices Tab -->
<transition name="fade">
<transition name="fade-customize">
<div v-if="activeTab === 'INVOICES'" class="invoice-tab">
<form action="" class="form-section" @submit.prevent="updateInvoiceSetting">
<div class="row">
@ -69,7 +69,7 @@
</transition>
<!-- Estimates Tab -->
<transition name="fade">
<transition name="fade-customize">
<div v-if="activeTab === 'ESTIMATES'" class="estimate-tab">
<form action="" class="form-section" @submit.prevent="updateEstimateSetting">
<div class="row">
@ -124,7 +124,7 @@
</transition>
<!-- Payments Tab -->
<transition name="fade">
<transition name="fade-customize">
<div v-if="activeTab === 'PAYMENTS'" class="payment-tab">
<form action="" class="form-section" @submit.prevent="updatePaymentSetting">
<div class="row">
@ -208,6 +208,9 @@ export default {
}
},
watch: {
activeTab () {
this.loadData()
}
},
validations: {
invoices: {
@ -373,3 +376,16 @@ export default {
}
}
</script>
<style>
.fade-customize-enter-active {
transition: opacity 0.9s;
}
.fade-customize-leave-active {
transition: opacity 0s;
}
.fade-customize-enter, .fade-customize-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
</style>