add display only type

diff --git a/ext/afform/admin/ang/afGuiEditor/elements/afGuiField.component.js b/ext/afform/admin/ang/afGuiEditor/elements/afGuiField.component.js
index 0102c32e9bf1dd73e46337d8b9ffdea47a84d7a3..4951624715d779ce077ffccacb308b3a5240a851 100644 (file)
--- a/ext/afform/admin/ang/afGuiEditor/elements/afGuiField.component.js
+++ b/ext/afform/admin/ang/afGuiEditor/elements/afGuiField.component.js
@@ -167,6 +167,9 @@
           case 'Number':
             return !(defn.options || defn.data_type === 'Boolean');
 
+          case 'DisplayOnly':
+            return true;
+
           default:
             return false;
         }

diff --git a/ext/afform/admin/ang/afGuiEditor/inputType/DisplayOnly.html b/ext/afform/admin/ang/afGuiEditor/inputType/DisplayOnly.html
new file mode 100644 (file)
index 0000000..c44ad2b
--- /dev/null
+++ b/ext/afform/admin/ang/afGuiEditor/inputType/DisplayOnly.html
@@ -0,0 +1,3 @@
+<div class="form-inline">
+  <input class="form-control" ng-model-options="$ctrl.editor.debounceWithGetterSetter" type="text" title="{{:: ts('Field value will be shown on the form') }}" disabled/>
+</div>

diff --git a/ext/afform/core/ang/af/fields/DisplayOnly.html b/ext/afform/core/ang/af/fields/DisplayOnly.html
new file mode 100644 (file)
index 0000000..7d4a696
--- /dev/null
+++ b/ext/afform/core/ang/af/fields/DisplayOnly.html
@@ -0,0 +1 @@
+{{dataProvider.getFieldData()[$ctrl.fieldName]}}