From 6f6c51fb3233b32bba6d43b1e331397e010f7d1a Mon Sep 17 00:00:00 2001
From: Alex Turchyn <lexfox777@gmail.com>
Date: Sun, 7 Jan 2024 00:58:43 +0200
Subject: [PATCH] add tooltips to personalize emails

---
 .../_documents_copy_email_form.html.erb          |  9 +++++++--
 .../_signature_request_email_form.html.erb       |  9 +++++++--
 .../_submitter_completed_email_form.html.erb     | 16 +++++++++++++---
 app/views/submissions/_send_email.html.erb       |  7 ++++++-
 4 files changed, 33 insertions(+), 8 deletions(-)

diff --git a/app/views/personalization_settings/_documents_copy_email_form.html.erb b/app/views/personalization_settings/_documents_copy_email_form.html.erb
index a47c265b..d6d0b653 100644
--- a/app/views/personalization_settings/_documents_copy_email_form.html.erb
+++ b/app/views/personalization_settings/_documents_copy_email_form.html.erb
@@ -1,4 +1,4 @@
-<div class="collapse collapse-plus bg-base-200">
+<div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
   <div class="collapse-title text-xl font-medium">
     <div>
@@ -14,7 +14,12 @@
           <%= ff.text_field :subject, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= ff.label :body, class: 'label' %>
+          <div class="flex items-center">
+            <%= ff.label :body, class: 'label' %>
+            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_DOCUMENTS_COPY_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+              <%= svg_icon('info_circle', class: 'w-4 h-4') %>
+            </span>
+          </div>
           <autoresize-textarea>
             <%= ff.text_area :body, required: true, class: 'base-input w-full py-2', dir: 'auto' %>
           </autoresize-textarea>
diff --git a/app/views/personalization_settings/_signature_request_email_form.html.erb b/app/views/personalization_settings/_signature_request_email_form.html.erb
index fcf4802e..d7c5e41e 100644
--- a/app/views/personalization_settings/_signature_request_email_form.html.erb
+++ b/app/views/personalization_settings/_signature_request_email_form.html.erb
@@ -1,4 +1,4 @@
-<div class="collapse collapse-plus bg-base-200">
+<div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
   <div class="collapse-title text-xl font-medium">
     <div>
@@ -14,7 +14,12 @@
           <%= ff.text_field :subject, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= ff.label :body, class: 'label' %>
+          <div class="flex items-center">
+            <%= ff.label :body, class: 'label' %>
+            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+              <%= svg_icon('info_circle', class: 'w-4 h-4') %>
+            </span>
+          </div>
           <autoresize-textarea>
             <%= ff.text_area :body, required: true, class: 'base-input w-full py-2', dir: 'auto' %>
           </autoresize-textarea>
diff --git a/app/views/personalization_settings/_submitter_completed_email_form.html.erb b/app/views/personalization_settings/_submitter_completed_email_form.html.erb
index a5c55913..e759243e 100644
--- a/app/views/personalization_settings/_submitter_completed_email_form.html.erb
+++ b/app/views/personalization_settings/_submitter_completed_email_form.html.erb
@@ -1,4 +1,4 @@
-<div class="collapse collapse-plus bg-base-200">
+<div class="collapse collapse-plus bg-base-200 overflow-visible">
   <input type="checkbox">
   <div class="collapse-title text-xl font-medium">
     <div>
@@ -10,11 +10,21 @@
       <%= f.hidden_field :key %>
       <%= f.fields_for :value, Struct.new(:subject, :body).new(*f.object.value.values_at('subject', 'body')) do |ff| %>
         <div class="form-control">
-          <%= ff.label :subject, class: 'label' %>
+          <div class="flex items-center">
+            <%= ff.label :subject, class: 'label' %>
+            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY, 'subject').scan(/{{.*?}}/).join(', ') %>">
+              <%= svg_icon('info_circle', class: 'w-4 h-4') %>
+            </span>
+          </div>
           <%= ff.text_field :subject, required: true, class: 'base-input', dir: 'auto' %>
         </div>
         <div class="form-control">
-          <%= ff.label :body, class: 'label' %>
+          <div class="flex items-center">
+            <%= ff.label :body, class: 'label' %>
+            <span class="tooltip" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_COMPLETED_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+              <%= svg_icon('info_circle', class: 'w-4 h-4') %>
+            </span>
+          </div>
           <autoresize-textarea>
             <%= ff.text_area :body, required: true, class: 'base-input w-full py-2', dir: 'auto' %>
           </autoresize-textarea>
diff --git a/app/views/submissions/_send_email.html.erb b/app/views/submissions/_send_email.html.erb
index cf6226c8..53dd83e6 100644
--- a/app/views/submissions/_send_email.html.erb
+++ b/app/views/submissions/_send_email.html.erb
@@ -36,7 +36,12 @@
         <%= f.text_field :subject, value: config.value['subject'], required: true, class: '!text-sm base-input w-full', dir: 'auto' %>
       </div>
       <div class="form-control">
-        <%= f.label :message, 'Body', class: 'label' %>
+        <div class="flex items-center">
+          <%= f.label :message, 'Body', class: 'label' %>
+          <span class="tooltip tooltip-right" data-tip="Use following placeholders text: <%= AccountConfig::DEFAULT_VALUES.dig(AccountConfig::SUBMITTER_INVITATION_EMAIL_KEY, 'body').scan(/{{.*?}}/).join(', ') %>">
+            <%= svg_icon('info_circle', class: 'w-4 h-4') %>
+          </span>
+        </div>
         <autoresize-textarea>
           <%= f.text_area :body, value: config.value['body'], required: true, class: 'base-textarea w-full', rows: 10, dir: 'auto' %>
         </autoresize-textarea>