From 28290c4635b155314c7d2b9a9d45e41266b7dfdc Mon Sep 17 00:00:00 2001
From: Alex Turchyn <lexfox777@gmail.com>
Date: Sat, 8 Jul 2023 17:07:07 +0300
Subject: [PATCH] form builder hints

---
 app/javascript/submission_form/dropzone.vue  |  2 +-
 app/javascript/template_builder/dropzone.vue |  2 +-
 app/javascript/template_builder/fields.vue   | 19 +++++++++++++++++++
 app/views/esign_settings/index.html.erb      |  2 +-
 app/views/shared/_settings_nav.html.erb      |  3 +++
 lib/docuseal.rb                              |  1 +
 6 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/app/javascript/submission_form/dropzone.vue b/app/javascript/submission_form/dropzone.vue
index 9734bace..39fe5759 100644
--- a/app/javascript/submission_form/dropzone.vue
+++ b/app/javascript/submission_form/dropzone.vue
@@ -29,7 +29,7 @@
             {{ message }}
           </div>
           <div class="text-xs">
-            <span class="font-medium">Click to upload</span> or drag and drop
+            <span class="font-medium">Click to upload</span> or drag and drop files
           </div>
         </div>
       </div>
diff --git a/app/javascript/template_builder/dropzone.vue b/app/javascript/template_builder/dropzone.vue
index 175c4781..65f2ef16 100644
--- a/app/javascript/template_builder/dropzone.vue
+++ b/app/javascript/template_builder/dropzone.vue
@@ -29,7 +29,7 @@
             {{ message }}
           </div>
           <div class="text-sm">
-            <span class="font-medium">Click to upload</span> or drag and drop
+            <span class="font-medium">Click to upload</span> or drag and drop files
           </div>
         </div>
       </div>
diff --git a/app/javascript/template_builder/fields.vue b/app/javascript/template_builder/fields.vue
index af558c2d..98f93c1d 100644
--- a/app/javascript/template_builder/fields.vue
+++ b/app/javascript/template_builder/fields.vue
@@ -67,6 +67,25 @@
       </div>
     </button>
   </div>
+  <div
+    v-if="fields.length < 4"
+    class="text-xs p-2 border border-base-200 rounded"
+  >
+    <ui>
+      <li>
+        Draw a text field on the page with a mouse
+      </li>
+      <li>
+        Single click of the page to add a checkbox
+      </li>
+      <li>
+        Drag &amp; drop any other field type on the page
+      </li>
+      <li>
+        Click on the field type above to add it to the form without drawing it on the document
+      </li>
+    </ui>
+  </div>
 </template>
 
 <script>
diff --git a/app/views/esign_settings/index.html.erb b/app/views/esign_settings/index.html.erb
index 3dd42c54..08f566b9 100644
--- a/app/views/esign_settings/index.html.erb
+++ b/app/views/esign_settings/index.html.erb
@@ -28,7 +28,7 @@
                 Verify Signed PDF
               </div>
               <div class="text-xs">
-                <span class="font-medium">Click to upload</span> or drag and drop
+                <span class="font-medium">Click to upload</span> or drag and drop files
               </div>
             </div>
             <input id="file" name="files[]" class="hidden" data-action="change:file-dropzone#onSelectFiles" data-target="file-dropzone.input" type="file" accept="application/pdf" multiple>
diff --git a/app/views/shared/_settings_nav.html.erb b/app/views/shared/_settings_nav.html.erb
index 59e3a1f5..7b890467 100644
--- a/app/views/shared/_settings_nav.html.erb
+++ b/app/views/shared/_settings_nav.html.erb
@@ -44,5 +44,8 @@
       <%= svg_icon('send', class: 'h-5 w-5') %>
       Tell about us
     </a>
+    <a href="mailto:<%= Docuseal::SUPPORT_EMAIL %>" target="_blank" class="w-full block mt-4 underline text-center">
+      <%= Docuseal::SUPPORT_EMAIL %>
+    </a>
   </div>
 </div>
diff --git a/lib/docuseal.rb b/lib/docuseal.rb
index 89e2b4e6..05dba0a8 100644
--- a/lib/docuseal.rb
+++ b/lib/docuseal.rb
@@ -9,6 +9,7 @@ module Docuseal
   DISCORD_URL = 'https://discord.com/invite/B5wg5wKk'
   TWITTER_URL = 'https://twitter.com/docusealco'
   TWITTER_HANDLE = '@docusealco'
+  SUPPORT_EMAIL = 'support@docuseal.co'
 
   CERTS = JSON.parse(ENV.fetch('CERTS', '{}'))