[{"__symbolic":"module","version":4,"metadata":{"ImportBoxDataModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../shared/configure-component-base","name":"ConfigureComponentBase","line":13,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"importBoxDataModal","styles":[".execute-plan-import-notice { color: #ff4448; } .modal .fe-modal-container .fe-modal-header { border-bottom: 1px solid #f4f4f4; .fe-modal-header-title { line-height: 50px; } } .fe-btn.fe-btn-default.fe-btn-save.save-and-generate { width: auto; padding: 0 10px; } .import-configuration-container { padding: 20px 16px; padding-bottom: 0; } .import-configuration-title { margin-bottom: 16px; h4 { font-size: 14px; color: rgba(0, 0, 0, 0.6); font-weight: 500; } span { font-size: 12px; color: rgba(0, 0, 0, 0.3); } } .import-configuration-content { width: 90%; margin: 0 auto; } .design-content { .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; } } .variable-input { width: 65%; input { width: 100%; height: 30px; border: 1px solid #d7dbe5; padding: 6px 10px; } } } .variable-transverse:last-child { margin-bottom: 0px; } }"],"template":"<div bsModal #importBoxDataModal=\"bs-modal\" id=\"importBoxDataModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"variableImportDataModal\" (onShown)=\"onShown()\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\" allow-drag> <div class=\"modal-dialog design-content\" style=\"min-width: 600px;\"> <div class=\"modal-content  fe-modal-container\"> <form *ngIf=\"active\" #importBoxDataForm=\"ngForm\" novalidate (ngSubmit)=\"import()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"modal-title fe-modal-header-title\"> <span>{{lc(\"ImportConfiguration\" , getFBoxAlias())}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"import-configuration-container\"> <div class=\"import-configuration-title\"> <h4>{{lc(\"ImportFromFBox\",appSession.fBoxAlias)}}</h4> <span>{{lc('ExecutePlanImportStrategy')}}</span> </div> <div class=\"import-configuration-content\"> <div class=\"variable-transverse clearfix\"> <div class=\"variable-title\"> <i class=\"star\">*</i> {{lc(\"UserName\")}}: </div> <div class=\"variable-input\"> <input type=\"text\" name=\"FlexemUsername\" #usernameInput [(ngModel)]=\"boxAccount.username\" required [maxLength]=\"50\" /> </div> </div> <div class=\"variable-transverse clearfix\"> <div class=\"variable-title\"> <i class=\"star\">*</i> {{lc(\"Password\")}}: </div> <div class=\"variable-input\"> <input type=\"password\" name=\"FlexemPassword\" [(ngModel)]=\"boxAccount.password\" required [maxLength]=\"128\" /> </div> </div> <div class=\"variable-transverse clearfix\"> <div class=\"variable-title\"> <i class=\"star\">*</i> {{lc(\"FBoxSerialNumber\",appSession.fBoxAlias)}}: </div> <div class=\"variable-input\"> <input type=\"text\" (change)=\"boxSerialNumberChanged(boxAccount)\" name=\"BoxSerialNumber\" [(ngModel)]=\"boxAccount.boxSerialNumber\" required [maxLength]=\"50\" /> </div> </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]=\"!importBoxDataForm.form.valid||importing\" [buttonBusy]=\"importing\" [busyText]=\"l('SavingWithThreeDot')\"> {{lc(\"Import\")}} </button> <button class=\"fe-btn fe-btn-default fe-btn-save save-and-generate\" [disabled]=\"!importBoxDataForm.form.valid||importing\" [buttonBusy]=\"importing\" [busyText]=\"l('SavingWithThreeDot')\" (click)=\"saveAndGenerateVariable()\"> {{lc(\"ImportAndGenerate\")}} </button> <!--saving 没用到  --> <!-- <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> </div>"}]}],"members":{"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":15,"character":5},"arguments":["importBoxDataModal",{"static":false}]}]}],"userNameInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["usernameInput",{"static":false}]}]}],"importAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"importAndGenerateAction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":26},{"__symbolic":"reference","module":"../../../shared/service-proxies/service-proxies","name":"DataSourceImportInfoServiceProxy","line":27,"character":36}]}],"onShown":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"import":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"saveAndGenerateVariable":[{"__symbolic":"method"}],"boxSerialNumberChanged":[{"__symbolic":"method"}]}}}}]