ngx-schema-forms
Version:
New features: - Ajv schema validator. - Angular forms compatible: Property tree is created using FormGroup, FormArray and FormControl classes. - Array now properly loads initial data from model. - WidgetTyep: WidgetRegistry now supports WidgetType, now wo
35 lines (33 loc) • 3.98 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import { Component } from '@angular/core';
import { StringWidget } from '../../base/string.widget';
export class StringComponent extends StringWidget {
}
StringComponent.decorators = [
{ type: Component, args: [{
selector: 'sf-string-widget',
template: `<input *ngIf="getInputType() === 'hidden'; else notHiddenFieldBlock"
[]="formProperty.name" type="hidden" [formControl]="formProperty">
<ng-template
<div class="widget form-group">
<label [attr.for]="id" class="horizontal control-label">
{{ schema.title }}
</label>
<span *ngIf="schema.description" class="formHelp">{{schema.description}}</span>
<input [name]="formProperty.name" [attr.readonly]="(id!=='color') && schema.readOnly?true:null"
class="text-{{ id }} textline-widget form-control" [attr.type]="getInputType()"
[]="id" [formControl]="formProperty" [attr.placeholder]="schema.placeholder"
[]="schema.maxLength || null"
[]="schema.minLength || null"
[]="(id=='color' && schema.readOnly)?true:null">
<input *ngIf="(id==='color' && schema.readOnly)" [attr.name]="formProperty.name" type="hidden" [formControl]="formProperty">
<span class="help-block" *ngFor="let message of errorMessages">{{ message }}</span>
</div>
</ng-template>
`
}] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RyaW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1zY2hlbWEtZm9ybXMvIiwic291cmNlcyI6WyJsaWIvd2lkZ2V0cy9kZWZhdWx0cy9zdHJpbmcvc3RyaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUF5QnhELE1BQU0sc0JBQXVCLFNBQVEsWUFBWTs7O1lBdkJoRCxTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtnQkFDNUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU3RyaW5nV2lkZ2V0IH0gZnJvbSAnLi4vLi4vYmFzZS9zdHJpbmcud2lkZ2V0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Ytc3RyaW5nLXdpZGdldCcsXG4gIHRlbXBsYXRlOiBgPGlucHV0ICpuZ0lmPVwiZ2V0SW5wdXRUeXBlKCkgPT09ICdoaWRkZW4nOyBlbHNlIG5vdEhpZGRlbkZpZWxkQmxvY2tcIlxuICBbYXR0ci5uYW1lXT1cImZvcm1Qcm9wZXJ0eS5uYW1lXCIgdHlwZT1cImhpZGRlblwiIFtmb3JtQ29udHJvbF09XCJmb3JtUHJvcGVydHlcIj5cbiAgPG5nLXRlbXBsYXRlICNub3RIaWRkZW5GaWVsZEJsb2NrPlxuICAgIDxkaXYgY2xhc3M9XCJ3aWRnZXQgZm9ybS1ncm91cFwiPlxuICAgICAgPGxhYmVsIFthdHRyLmZvcl09XCJpZFwiIGNsYXNzPVwiaG9yaXpvbnRhbCBjb250cm9sLWxhYmVsXCI+XG4gICAgICAgIHt7IHNjaGVtYS50aXRsZSB9fVxuICAgICAgPC9sYWJlbD5cbiAgICAgIDxzcGFuICpuZ0lmPVwic2NoZW1hLmRlc2NyaXB0aW9uXCIgY2xhc3M9XCJmb3JtSGVscFwiPnt7c2NoZW1hLmRlc2NyaXB0aW9ufX08L3NwYW4+XG4gICAgICA8aW5wdXQgW25hbWVdPVwiZm9ybVByb3BlcnR5Lm5hbWVcIiBbYXR0ci5yZWFkb25seV09XCIoaWQhPT0nY29sb3InKSAmJiBzY2hlbWEucmVhZE9ubHk/dHJ1ZTpudWxsXCJcbiAgICAgIGNsYXNzPVwidGV4dC17eyBpZCB9fSB0ZXh0bGluZS13aWRnZXQgZm9ybS1jb250cm9sXCIgW2F0dHIudHlwZV09XCJnZXRJbnB1dFR5cGUoKVwiXG4gICAgICBbYXR0ci5pZF09XCJpZFwiICBbZm9ybUNvbnRyb2xdPVwiZm9ybVByb3BlcnR5XCIgW2F0dHIucGxhY2Vob2xkZXJdPVwic2NoZW1hLnBsYWNlaG9sZGVyXCJcbiAgICAgIFthdHRyLm1heExlbmd0aF09XCJzY2hlbWEubWF4TGVuZ3RoIHx8IG51bGxcIlxuICAgICAgW2F0dHIubWluTGVuZ3RoXT1cInNjaGVtYS5taW5MZW5ndGggfHwgbnVsbFwiXG4gICAgICBbYXR0ci5kaXNhYmxlZF09XCIoaWQ9PSdjb2xvcicgJiYgc2NoZW1hLnJlYWRPbmx5KT90cnVlOm51bGxcIj5cbiAgICAgIDxpbnB1dCAqbmdJZj1cIihpZD09PSdjb2xvcicgJiYgc2NoZW1hLnJlYWRPbmx5KVwiIFthdHRyLm5hbWVdPVwiZm9ybVByb3BlcnR5Lm5hbWVcIiB0eXBlPVwiaGlkZGVuXCIgW2Zvcm1Db250cm9sXT1cImZvcm1Qcm9wZXJ0eVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJoZWxwLWJsb2NrXCIgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgZXJyb3JNZXNzYWdlc1wiPnt7IG1lc3NhZ2UgfX08L3NwYW4+XG5cbiAgICA8L2Rpdj5cbiAgPC9uZy10ZW1wbGF0ZT5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBTdHJpbmdDb21wb25lbnQgZXh0ZW5kcyBTdHJpbmdXaWRnZXQge1xuXG59XG4iXX0=