From 2dd6e72ab098ebac5b09024adf316256e692b091 Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Tue, 24 Nov 2020 21:02:42 -0800
Subject: [PATCH] afGuiEditor - Add help blocks. Reorder in anticipation of
 more fields.

---
 .../gui/ang/afGuiEditor/config-form.html      | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/ext/afform/gui/ang/afGuiEditor/config-form.html b/ext/afform/gui/ang/afGuiEditor/config-form.html
index 60a3c830e5..c53d5840a0 100644
--- a/ext/afform/gui/ang/afGuiEditor/config-form.html
+++ b/ext/afform/gui/ang/afGuiEditor/config-form.html
@@ -12,27 +12,32 @@
     {{ ts('Description:') }}
   </label>
   <textarea ng-model="afform.description" class="form-control" id="af_config_form_description"></textarea>
+  <p class="help-block">{{ts('Semi-private description about the form\'s purpose.')}}</p>
+  <!-- "Semi-private": not generally public, but not audited for secrecy -->
 </div>
 
 <div class="form-group">
   <label for="af_config_form_server_route">
-    {{ ts('URL:') }}
+    {{ ts('Path:') }}
   </label>
   <input ng-model="afform.server_route" class="form-control" id="af_config_form_server_route" />
+  <p class="help-block">{{ts('Expose the form as a standalone page on the web site. (Example: "civicrm/my-form")')}}</p>
 </div>
 
 <div class="form-group">
-  <label for="af_config_form_permission">
-    {{ ts('Permission:') }}
+  <label for="af_config_form_is_dashlet">
+    <input type="checkbox" id="af_config_form_is_dashlet" ng-model="afform.is_dashlet">
+    {{ ts('Enable dashlet') }}
   </label>
-  <input ng-model="afform.permission" class="form-control" id="af_config_form_permission" crm-ui-select="{data: editor.meta.permissions, placeholder: ts('Open access')}" />
+  <p class="help-block">{{ts('Allow backend users to embed the form on the dashboard.')}}</p>
 </div>
 
 <div class="form-group">
-  <label for="af_config_form_is_dashlet">
-    <input type="checkbox" id="af_config_form_is_dashlet" ng-model="afform.is_dashlet">
-    {{ ts('Enable dashlet') }}
+  <label for="af_config_form_permission">
+    {{ ts('Permission:') }}
   </label>
+  <input ng-model="afform.permission" class="form-control" id="af_config_form_permission" crm-ui-select="{data: editor.meta.permissions, placeholder: ts('Open access')}" />
+  <p class="help-block">{{ts('What permission is required to use this form?')}}</p>
 </div>
 
 </ng-form>
-- 
2.25.1