[{"__symbolic":"module","version":4,"metadata":{"CreateOrEditDataSourceModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":14,"character":58},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"create-save-data-source-modal","template":"<div class=\"design-fe-modal-container\"> <div class=\"fe-modal-container\"> <form #saveForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> <span *ngIf=\"datasource.id\">{{lc(\"ModifyDataSource\")}}</span> <span *ngIf=\"!datasource.id\">{{lc(\"AddDataSource\")}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"modal-body\"> <div class=\"variable-transverse clearfix\"> <div class=\"variable-title\"> <i class=\"star\">*</i> <span>{{lc(\"DataSourceName\")}}:</span> </div> <div class=\"variable-input\"> <input type=\"text\" name=\"displayName\" class=\"displayNameInput\" #displayName [(ngModel)]=\"datasource.displayName\" maxlength=\"20\" required> <validation-messages [formCtrl]=\"displayName\"></validation-messages> </div> </div> <div class=\"variable-transverse clearfix\" *ngIf=\"!datasource.id\"> <div class=\"variable-title\"> {{lc(\"DataSourceType\")}}: </div> <div class=\"variable-input\"> <button disabled>{{getFBoxAlias()}}</button> </div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!saveForm.form.valid || saving\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </button> <button class=\"fe-btn fe-btn-default fe-btn-save save-and-import\" [disabled]=\"!saveForm.form.valid || saving\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\" (click)=\"saveAndImport()\" *ngIf=\"!datasource.id\"> {{lc(\"SaveAndImport\")}} </button> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l(\"Cancel\")}} </button> </div> </div> </form> </div> </div>","styles":[".design-fe-modal-container{ .variable-transverse{ width: 100%; margin-bottom: 20px; .variable-title,.variable-input{ float: left; } .variable-title{ width: 30%; line-height: 30px; text-align: right; padding-right: 20px; .star{ color: red; margin-right: 5px; } } .variable-input{ width: 65%; input{ width: 100%; height: 30px; } button[disabled]{ border: 1px solid #C4C6CF; background-color: #F2F3F7; height: 30px; } } } .fe-modal-container .fe-modal-header{ border-bottom: 1px solid #f4f4f4; .fe-modal-header-title{ line-height: 50px; } } .modal-body{ padding-bottom: 0px; } .variable-transverse:last-child{ margin-bottom: 0px; } .fe-btn.fe-btn-default.fe-btn-save.save-and-import{ width: auto; padding: 0 10px; } }"]}]}],"members":{"displayName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["displayName",{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":61},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":22,"character":37},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"DataSourceServiceProxy","line":23,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"saveAndImport":[{"__symbolic":"method"}]}}}}]