@rxap/schematic-angular 16.2.0-dev.6 → 16.2.0-dev.60

package/src/schematics/form/form-group/template.schema.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-group-schematic",
+  "allOf": [
+    {
+      "$ref": "#/definitions/angular"
+    },
+    {
+      "$ref": "#/definitions/formGroup"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "formName": {
+          "alias": "form",
+          "type": "string",
+          "description": "The name of the form where the form control should be added"
+        }
+      },
+      "required": [
+        "formName"
+      ]
+    }
+  ],
+  "definitions": {
+    "angular": {
+      "$ref": "../../angular.schema.json"
+    },
+    "formGroup": {
+      "$ref": "../../form-group.schema.json"
+    }
+  }
+}

package/src/schematics/form/templates/autocomplete-table-select-form-control.hbs

@@ -0,0 +1,34 @@
+{{#> matFormField control=control}}
+  <input [matAutocomplete]="auto{{classify control.name}}"
+    formControlName="{{control.name}}"
+    matInput
+    type="text"
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+    />
+  <mat-autocomplete #auto{{classify control.name}}="matAutocomplete">
+    <mat-option *rxapAutocompleteOptionsFromMethod="let option; matAutocomplete: auto{{classify control.name}}"
+                [value]="option.value">
+                \{{ option.display }}
+    </mat-option>
+  </mat-autocomplete>
+  <button
+    rxapOpenTableSelectWindow
+    mat-icon-button
+    matPrefix
+    tabindex="-1"
+    type="button"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+  >
+    <mat-icon svgIcon="table-eye"></mat-icon>
+  </button>
+{{/matFormField}}

package/src/schematics/form/templates/checkbox-form-control.hbs

@@ -0,0 +1,11 @@
+
+<mat-checkbox
+  [indeterminate]="true"
+  formControlName="{{control.name}}"
+  labelPosition="{{control.labelPosition}}"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  <ng-container i18n>{{control.label}}</ng-container>
+</mat-checkbox>

package/src/schematics/form/templates/default-form-array.hbs

@@ -0,0 +1,29 @@
+
+<fieldset
+  formArrayName="{{control.name}}"
+  class="flex flex-col gap-3 border border-solid border-gray-300 p-3"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  {{#if control.legend}}
+  <legend class="text-sm" i18n>{{control.legend}}</legend>
+  {{/if}}
+  <button i18n mat-stroked-button rxapFormArrayItemAddButton>Add new entry</button>
+  <ng-container *rxapForFormArrayItem="let group">
+    <fieldset [formGroup]="group" class="flex flex-row gap-4 items-center border border-solid border-gray-300 p-3" rxapFormArrayRemovable>
+      {{#if control.groupLegend}}
+      <legend class="text-sm" i18n>{{control.groupLegend}}</legend>
+      {{/if}}
+      {{#each control.controlList}}
+      {{indent (compile this.handlebars control=this prefix=../prefix) 6}}
+      {{/each}}
+      <button color="warn" mat-icon-button rxapFormArrayItemRemoveButton>
+        <mat-icon>do_not_disturb_on</mat-icon>
+      </button>
+      <button color="accent" mat-icon-button rxapFormArrayItemRestoreButton>
+        <mat-icon>settings_backup_restore</mat-icon>
+      </button>
+    </fieldset>
+  </ng-container>
+</fieldset>

package/src/schematics/form/templates/default-form-control.hbs

@@ -0,0 +1,2 @@
+
+<!-- form control: {{control.name}} -->

package/src/schematics/form/templates/default-form-group.hbs

@@ -0,0 +1,15 @@
+
+<fieldset
+  formGroupName="{{control.name}}"
+  class="flex flex-col gap-3 border border-solid border-gray-300 p-3"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  {{#if control.legend}}
+  <legend class="text-sm" i18n>{{control.legend}}</legend>
+  {{/if}}
+{{#each control.controlList}}
+  {{indent (compile this.handlebars control=this prefix=../prefix) 2}}
+{{/each}}
+</fieldset>

package/src/schematics/form/templates/input-form-control.hbs

@@ -0,0 +1,16 @@
+{{#> matFormField control=control}}
+  <input
+    matInput
+    formControlName="{{control.name}}"
+    type="{{control.inputType}}"
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+  />
+{{/matFormField}}

package/src/schematics/form/templates/mat-form-field.hbs

@@ -0,0 +1,31 @@
+
+<mat-form-field{{#each control.formField.directiveList}} {{this.name}}{{/each}}{{#if control.formField.cssClass}} {{> cssClass cssClass=control.formField.cssClass}}{{/if}}>
+  {{#if control.formField.label}}
+  <mat-label i18n>{{control.formField.label}}</mat-label>
+  {{/if}}
+{{#if control.formField.prefixButton}}
+  {{#if control.formField.prefixButton.icon}}
+  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formField.prefixButton.directiveList}} {{this.name}}{{/each}}>
+    <mat-icon>{{control.formField.prefixButton.icon}}</mat-icon>
+  </button>
+  {{/if}}
+  {{#if control.formField.prefixButton.svgIcon}}
+  <button tabindex="-1" type="button" matPrefix mat-icon-button{{#each control.formField.prefixButton.directiveList}} {{this.name}}{{/each}}>
+    <mat-icon>{{control.formField.prefixButton.svgIcon}}</mat-icon>
+  </button>
+  {{/if}}
+{{/if}}
+{{#if control.formField.suffixButton}}
+  {{#if control.formField.suffixButton.icon}}
+  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formField.suffixButton.directiveList}} {{this.name}}{{/each}}>
+    <mat-icon>{{control.formField.suffixButton.icon}}</mat-icon>
+  </button>
+  {{/if}}
+  {{#if control.formField.suffixButton.svgIcon}}
+  <button tabindex="-1" type="button" matSuffix mat-icon-button{{#each control.formField.suffixButton.directiveList}} {{this.name}}{{/each}}>
+    <mat-icon>{{control.formField.suffixButton.svgIcon}}</mat-icon>
+  </button>
+  {{/if}}
+{{/if}}
+  {{> @partial-block }}
+</mat-form-field>

package/src/schematics/form/templates/select-form-control.hbs

@@ -0,0 +1,18 @@
+{{#> matFormField control=control}}
+  <mat-select
+    formControlName="{{control.name}}"
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+  >
+    {{#if control.optionList}}
+    <mat-option *rxapInputSelectOptions="let option" [value]="option.value">\{{option.display}}</mat-option>
+    {{/if}}
+    {{#unless control.optionList}}
+    <mat-option *rxapOptionsFromMethod="let option" [value]="option.value">\{{option.display}}</mat-option>
+    {{/unless}}
+  </mat-select>
+{{/matFormField}}

package/src/schematics/form/templates/slide-toggle-form-control.hbs

@@ -0,0 +1,10 @@
+
+<mat-slide-toggle
+  formControlName="{{control.name}}"
+  labelPosition="{{control.labelPosition}}"
+  {{#if parentControlContainer}}
+  parentControlContainer
+  {{/if}}
+>
+  <ng-container i18n>{{control.label}}</ng-container>
+</mat-slide-toggle>

package/src/schematics/form/templates/table-select-form-control.hbs

@@ -0,0 +1,25 @@
+{{#> matFormField control=control}}
+  <rxap-table-select-input
+    rxapOpenTableSelectWindow
+    formControlName="{{control.name}}"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+  >
+  </rxap-table-select-input>
+  <button
+    rxapOpenTableSelectWindow
+    mat-icon-button
+    matPrefix
+    tabindex="-1"
+    type="button"
+    {{#if control.title}}
+    i18n-label label="{{control.title}}"
+    {{/if}}
+  >
+    <mat-icon svgIcon="table-eye"></mat-icon>
+  </button>
+{{/matFormField}}

package/src/schematics/form/templates/textarea-form-control.hbs

@@ -0,0 +1,25 @@
+{{#> matFormField control=control}}
+  <textarea
+    formControlName="{{control.name}}"
+    matInput
+    {{#if control.autosize}}
+    cdkTextareaAutosize
+    {{/if}}
+    {{#if control.autosize.maxRows}}
+    [cdkAutosizeMaxRows]="{{control.autosize.maxRows}}"
+    {{/if}}
+    {{#if control.autosize.minRows}}
+    [cdkAutosizeMinRows]="{{control.autosize.minRows}}"
+    {{/if}}
+    {{#if control.isRequired}}
+    rxapRequired
+    {{/if}}
+    {{#if parentControlContainer}}
+    parentControlContainer
+    {{/if}}
+    {{#if control.placeholder}}
+    i18n-placeholder placeholder="{{control.placeholder}}"
+    {{/if}}
+  >
+  </textarea>
+{{/matFormField}}

package/src/schematics/form-array.schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-array",
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "array"
+        }
+      },
+      "required": [ "role" ]
+    },
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormArray"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormArray": {
+      "$ref": "./base-form-array.schema.json"
+    }
+  }
+}

package/src/schematics/form-component.schema.json

@@ -0,0 +1,45 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-component",
+  "allOf": [
+    {
+      "$ref": "#/definitions/formDefinition"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "window": {
+          "type": "boolean",
+          "description": "Whether the form can be opened in a window"
+        },
+        "role": {
+          "type": "string",
+          "description": "Define the role of the form"
+        },
+        "matFormFieldDefaultOptions": {
+          "appearance": {
+            "type": "string",
+            "description": "The appearance of the mat form field",
+            "enum": [
+              "legacy",
+              "standard",
+              "fill",
+              "outline"
+            ]
+          }
+        },
+        "identifier": {
+          "$ref": "#/definitions/accordionIdentifier"
+        }
+      }
+    }
+  ],
+  "definitions": {
+    "formDefinition": {
+      "$ref": "./form-definition.schema.json"
+    },
+    "accordionIdentifier": {
+      "$ref": "./accordion-identifier.schema.json"
+    }
+  }
+}

package/src/schematics/form-control.schema.json

@@ -0,0 +1,84 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-control",
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "control",
+          "default": "control"
+        }
+      }
+    },
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormControl"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        },
+        {
+          "$ref": "#/definitions/inputFormControl"
+        },
+        {
+          "$ref": "#/definitions/selectFormControl"
+        },
+        {
+          "$ref": "#/definitions/checkboxFormControl"
+        },
+        {
+          "$ref": "#/definitions/textareaFormControl"
+        },
+        {
+          "$ref": "#/definitions/tableSelectFormControl"
+        },
+        {
+          "$ref": "#/definitions/slideToggleFormControl"
+        },
+        {
+          "$ref": "#/definitions/autocompleteTableSelectFormControl"
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormControl": {
+      "$ref": "./base-form-control.schema.json"
+    },
+    "inputFormControl": {
+      "$ref": "./input-form-control.schema.json"
+    },
+    "selectFormControl": {
+      "$ref": "./select-form-control.schema.json"
+    },
+    "checkboxFormControl": {
+      "$ref": "./checkbox-form-control.schema.json"
+    },
+    "textareaFormControl": {
+      "$ref": "./textarea-form-control.schema.json"
+    },
+    "tableSelectFormControl": {
+      "$ref": "./table-select-form-control.schema.json"
+    },
+    "autocompleteTableSelectFormControl": {
+      "$ref": "./autocomplete-table-select-form-control.schema.json"
+    },
+    "slideToggleFormControl": {
+      "$ref": "./slide-toggle-form-control.schema.json"
+    }
+  }
+}

package/src/schematics/form-definition.schema.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-definition",
+  "type": "object",
+  "properties": {
+    "controlList": {
+      "alias": "control",
+      "type": "array",
+      "items": {
+        "$ref": "#/definitions/control"
+      }
+    }
+  },
+  "required": [
+    "controlList"
+  ],
+  "definitions": {
+    "control": {
+      "$ref": "./control.schema.json"
+    }
+  }
+}

package/src/schematics/form-field.schema.json

@@ -0,0 +1,30 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-field",
+  "type": "object",
+  "properties": {
+    "label": {
+      "type": "string"
+    },
+    "prefixButton": {
+      "$ref": "#/definitions/button"
+    },
+    "suffixButton": {
+      "$ref": "#/definitions/button"
+    },
+    "hasClearButton": {
+      "type": "boolean"
+    },
+    "cssClass": {
+      "$ref": "#/definitions/cssClass"
+    }
+  },
+  "definitions": {
+    "button": {
+      "$ref": "./button.schema.json"
+    },
+    "cssClass": {
+      "$ref": "./css-class.schema.json"
+    }
+  }
+}

package/src/schematics/form-group.schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "form-group",
+  "allOf": [
+    {
+      "type": "object",
+      "properties": {
+        "role": {
+          "type": "string",
+          "const": "group"
+        }
+      },
+      "required": [ "role" ]
+    },
+    {
+      "oneOf": [
+        {
+          "allOf": [
+            {
+              "$ref": "#/definitions/baseFormGroup"
+            },
+            {
+              "type": "object",
+              "properties": {
+                "kind": {
+                  "type": "string",
+                  "const": "default",
+                  "default": "default"
+                }
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "definitions": {
+    "baseFormGroup": {
+      "$ref": "./base-form-group.schema.json"
+    }
+  }
+}

package/src/schematics/general.schema.json

@@ -34,8 +34,5 @@
       "type": "boolean",
       "default": false
     }
-  },
-  "required": [
-    "project"
-  ]
+  }
 }

package/src/schematics/header-button.schema.json

@@ -0,0 +1,42 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "header-button",
+  "type": "object",
+  "properties": {
+    "permission": {
+      "type": "string"
+    },
+    "icon": {
+      "type": "string"
+    },
+    "svgIcon": {
+      "type": "string"
+    },
+    "refresh": {
+      "type": "boolean",
+      "description": "Whether the table action should refresh the table after execution",
+      "default": false
+    },
+    "confirm": {
+      "type": "boolean",
+      "description": "Whether the table action should confirm before execution",
+      "default": false
+    },
+    "tooltip": {
+      "type": "string",
+      "description": "The tooltip for the table action"
+    },
+    "errorMessage": {
+      "type": "string",
+      "description": "The error message for the table action"
+    },
+    "successMessage": {
+      "type": "string",
+      "description": "The success message for the table action"
+    },
+    "options": {
+      "type": "object",
+      "additionalProperties": true
+    }
+  }
+}

package/src/schematics/icon-table-column.schema.json

@@ -0,0 +1,24 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "icon-table-column",
+  "allOf": [
+    {
+      "$ref": "#/definitions/baseTableColumn"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "kind": {
+          "type": "string",
+          "const": "icon"
+        }
+      },
+      "required": ["kind"]
+    }
+  ],
+  "definitions": {
+    "baseTableColumn": {
+      "$ref": "./base-table-column.schema.json"
+    }
+  }
+}

package/src/schematics/input-form-control.schema.json

@@ -0,0 +1,60 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "input-form-control",
+  "allOf": [
+    {
+      "$ref": "#/definitions/baseFormControl"
+    },
+    {
+      "type": "object",
+      "properties": {
+        "kind": {
+          "type": "string",
+          "const": "input"
+        },
+        "formField": {
+          "$ref": "#/definitions/formField"
+        },
+        "inputType": {
+          "type": "string",
+          "enum": [
+            "text",
+            "password",
+            "email",
+            "number",
+            "tel",
+            "url",
+            "checkbox",
+            "color",
+            "date",
+            "time",
+            "datetime-local",
+            "file",
+            "hidden",
+            "image",
+            "month",
+            "radio",
+            "reset",
+            "button",
+            "search",
+            "submit",
+            "week",
+            "range"
+          ]
+        },
+        "placeholder": {
+          "type": "string"
+        }
+      },
+      "required": ["kind"]
+    }
+  ],
+  "definitions": {
+    "formField": {
+      "$ref": "./form-field.schema.json"
+    },
+    "baseFormControl": {
+      "$ref": "./base-form-control.schema.json"
+    }
+  }
+}