afGuiEditor - Add help blocks. Reorder in anticipation of more fields.

diff --git a/ext/afform/gui/ang/afGuiEditor/config-form.html b/ext/afform/gui/ang/afGuiEditor/config-form.html
index 60a3c830e5c2cc2bc49c5fce33358f4730a521a1..c53d5840a09c9552f64cd34eeb14e7c8ec3e5403 100644 (file)
--- 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>