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

Add File based templates

Browse Source
This commit is contained in:
gohil jayvirsinh
2021-06-19 12:11:21 +00:00
committed by Mohit Panjwani
parent 00961bcae1
commit d1dd704cdf
58 changed files with 277 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/assets/js/components/base/modal/EstimateTemplate.vue
View File

@ -7,14 +7,19 @@
:key="index"
:class="{
'border border-solid border-primary-500':
selectedTemplate === template.id,
selectedTemplate === template.name,
}"
class="relative flex flex-col m-2 border border-gray-200 border-solid cursor-pointer hover:border-primary-300"
@click="selectedTemplate = template.id"
class="relative flex flex-col m-2 border border-gray-200 border-solid cursor-pointer hover:border-primary-300"
>
<img :src="template.path" alt="template-image" />
<img
v-if="selectedTemplate === template.id"
:src="template.path"
:alt="template.name"
class="w-full"
@click="selectedTemplate = template.name"
/>
<img
v-if="selectedTemplate === template.name"
:alt="template.name"
class="absolute z-10 w-5 h-5 text-primary-500"
style="top: -6px; right: -5px"
src="/assets/img/tick.png"
@ -24,8 +29,8 @@
'w-full p-1 bg-gray-200 text-sm text-center absolute bottom-0 left-0',
{
'text-primary-500 bg-primary-100':
selectedTemplate === template.id,
'text-gray-600': selectedTemplate != template.id,
selectedTemplate === template.name,
'text-gray-600': selectedTemplate != template.name,
},
]"
>
@ -53,16 +58,16 @@ import { mapActions, mapGetters } from 'vuex'
export default {
data() {
return {
selectedTemplate: 1,
selectedTemplate: null,
isLoading: false,
}
},
computed: {
...mapGetters('modal', ['modalData']),
...mapGetters('estimate', ['getTemplateId']),
...mapGetters('estimate', ['getTemplateName']),
},
mounted() {
this.selectedTemplate = this.getTemplateId
this.selectedTemplate = this.getTemplateName
},
methods: {
...mapActions('estimate', ['setTemplate']),
@ -77,7 +82,7 @@ export default {
}
},
closeEstimateModal() {
this.selectedTemplate = this.getTemplateId
this.selectedTemplate = this.getTemplateName
this.closeModal()
this.resetModalData()
},

23
resources/assets/js/components/base/modal/InvoiceTemplate.vue
View File

@ -7,14 +7,19 @@
:key="index"
:class="{
'border border-solid border-primary-500':
selectedTemplate === template.id,
selectedTemplate === template.name,
}"
class="relative flex flex-col m-2 border border-gray-200 border-solid cursor-pointer hover:border-primary-300"
@click="selectedTemplate = template.id"
class="relative flex flex-col m-2 border border-gray-200 border-solid cursor-pointer hover:border-primary-300"
>
<img :src="template.path" alt="template-image" />
<img
v-if="selectedTemplate === template.id"
:src="template.path"
:alt="template.name"
class="w-full"
@click="selectedTemplate = template.name"
/>
<img
v-if="selectedTemplate === template.name"
:alt="template.name"
class="absolute z-10 w-5 h-5 text-primary-500"
style="top: -6px; right: -5px"
src="/assets/img/tick.png"
@ -53,16 +58,16 @@ import { mapActions, mapGetters } from 'vuex'
export default {
data() {
return {
selectedTemplate: 1,
selectedTemplate: null,
isLoading: false,
}
},
computed: {
...mapGetters('modal', ['modalData']),
...mapGetters('invoice', ['getTemplateId']),
...mapGetters('invoice', ['getTemplateName']),
},
mounted() {
this.selectedTemplate = this.getTemplateId
this.selectedTemplate = this.getTemplateName
},
methods: {
...mapActions('invoice', ['setTemplate']),
@ -77,7 +82,7 @@ export default {
}
},
closeInvoiceModal() {
this.selectedTemplate = this.getTemplateId
this.selectedTemplate = this.getTemplateName
this.closeModal()
this.resetModalData()
},