@snapmobile/snapjs-admin/admin/admin-form/admin-form.component.metadata.json

SnapJS Admin

[{"__symbolic":"module","version":3,"metadata":{"AdminFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-admin-form","template":"\n    <form novalidate [formGroup]=\"form\" (ngSubmit)=\"submit()\" class=\"form-horizontal\">\n      <div *ngFor=\"let schemaKey of schemaKeys\">\n        <div [ngSwitch]=\"schema[schemaKey].instanceOverride || schema[schemaKey].instance\">\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Boolean'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'checkbox'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Number'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'number'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Date'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'datetime-local'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Hidden'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'hidden'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Disabled'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'text'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-select\n            *ngSwitchCase=\"'SingleSelect'\"\n            [form]=\"form\"\n            [object]=\"object\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [multiple]=\"false\"\n            [items]=\"schema[schemaKey].options\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n          </app-formcontrol-select>\n\n          <app-formcontrol-select\n            *ngSwitchCase=\"'MultiSelect'\"\n            [form]=\"form\"\n            [object]=\"object\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [multiple]=\"true\"\n            [items]=\"schema[schemaKey].options\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n          </app-formcontrol-select>\n\n          <!-- Array of subdocuments -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-array-rel\n              *ngIf=\"schema[schemaKey].schema\"\n              [disabled]=\"schema[schemaKey].instanceOptions && schema[schemaKey].instanceOptions.disabled\" \n              [form]=\"form\"\n              [object]=\"object\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [schema]=\"schema[schemaKey].schema\">\n            </app-formcontrol-array-rel>\n          </div>\n\n          <!-- Single select for relationship (searches for matches) -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-formcontrol-select-rel \n              *ngIf=\"schema[schemaKey].options && schema[schemaKey].options.ref\" \n              [form]=\"form\" \n              [object]=\"object\" \n              [searchClass]=\"schema[schemaKey].options.ref\" \n              [searchField]=\"schema[schemaKey].searchField\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\" \n              [multiple]=\"false\">  \n            </app-formcontrol-select-rel>\n          </div>\n\n          <!-- Select array of relationships (searches for matches) -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-select-rel \n              *ngIf=\"schema[schemaKey].caster.options && schema[schemaKey].caster.options.ref\"\n              [form]=\"form\" \n              [object]=\"object\" \n              [searchClass]=\"schema[schemaKey].caster.options.ref\"\n              [searchField]=\"schema[schemaKey].searchField\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [multiple]=\"true\">\n            </app-formcontrol-select-rel>\n          </div>\n\n          <!-- Select array of strings -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-array\n              *ngIf=\"schema[schemaKey].caster.options && !schema[schemaKey].caster.options.ref\"\n              [form]=\"form\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n            </app-formcontrol-array>\n          </div>\n\n          <!-- Single embedded document -->\n          <div *ngSwitchCase=\"'Embedded'\">\n            <app-formcontrol-group\n              [disabled]=\"schema[schemaKey].instanceOptions && schema[schemaKey].instanceOptions.disabled\"\n              [form]=\"form\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [schema]=\"schema[schemaKey].schema\">\n            </app-formcontrol-group>\n          </div>\n\n          <!-- Wysiwyg editor -->\n          <div *ngSwitchCase=\"'Wysiwyg'\">\n            <app-formcontrol-tinymce \n              [form]=\"form\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n            </app-formcontrol-tinymce>\n          </div>\n\n          <!-- Images -->\n          <div *ngSwitchCase=\"'Image'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"false\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- File -->\n          <div *ngSwitchCase=\"'File'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"false\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- Multiple images -->\n          <div *ngSwitchCase=\"'ImageArray'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"true\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- Multiple files -->\n          <div *ngSwitchCase=\"'FileArray'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"true\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- SubDocument -->\n          <div *ngSwitchCase=\"'SubDocument'\">\n            <app-formcontrol-subdocument\n              *ngIf=\"object[schemaKey]\"\n              [displayName]=\"schema[schemaKey].displayName\"\n              [value]=\"schema[schemaKey].displayKey ? object[schemaKey][schema[schemaKey].displayKey] : object[schemaKey]\">\n            </app-formcontrol-subdocument>\n          </div>\n\n          <!-- Default input type -->\n          <div *ngSwitchDefault>\n            <app-formcontrol-input [form]=\"form\" [field]=\"schemaKey\" [inputType]=\"'text'\" [displayName]=\"schema[schemaKey].displayName || schemaKey\"></app-formcontrol-input>\n          </div>\n        </div>\n\n        <!-- Display validation errors -->\n        <control-errors [control]=\"form.controls[schemaKey]\"></control-errors>\n      </div>\n\n      <!-- <button type=\"submit\" [disabled]=\"!form.valid\">Save</button> -->\n      <button type=\"submit\">Save</button>\n    </form>\n  ","styles":["\n\n  "]}]}],"members":{"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"submitFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"},{"__symbolic":"reference","module":"../admin.service","name":"AdminService"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AdminFormComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-admin-form","template":"\n    <form novalidate [formGroup]=\"form\" (ngSubmit)=\"submit()\" class=\"form-horizontal\">\n      <div *ngFor=\"let schemaKey of schemaKeys\">\n        <div [ngSwitch]=\"schema[schemaKey].instanceOverride || schema[schemaKey].instance\">\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Boolean'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'checkbox'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Number'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'number'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Date'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'datetime-local'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Hidden'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'hidden'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-input\n            *ngSwitchCase=\"'Disabled'\"\n            [form]=\"form\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [inputType]=\"'text'\">\n          </app-formcontrol-input>\n\n          <app-formcontrol-select\n            *ngSwitchCase=\"'SingleSelect'\"\n            [form]=\"form\"\n            [object]=\"object\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [multiple]=\"false\"\n            [items]=\"schema[schemaKey].options\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n          </app-formcontrol-select>\n\n          <app-formcontrol-select\n            *ngSwitchCase=\"'MultiSelect'\"\n            [form]=\"form\"\n            [object]=\"object\"\n            [field]=\"schemaKey\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n            [multiple]=\"true\"\n            [items]=\"schema[schemaKey].options\"\n            [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n          </app-formcontrol-select>\n\n          <!-- Array of subdocuments -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-array-rel\n              *ngIf=\"schema[schemaKey].schema\"\n              [disabled]=\"schema[schemaKey].instanceOptions && schema[schemaKey].instanceOptions.disabled\" \n              [form]=\"form\"\n              [object]=\"object\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [schema]=\"schema[schemaKey].schema\">\n            </app-formcontrol-array-rel>\n          </div>\n\n          <!-- Single select for relationship (searches for matches) -->\n          <div *ngSwitchCase=\"'ObjectID'\">\n            <app-formcontrol-select-rel \n              *ngIf=\"schema[schemaKey].options && schema[schemaKey].options.ref\" \n              [form]=\"form\" \n              [object]=\"object\" \n              [searchClass]=\"schema[schemaKey].options.ref\" \n              [searchField]=\"schema[schemaKey].searchField\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\" \n              [multiple]=\"false\">  \n            </app-formcontrol-select-rel>\n          </div>\n\n          <!-- Select array of relationships (searches for matches) -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-select-rel \n              *ngIf=\"schema[schemaKey].caster.options && schema[schemaKey].caster.options.ref\"\n              [form]=\"form\" \n              [object]=\"object\" \n              [searchClass]=\"schema[schemaKey].caster.options.ref\"\n              [searchField]=\"schema[schemaKey].searchField\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [multiple]=\"true\">\n            </app-formcontrol-select-rel>\n          </div>\n\n          <!-- Select array of strings -->\n          <div *ngSwitchCase=\"'Array'\">\n            <app-formcontrol-array\n              *ngIf=\"schema[schemaKey].caster.options && !schema[schemaKey].caster.options.ref\"\n              [form]=\"form\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n            </app-formcontrol-array>\n          </div>\n\n          <!-- Single embedded document -->\n          <div *ngSwitchCase=\"'Embedded'\">\n            <app-formcontrol-group\n              [disabled]=\"schema[schemaKey].instanceOptions && schema[schemaKey].instanceOptions.disabled\"\n              [form]=\"form\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [schema]=\"schema[schemaKey].schema\">\n            </app-formcontrol-group>\n          </div>\n\n          <!-- Wysiwyg editor -->\n          <div *ngSwitchCase=\"'Wysiwyg'\">\n            <app-formcontrol-tinymce \n              [form]=\"form\" \n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\">\n            </app-formcontrol-tinymce>\n          </div>\n\n          <!-- Images -->\n          <div *ngSwitchCase=\"'Image'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"false\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- File -->\n          <div *ngSwitchCase=\"'File'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"false\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- Multiple images -->\n          <div *ngSwitchCase=\"'ImageArray'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"true\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- Multiple files -->\n          <div *ngSwitchCase=\"'FileArray'\">\n            <app-formcontrol-file-upload\n              [isMultiple]=\"true\"\n              [field]=\"schemaKey\"\n              [displayName]=\"schema[schemaKey].displayName || schemaKey\"\n              [object]=\"object\"\n              [allowedMimeType]=\"schema[schemaKey].allowedMimeType\"\n              [maxFileSize]=\"schema[schemaKey].maxFileSize\"\n              [form]=\"form\">\n            </app-formcontrol-file-upload>\n          </div>\n\n          <!-- SubDocument -->\n          <div *ngSwitchCase=\"'SubDocument'\">\n            <app-formcontrol-subdocument\n              *ngIf=\"object[schemaKey]\"\n              [displayName]=\"schema[schemaKey].displayName\"\n              [value]=\"schema[schemaKey].displayKey ? object[schemaKey][schema[schemaKey].displayKey] : object[schemaKey]\">\n            </app-formcontrol-subdocument>\n          </div>\n\n          <!-- Default input type -->\n          <div *ngSwitchDefault>\n            <app-formcontrol-input [form]=\"form\" [field]=\"schemaKey\" [inputType]=\"'text'\" [displayName]=\"schema[schemaKey].displayName || schemaKey\"></app-formcontrol-input>\n          </div>\n        </div>\n\n        <!-- Display validation errors -->\n        <control-errors [control]=\"form.controls[schemaKey]\"></control-errors>\n      </div>\n\n      <!-- <button type=\"submit\" [disabled]=\"!form.valid\">Save</button> -->\n      <button type=\"submit\">Save</button>\n    </form>\n  ","styles":["\n\n  "]}]}],"members":{"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"schema":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"submitFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"},{"__symbolic":"reference","module":"../admin.service","name":"AdminService"}]}],"ngOnInit":[{"__symbolic":"method"}],"submit":[{"__symbolic":"method"}]}}}}]