feat(material/form-builder): Added Signature Field to Form Builder. A…

…dded readonly flag to form builder field properties.
gnucoop · Oct 16, 2023 · b7e4e39 · b7e4e39
1 parent fe4abdf
commit b7e4e39
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git a/projects/material/form-builder/src/form-builder-service.ts b/projects/material/form-builder/src/form-builder-service.ts
@@ -301,6 +301,10 @@ export class AjfFormBuilderService {
       label: 'Barcode',
       nodeType: {node: AjfNodeType.AjfField, field: AjfFieldType.Barcode},
     },
+    {
+      label: 'Signature',
+      nodeType: {node: AjfNodeType.AjfField, field: AjfFieldType.Signature},
+    },
     {
       label: 'File',
       nodeType: {node: AjfNodeType.AjfField, field: AjfFieldType.File},
@@ -845,6 +849,7 @@ export class AjfFormBuilderService {
 
           if (isField(node)) {
             node.hint = properties.hint;
+            node.editable = !properties.readonlyField;
             node.description = properties.description;
             node.defaultValue = getDefaultValue(properties.defaultValue, node);
             node.formula =

diff --git a/projects/material/form-builder/src/node-properties.html b/projects/material/form-builder/src/node-properties.html
@@ -98,6 +98,9 @@ <h3>{{'Properties'|transloco}}</h3>
         </div>
       </ng-template>
       <ng-template [ngIf]="isField(ne)">
+        <div class="ajf-prop">
+          <mat-checkbox formControlName="readonlyField">{{'Readonly'|transloco}}</mat-checkbox>
+        </div>
         <div class="ajf-prop">
           <mat-form-field>
             <mat-label>{{'Field size'|transloco}}</mat-label>

diff --git a/projects/material/form-builder/src/node-properties.ts b/projects/material/form-builder/src/node-properties.ts
@@ -559,6 +559,7 @@ export class AjfFbNodeProperties implements OnDestroy {
           controls.notEmpty = notEmpty;
           controls.validationConditions = [validationConditions, []];
           controls.notEmptyWarning = notEmptyW;
+          controls.readonlyField = node.editable != null ? !node.editable : false;
           controls.warningConditions = [warningConditions, []];
           controls.nextSlideCondition = [node.nextSlideCondition];
 

diff --git a/projects/material/node-icon/src/node-icon.ts b/projects/material/node-icon/src/node-icon.ts
@@ -73,6 +73,8 @@ export class AjfNodeIcon extends CoreNodeIcon {
         return 'image';
       case AjfFieldType.VideoUrl:
         return 'videocam';
+      case AjfFieldType.Signature:
+        return 'draw';
       default:
         return 'broken_image';
     }