add stamp field type

This commit is contained in:
Pete Matsyburka
2023-12-22 13:33:53 +02:00
parent 2562c4f432
commit e89b42de40
12 changed files with 151 additions and 16 deletions
+15 -1
View File
@@ -42,6 +42,11 @@
class="object-contain mx-auto"
:src="image.url"
>
<img
v-else-if="field.type === 'stamp' && stamp"
class="object-contain mx-auto"
:src="stamp.url"
>
<img
v-else-if="field.type === 'signature' && signature"
class="object-contain mx-auto"
@@ -158,7 +163,7 @@
</template>
<script>
import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconCheck, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard } from '@tabler/icons-vue'
import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconCheck, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard, IconRubberStamp } from '@tabler/icons-vue'
export default {
name: 'FieldArea',
@@ -225,6 +230,7 @@ export default {
signature: 'Signature',
date: 'Date',
image: 'Image',
stamp: 'Stamp',
initials: 'Initials',
file: 'File',
select: 'Select',
@@ -246,6 +252,7 @@ export default {
select: IconSelect,
checkbox: IconCheckbox,
radio: IconCircleDot,
stamp: IconRubberStamp,
cells: IconColumns3,
multiple: IconChecks,
phone: IconPhoneCheck,
@@ -259,6 +266,13 @@ export default {
return null
}
},
stamp () {
if (this.field.type === 'stamp') {
return this.attachmentsIndex[this.modelValue]
} else {
return null
}
},
signature () {
if (this.field.type === 'signature') {
return this.attachmentsIndex[this.modelValue]
+1 -1
View File
@@ -206,7 +206,7 @@
</div>
</div>
<ImageStep
v-else-if="currentField.type === 'image'"
v-else-if="currentField.type === 'image' || currentField.type === 'stamp'"
:key="currentField.uuid"
v-model="values[currentField.uuid]"
:field="currentField"