@snapmobile/snapjs-admin
Version:
1 lines • 6.29 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"FormcontrolArrayRelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-formcontrol-array-rel","template":"\n <div [formGroup]=\"form\" class=\"row\">\n <label class=\"col-sm-2 control-label\">{{displayName}}</label>\n <div [formArrayName]=\"field\" class=\"col-sm-10\">\n <div *ngFor=\"let item of form['controls'][field]['controls']; let i = index; \">\n <div class=\"col-sm-offset-2 col-sm-10\">\n <span>Item {{i + 1}}</span>\n <span *ngIf=\"form['controls'][field]['controls'].length > 1 && !disabled\" (click)=\"removeItem(i)\">Remove</span>\n </div>\n\n <div *ngFor=\"let key of schemaKeys\" [formGroupName]=\"i\" class=\"form-group\">\n <label class=\"col-sm-2 control-label\">{{key}}</label>\n <div class=\"col-sm-10\">\n <input\n type=\"{{getInputType(key)}}\"\n [formControlName]=\"key\"\n class=\"form-control\"\n readonly=\"{{disabled}}\"\n [checked]=\"form['controls'][field]['controls'][i]['controls'][key].value\"\n (change)=\"updateFormValue(form['controls'][field]['controls'][i]['controls'][key].value, key, getInputType(key), i)\">\n <div [hidden]=\"form['controls'][field]['controls'][i]['controls'][key].valid\" class=\"text-danger\">This is required</div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-offset-2 col-sm-10\" *ngIf=\"!disabled\">\n <a (click)=\"addItem()\">\n Add another item +\n </a>\n </div>\n </div>\n ","styles":["\n\n "]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayName":[{"__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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"}]}],"ngOnInit":[{"__symbolic":"method"}],"initItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"updateFormValue":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"FormcontrolArrayRelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"app-formcontrol-array-rel","template":"\n <div [formGroup]=\"form\" class=\"row\">\n <label class=\"col-sm-2 control-label\">{{displayName}}</label>\n <div [formArrayName]=\"field\" class=\"col-sm-10\">\n <div *ngFor=\"let item of form['controls'][field]['controls']; let i = index; \">\n <div class=\"col-sm-offset-2 col-sm-10\">\n <span>Item {{i + 1}}</span>\n <span *ngIf=\"form['controls'][field]['controls'].length > 1 && !disabled\" (click)=\"removeItem(i)\">Remove</span>\n </div>\n\n <div *ngFor=\"let key of schemaKeys\" [formGroupName]=\"i\" class=\"form-group\">\n <label class=\"col-sm-2 control-label\">{{key}}</label>\n <div class=\"col-sm-10\">\n <input\n type=\"{{getInputType(key)}}\"\n [formControlName]=\"key\"\n class=\"form-control\"\n readonly=\"{{disabled}}\"\n [checked]=\"form['controls'][field]['controls'][i]['controls'][key].value\"\n (change)=\"updateFormValue(form['controls'][field]['controls'][i]['controls'][key].value, key, getInputType(key), i)\">\n <div [hidden]=\"form['controls'][field]['controls'][i]['controls'][key].valid\" class=\"text-danger\">This is required</div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"col-sm-offset-2 col-sm-10\" *ngIf=\"!disabled\">\n <a (click)=\"addItem()\">\n Add another item +\n </a>\n </div>\n </div>\n ","styles":["\n\n "]}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"object":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"displayName":[{"__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"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder"}]}],"ngOnInit":[{"__symbolic":"method"}],"initItem":[{"__symbolic":"method"}],"addItem":[{"__symbolic":"method"}],"removeItem":[{"__symbolic":"method"}],"getInputType":[{"__symbolic":"method"}],"updateFormValue":[{"__symbolic":"method"}]}}}}]