diff --git a/app/controllers/submissions_controller.rb b/app/controllers/submissions_controller.rb index f10cb1f0..c39e99e5 100644 --- a/app/controllers/submissions_controller.rb +++ b/app/controllers/submissions_controller.rb @@ -17,7 +17,7 @@ class SubmissionsController < ApplicationController 'number' => 'square_number_1', 'image' => 'photo', 'initials' => 'letter_case_upper', 'file' => 'paperclip', 'select' => 'select', 'checkbox' => 'checkbox', 'radio' => 'circle_dot', 'stamp' => 'rubber_stamp', 'cells' => 'columns_3', 'multiple' => 'checks', 'phone' => 'phone_check', - 'payment' => 'credit_card', 'verification' => 'id' + 'payment' => 'credit_card', 'verification' => 'id', 'kba' => 'user_scan' }.freeze def show diff --git a/app/javascript/application.js b/app/javascript/application.js index 86a77b85..4b5988c9 100644 --- a/app/javascript/application.js +++ b/app/javascript/application.js @@ -159,6 +159,7 @@ safeRegisterElement('template-builder', class extends HTMLElement { locale: this.dataset.locale, withPhone: this.dataset.withPhone === 'true', withVerification: ['true', 'false'].includes(this.dataset.withVerification) ? this.dataset.withVerification === 'true' : null, + withKba: ['true', 'false'].includes(this.dataset.withKba) ? this.dataset.withKba === 'true' : null, withLogo: this.dataset.withLogo !== 'false', withFieldsDetection: this.dataset.withFieldsDetection === 'true', editable: this.dataset.editable !== 'false', diff --git a/app/javascript/submission_form/area.vue b/app/javascript/submission_form/area.vue index c39cb16d..1740fe0e 100644 --- a/app/javascript/submission_form/area.vue +++ b/app/javascript/submission_form/area.vue @@ -60,6 +60,11 @@ class="object-contain mx-auto" :src="stamp.url" > +
import MarkdownContent from './markdown_content' -import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconCheck, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard, IconRubberStamp, IconSquareNumber1, IconId } from '@tabler/icons-vue' +import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconCheck, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard, IconRubberStamp, IconSquareNumber1, IconId, IconUserScan } from '@tabler/icons-vue' export default { name: 'FieldArea', @@ -391,7 +396,8 @@ export default { stamp: this.t('stamp'), payment: this.t('payment'), phone: this.t('phone'), - verification: this.t('verify_id') + verification: this.t('verify_id'), + kba: this.t('kba') } }, strikethroughWidth () { @@ -454,7 +460,8 @@ export default { multiple: IconChecks, phone: IconPhoneCheck, payment: IconCreditCard, - verification: IconId + verification: IconId, + kba: IconUserScan, } }, image () { @@ -471,6 +478,13 @@ export default { return null } }, + kba () { + if (this.field.type === 'kba') { + return this.attachmentsIndex[this.modelValue] + } else { + return null + } + }, signature () { if (this.field.type === 'signature') { return this.attachmentsIndex[this.modelValue] diff --git a/app/javascript/submission_form/form.vue b/app/javascript/submission_form/form.vue index b793d6ae..b5454976 100644 --- a/app/javascript/submission_form/form.vue +++ b/app/javascript/submission_form/form.vue @@ -465,6 +465,18 @@ @focus="scrollIntoField(currentField)" @submit="!isSubmitting && submitStep()" /> +