Added option to hide form only visually

jan-vince · Jun 21, 2024 · 59e3097 · 59e3097
1 parent 051c882
commit 59e3097
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 2 deletions.
diff --git a/components/smallcontactform/scf-form.htm b/components/smallcontactform/scf-form.htm
@@ -1,8 +1,29 @@
+{% set showForm = 1 %}
+{% set hideFormVisually = 0 %}
+
 {% if formSentAlias == __SELF__.alias and formError is empty and settingsGet('form_hide_after_success', 0) %}
 
 	{# no errors and set to hide after send #}
+	{% set showForm = 0 %}
+
+{% endif %}
+
+{% if formSentAlias == __SELF__.alias and formError is empty and (settingsGet('form_hide_after_success', 0) and settingsGet('form_hide_after_success_visually', 0) == 1) %}
+
+	{# no errors and set to hide only visually after send #}
+	{% set showForm = 1 %}
+	{% set hideFormVisually = 1 %}
+
+{% endif %}
 
-{% else %}
+
+{% if showForm %} 
+
+	{% if hideFormVisually %}
+
+		<div id="scf-form-{{ __SELF__ }}-hidden" style="display: none;">
+
+	{% endif %}
 
 	{{ form_open(__SELF__.getFormAttributes) }}
 
@@ -32,6 +53,12 @@
 
 	{{ form_close() }}
 
+	{% if hideFormVisually %}
+
+		</div>
+
+	{% endif %}
+
 {% endif %}
 
 

diff --git a/lang/cs/lang.php b/lang/cs/lang.php
@@ -165,6 +165,9 @@
       'hide_after_success' => 'Skrýt formulář po úspěšném odeslání',
       'hide_after_success_comment' => 'Po odeslání zobrazí pouze zprávu z potvrzením bez formuláře',
 
+      'hide_after_success_visually' => 'Skrýt jen vizuálně',
+      'hide_after_success_visually_comment' => 'Formulář bude vygenerován, ale vložen do skrytého bloku',
+
       'add_assets' => 'Přidat doplňky',
       'add_assets_comment' => 'Automaticky vloží potřebné CSS styly a JS skripty (Více informací je v souboru README.md)',
 

diff --git a/lang/en/lang.php b/lang/en/lang.php
@@ -170,6 +170,9 @@
       'hide_after_success' => 'Hide form after successful send',
       'hide_after_success_comment' => 'Show only success message without form',
 
+      'hide_after_success_visually' => 'Hide only visually',
+      'hide_after_success_visually_comment' => 'Form will be rendered but inserted in hidden block',
+
       'add_assets' => 'Add assets',
       'add_assets_comment' => 'Automatically add necessary CSS and JS assets (more about assets in README.md file)',
 

diff --git a/models/settings/fields.yaml b/models/settings/fields.yaml
@@ -31,6 +31,17 @@ tabs:
             type: checkbox
             tab: 'janvince.smallcontactform::lang.settings.tabs.form'
 
+        form_hide_after_success_visually:
+            label: 'janvince.smallcontactform::lang.settings.form.hide_after_success_visually'
+            comment: 'janvince.smallcontactform::lang.settings.form.hide_after_success_visually_comment'
+            span: right
+            type: checkbox
+            tab: 'janvince.smallcontactform::lang.settings.tabs.form'
+            trigger:
+                action: show
+                field: form_hide_after_success
+                condition: checked
+
         form_use_placeholders:
             label: 'janvince.smallcontactform::lang.settings.form.use_placeholders'
             comment: 'janvince.smallcontactform::lang.settings.form.use_placeholders_comment'

diff --git a/updates/version.yaml b/updates/version.yaml
@@ -323,4 +323,6 @@
 1.67.0:
     - Updated mail templates for OC v3.6
 1.67.1:
-    - Fixed pl language folder
+    - Fixed pl language folder
+1.68.0:
+    - Added option to hide form only visually