mirror of https://github.com/docusealco/docuseal
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
8.5 KiB
113 lines
8.5 KiB
<% content_for(:html_title, "#{@submitter.submission.name || @submitter.submission.template.name} | DocuSeal") %>
|
|
<% I18n.with_locale(@submitter.account.locale) do %>
|
|
<% content_for(:html_description, t('account_name_has_invited_you_to_fill_and_sign_documents_online_effortlessly_with_a_secure_fast_and_user_friendly_digital_document_signing_solution', account_name: @submitter.account.name)) %>
|
|
<% end %>
|
|
<% fields_index = Templates.build_field_areas_index(@submitter.submission.template_fields || @submitter.submission.template.fields) %>
|
|
<% values = @submitter.submission.submitters.reduce({}) { |acc, sub| acc.merge(sub.values) } %>
|
|
<% submitters_index = @submitter.submission.submitters.index_by(&:uuid) %>
|
|
<% page_blob_struct = Struct.new(:url, :metadata, keyword_init: true) %>
|
|
<% schema = Submissions.filtered_conditions_schema(@submitter.submission, values:, include_submitter_uuid: @submitter.uuid) %>
|
|
<% font_scale = 1000.0 / PdfUtils::US_LETTER_W %>
|
|
<div style="max-height: -webkit-fill-available;">
|
|
<div id="scrollbox">
|
|
<div class="mx-auto block pb-72" style="max-width: 1000px">
|
|
<%# flex block w-full sticky top-0 z-50 space-x-2 items-center bg-yellow-100 p-2 border-y border-yellow-200 transition-transform duration-300 %>
|
|
<%= local_assigns[:banner_html] || capture do %>
|
|
<%= render('submit_form/banner') %>
|
|
<div id="signing_form_header" class="sticky min-[1230px]:static top-0 z-50 bg-base-100 py-2 px-2 flex items-center md:-mx-[8px]" style="margin-bottom: -16px">
|
|
<div class="text-xl md:text-2xl font-medium focus:text-clip" style="width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
|
|
<%= @submitter.submission.name || @submitter.submission.template.name %>
|
|
</div>
|
|
<div class="flex items-center space-x-2" style="margin-left: 20px; flex-shrink: 0">
|
|
<% if @form_configs[:with_decline] %>
|
|
<% decline_modal_checkbox_uuid = SecureRandom.uuid %>
|
|
<div>
|
|
<%= render 'shared/html_modal', title: t(:decline), btn_text: t(:decline), btn_class: 'btn btn-sm !px-5', button_id: 'decline_button', uuid: decline_modal_checkbox_uuid do %>
|
|
<%= render 'submit_form/decline_form', submitter: @submitter %>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<% if @form_configs[:with_partial_download] %>
|
|
<download-button data-src="<%= submit_form_download_index_path(@submitter.slug) %>" class="btn btn-neutral text-white btn-sm !px-4">
|
|
<span class="flex items-center justify-center" data-target="download-button.defaultButton">
|
|
<%= svg_icon('download', class: 'w-6 h-6 inline md:hidden') %>
|
|
<span class="hidden md:inline"><%= t('download') %></span>
|
|
</span>
|
|
<span class="flex items-center justify-center space-x-2 hidden" data-target="download-button.loadingButton">
|
|
<%= svg_icon('loader', class: 'w-6 h-6 animate-spin') %>
|
|
<span class="hidden md:inline"><%= t('downloading') %></span>
|
|
</span>
|
|
</download-button>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<scroll-buttons class="fixed right-5 top-2 hidden md:flex gap-1 z-50 ease-in-out opacity-0 -translate-y-10">
|
|
<% if @form_configs[:with_decline] %>
|
|
<label id="decline_button" for="<%= decline_modal_checkbox_uuid %>" class="btn btn-sm px-0">
|
|
<span class="min-[1366px]:inline hidden px-3">
|
|
<%= t(:decline) %>
|
|
</span>
|
|
<span class="inline min-[1366px]:hidden px-2">
|
|
<%= svg_icon('x', class: 'w-5 h-5') %>
|
|
</span>
|
|
</label>
|
|
<% end %>
|
|
<download-button data-src="<%= submit_form_download_index_path(@submitter.slug) %>" class="btn btn-neutral text-white btn-sm px-2">
|
|
<span data-target="download-button.defaultButton">
|
|
<%= svg_icon('download', class: 'w-5 h-5') %>
|
|
</span>
|
|
<span class="hidden" data-target="download-button.loadingButton">
|
|
<%= svg_icon('loader', class: 'w-5 h-5 animate-spin') %>
|
|
</span>
|
|
</download-button>
|
|
</scroll-buttons>
|
|
<% end %>
|
|
<% schema.each do |item| %>
|
|
<% document = @submitter.submission.schema_documents.find { |a| a.uuid == item['attachment_uuid'] } %>
|
|
<div id="document-<%= document.uuid %>">
|
|
<% document_annots_index = document.metadata.dig('pdf', 'annotations')&.group_by { |e| e['page'] } || {} %>
|
|
<% preview_images_index = document.preview_images.loaded? ? document.preview_images.index_by { |e| e.filename.base.to_i } : {} %>
|
|
<% lazyload_metadata = document.preview_images.last&.metadata || Templates::ProcessDocument::US_LETTER_SIZE %>
|
|
<% (document.metadata.dig('pdf', 'number_of_pages') || (document.preview_images.loaded? ? preview_images_index.size : document.preview_images.size)).times do |index| %>
|
|
<% page = preview_images_index[index] || page_blob_struct.new(metadata: lazyload_metadata, url: preview_document_page_path(document.signed_uuid, "#{index}.jpg")) %>
|
|
<page-container class="block relative my-4 shadow-md" style="container-type: size; aspect-ratio: <%= width = page.metadata['width'] %> / <%= height = page.metadata['height'] %>">
|
|
<img loading="lazy" src="<%= page.url %>" width="<%= width %>" height="<%= height %>">
|
|
<div id="page-<%= [document.uuid, index].join('-') %>" class="top-0 bottom-0 left-0 right-0 absolute">
|
|
<% if annots = document_annots_index[index] %>
|
|
<%= render 'submit_form/annotations', annots: %>
|
|
<% end %>
|
|
<% fields_index.dig(document.uuid, index)&.each do |(area, field)| %>
|
|
<% value = values[field['uuid']].presence || (field['readonly'] == true && field['default_value'].present? ? Submitters::SubmitValues.template_default_value_for_submitter(field['default_value'], @submitter.submission.submitters.find { |e| e.uuid == field['submitter_uuid'] }, with_time: false) : nil) %>
|
|
<% next if value.blank? %>
|
|
<% next if !field['readonly'] && field['submitter_uuid'] == @submitter.uuid %>
|
|
<% next if value == '{{date}}' && field['submitter_uuid'] != @submitter.uuid %>
|
|
<% next if field['conditions'].present? && values[field['uuid']].blank? && field['submitter_uuid'] != @submitter.uuid %>
|
|
<% next if field['conditions'].present? && field['submitter_uuid'] == @submitter.uuid %>
|
|
<% next if field.dig('preferences', 'formula').present? && field['submitter_uuid'] == @submitter.uuid %>
|
|
<%= render 'submissions/value', page_width: width, page_height: height, font_scale:, area:, field:, attachments_index: @attachments_index, value: field.dig('preferences', 'mask').present? ? TextUtils.mask_value(value, field.dig('preferences', 'mask')) : value, locale: @submitter.account.locale, timezone: @submitter.account.timezone, submitter: submitters_index[field['submitter_uuid']], with_signature_id: @form_configs[:with_signature_id], with_submitter_timezone: @form_configs[:with_submitter_timezone], with_signature_id_reason: @form_configs[:with_signature_id_reason] %>
|
|
<% end %>
|
|
</div>
|
|
</page-container>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<%= render 'shared/attribution', link_path: '/start', account: @submitter.account, with_style: false %>
|
|
<% if @form_configs[:policy_links].present? %>
|
|
<div class="text-center md:text-neutral-500 md:pr-3 md:pb-3 md:text-sm md:text-left mt-2 md:mt-0 md:fixed md:bottom-0 md:right-0">
|
|
<div class="md:max-w-[8rem] flex flex-wrap md:flex-col justify-center md:justify-start md:items-start space-x-2 md:space-x-0">
|
|
<%= auto_link(MarkdownToHtml.call(@form_configs[:policy_links])) %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="fixed bottom-0 w-full h-0 z-20">
|
|
<div class="mx-auto" style="max-width: 1000px">
|
|
<div class="relative md:mx-32">
|
|
<%= render 'submit_form/submission_form', attachments_index: @attachments_index, submitter: @submitter, signature_attachment: @signature_attachment, configs: @form_configs, dry_run: local_assigns[:dry_run], expand: local_assigns[:expand], scroll_padding: local_assigns.fetch(:scroll_padding, '-110px'), schema: %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<%= render 'scripts/autosize_field' %>
|