didadmin/docuseal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add stamp field type

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/submission_form/area.vue
+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]
app/javascript/submission_form/form.vue
+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"
app/javascript/template_builder/builder.vue
+9 -1
View File
@@ -493,6 +493,10 @@ export default {
field.options = [{ value: '', uuid: v4() }]
}
if (type === 'stamp') {
field.readonly = true
}
if (type === 'date') {
field.preferences = {
format: Intl.DateTimeFormat().resolvedOptions().locale.endsWith('-US') ? 'MM/DD/YYYY' : 'DD/MM/YYYY'
@@ -675,6 +679,10 @@ export default {
field.options = [{ value: '', uuid: v4() }]
}
if (field.type === 'stamp') {
field.readonly = true
}
if (field.type === 'date') {
field.preferences = {
format: Intl.DateTimeFormat().resolvedOptions().locale.endsWith('-US') ? 'MM/DD/YYYY' : 'DD/MM/YYYY'
@@ -707,7 +715,7 @@ export default {
w: area.maskW / 5 / area.maskW,
h: (area.maskW / 5 / area.maskW) * (area.maskW / area.maskH)
}
} else if (field.type === 'signature') {
} else if (field.type === 'signature' || field.type === 'stamp') {
baseArea = {
w: area.maskW / 5 / area.maskW,
h: (area.maskW / 5 / area.maskW) * (area.maskW / area.maskH) / 2
app/javascript/template_builder/field_type.vue
+8 -6
View File
@@ -46,7 +46,7 @@
</template>
<script>
import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard } from '@tabler/icons-vue'
import { IconTextSize, IconWritingSign, IconCalendarEvent, IconPhoto, IconCheckbox, IconPaperclip, IconSelect, IconCircleDot, IconChecks, IconColumns3, IconPhoneCheck, IconLetterCaseUpper, IconCreditCard, IconRubberStamp } from '@tabler/icons-vue'
export default {
name: 'FiledTypeDropdown',
@@ -92,8 +92,9 @@ export default {
multiple: 'Multiple',
radio: 'Radio',
cells: 'Cells',
phone: 'Phone',
payment: 'Payment'
stamp: 'Stamp',
payment: 'Payment',
phone: 'Phone'
}
},
fieldIcons () {
@@ -104,13 +105,14 @@ export default {
date: IconCalendarEvent,
image: IconPhoto,
file: IconPaperclip,
select: IconSelect,
checkbox: IconCheckbox,
radio: IconCircleDot,
select: IconSelect,
multiple: IconChecks,
cells: IconColumns3,
phone: IconPhoneCheck,
payment: IconCreditCard
stamp: IconRubberStamp,
payment: IconCreditCard,
phone: IconPhoneCheck
}
}
},
app/javascript/template_builder/fields.vue
+4
View File
@@ -261,6 +261,10 @@ export default {
field.options = [{ value: '', uuid: v4() }]
}
if (type === 'stamp') {
field.readonly = true
}
if (type === 'date') {
field.preferences = {
format: Intl.DateTimeFormat().resolvedOptions().locale.endsWith('-US') ? 'MM/DD/YYYY' : 'DD/MM/YYYY'
app/views/submissions/_value.html.erb
+1 -1
View File
@@ -1,5 +1,5 @@
<field-value class="flex absolute text-[1.5vw] lg:text-base" style="width: <%= area['w'] * 100 %>%; height: <%= area['h'] * 100 %>%; left: <%= area['x'] * 100 %>%; top: <%= area['y'] * 100 %>%">
<% if field['type'].in?(['signature', 'image', 'initials']) %>
<% if field['type'].in?(['signature', 'image', 'initials', 'stamp']) %>
<img class="object-contain mx-auto" src="<%= attachments_index[value].url %>" loading="lazy">
<% elsif field['type'].in?(['file', 'payment']) %>
<autosize-field></autosize-field>
app/views/submissions/show.html.erb
+1 -1
View File
@@ -146,7 +146,7 @@
<div class="w-full bg-base-300 py-1">
<img class="object-contain mx-auto" height="<%= attachments_index[value].metadata['height'] %>" width="<%= attachments_index[value].metadata['width'] %>" src="<%= attachments_index[value].url %>" loading="lazy">
</div>
<% elsif field['type'] == 'image' %>
<% elsif field['type'].in?(['image', 'stamp']) %>
<img class="object-contain mx-auto max-h-28" height="<%= attachments_index[value].metadata['height'] %>" width="<%= attachments_index[value].metadata['width'] %>" src="<%= attachments_index[value].url %>" loading="lazy">
<% elsif field['type'] == 'file' || field['type'] == 'payment' %>
<div class="flex flex-col justify-center">
lib/pdf_icons.rb
+15 -3
View File
@@ -9,14 +9,26 @@ module PdfIcons
module_function
def check_io
@check_io ||= StringIO.new(PATH.join('check.png').read)
StringIO.new(check_data)
end
def paperclip_io
@paperclip_io ||= StringIO.new(PATH.join('paperclip.png').read)
StringIO.new(paperclip_data)
end
def logo_io
@logo_io ||= StringIO.new(PATH.join('logo.png').read)
StringIO.new(logo_data)
end
def check_data
@check_data ||= PATH.join('check.png').read
end
def paperclip_data
@paperclip_data ||= PATH.join('paperclip.png').read
end
def logo_data
@logo_data ||= PATH.join('logo.png').read
end
end
lib/submissions/generate_audit_trail.rb
+1 -1
View File
@@ -192,7 +192,7 @@ module Submissions
}
].compact_blank, line_spacing: 1.8, padding: [0, 0, 5, 0]
),
if field['type'].in?(%w[image signature initials])
if field['type'].in?(%w[image signature initials stamp])
attachment = submitter.attachments.find { |a| a.uuid == value }
image = Vips::Image.new_from_buffer(attachment.download, '').autorot
lib/submissions/generate_result_attachments.rb
+1 -1
View File
@@ -67,7 +67,7 @@ module Submissions
canvas.font(FONT_NAME, size: font_size)
case field['type']
when 'image', 'signature', 'initials'
when 'image', 'signature', 'initials', 'stamp'
attachment = submitter.attachments.find { |a| a.uuid == value }
image = Vips::Image.new_from_buffer(attachment.download, '').autorot
lib/submitters/create_stamp_attachment.rb
+89
View File
@@ -0,0 +1,89 @@
# frozen_string_literal: true
module Submitters
module CreateStampAttachment
WIDTH = 400
HEIGHT = 200
TRANSPARENT_PIXEL = "\x89PNG\r\n\u001A\n\u0000\u0000\u0000\rIHDR\u0000" \
"\u0000\u0000\u0001\u0000\u0000\u0000\u0001\b\u0004" \
"\u0000\u0000\u0000\xB5\u001C\f\u0002\u0000\u0000\u0000" \
"\vIDATx\xDAc\xFC_\u000F\u0000\u0002\x83\u0001\x804\xC3ڨ" \
"\u0000\u0000\u0000\u0000IEND\xAEB`\x82"
module_function
def call(submitter)
image = generate_stamp_image(submitter)
image_data = image.write_to_buffer('.png')
checksum = Digest::MD5.base64digest(image_data)
attachment = submitter.attachments.joins(:blob).find_by(blob: { checksum: })
attachment || ActiveStorage::Attachment.create!(
blob: ActiveStorage::Blob.create_and_upload!(io: StringIO.new(image_data), filename: 'stamp.png'),
metadata: { analyzed: true, identified: true, width: image.width, height: image.height },
name: 'attachments',
record: submitter
)
end
# rubocop:disable Metrics
def generate_stamp_image(submitter)
logo = Vips::Image.new_from_buffer(load_logo(submitter).read, '')
logo = logo.resize([WIDTH / logo.width.to_f, HEIGHT / logo.height.to_f].min)
base_layer = Vips::Image.black(WIDTH, HEIGHT).new_from_image([255, 255, 255]).copy(interpretation: :srgb)
opacity_layer = Vips::Image.new_from_buffer(TRANSPARENT_PIXEL, '').resize(WIDTH)
text = build_text_image(submitter)
text_layer = text.new_from_image([0, 0, 0]).copy(interpretation: :srgb)
text_layer = text_layer.bandjoin(text)
base_layer = base_layer.composite(logo, 'over',
x: (WIDTH - logo.width) / 2,
y: (HEIGHT - logo.height) / 2)
base_layer = base_layer.composite(opacity_layer, 'over')
base_layer.composite(text_layer, 'over',
x: (WIDTH - text_layer.width) / 2,
y: (HEIGHT - text_layer.height) / 2)
end
# rubocop:enable Metrics
def build_text_image(submitter)
time = I18n.l(submitter.completed_at.in_time_zone(submitter.account.timezone), format: :long,
locale: submitter.account.locale)
timezone = TimeUtils.timezone_abbr(submitter.account.timezone, submitter.completed_at)
name = if submitter.name.present? && submitter.email.present?
"#{submitter.name} #{submitter.email}"
else
submitter.name || submitter.email || submitter.phone
end
role = if submitter.submission.template_submitters.size > 1
item = submitter.submission.template_submitters.find { |e| e['uuid'] == submitter.uuid }
"Role: #{item['name']}\n"
else
''
end
text = %(<span size="90">Digitally signed by: <b>#{name}</b>\n#{role}#{time} #{timezone}</span>)
Vips::Image.text(text, width: WIDTH, height: HEIGHT)
end
def load_logo(_submitter)
PdfIcons.logo_io
end
end
end
lib/submitters/submit_values.rb
+6
View File
@@ -74,6 +74,12 @@ module Submitters
default_values = submitter.submission.template_fields.each_with_object({}) do |field, acc|
next if field['submitter_uuid'] != submitter.uuid
if field['type'] == 'stamp'
acc[field['uuid']] ||= Submitters::CreateStampAttachment.call(submitter).uuid
next
end
value = field['default_value']
next if value.blank?