[{"__symbolic":"module","version":4,"metadata":{"PipeSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/element-setting-modal-base","name":"ElementSettingModalBase","line":20,"character":47},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"pipe-setting-modal","styles":[".configure.pipe { .form-label { width: 100px; } .checkbox { padding-left: 20px; margin-bottom: 0px; } .left { width: 100%; } .right { width: 100%; } .margin-top-5 { margin-top: 5px; } .pipeWallColor, .backGroundColor, .blockColor { margin-left: 4px; } .color-picker-label { float: left; margin-top: 3px; } } .inline-label{ float: left; } .color-picker{ width: 100px; } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"pipeSettingModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\" (onHidden)=\"onHidden()\"> <div class=\"modal-dialog\"> <div class=\"modal-content\"> <div class=\"fe-modal-container\"> <form class=\"configure pipe\" *ngIf=\"active\" #pipeSettingForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"Pipe\")}} </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"top-line\"></div> <div class=\"fe-modal-middle\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('PipeProperty')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-body\"> <div class=\"fe-modal-content\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"PipeDiameter\")}}({{lc(\"Px\")}}):</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"pipeDiameter\" [(ngModel)]='pipeDiameter' min=\"1\" required /> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"BackGroundColor\")}}:</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"backGroundColor\" (sentColor)=\"setBackGroundColor($event)\"></color-picker> </div> </div> </div> </div> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" name=\"isPipeWall\" [(ngModel)]='isPipeWall' /> <span>{{lc(\"PipeWall\")}}:</span> </label> </div> <div class=\"fe-modal-content\" [hidden]=\"!isPipeWall\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"PipeWallSize\")}}({{lc(\"Px\")}}):</label> <input type=\"number\" name=\"pipeWallSize\" class=\"fe-transverse-input\" [(ngModel)]='pipeWallSize' min=\"0\" required /> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"PipeWallColor\")}}:</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"pipeWallColor\" (sentColor)=\"setPipeWallColor($event)\"></color-picker> </div> </div> </div> </div> </div> </tab> <tab heading=\"{{lc('FlowBlockProperty')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <div class=\"fe-modal-body\"> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" name='isFlowBlock' [(ngModel)]='isFlowBlock' /> <span>{{lc(\"FlowBlock\")}}</span> </label> </div> <div class=\"fe-modal-content\" [hidden]=\"!isFlowBlock\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"BlockWidth\")}}({{lc(\"Px\")}}):</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"blockWidth\" [(ngModel)]='blockWidth' min=\"1\" required /> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"BlockLength\")}}({{lc(\"Px\")}}):</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"blockLength\" [(ngModel)]='blockLength' min=\"1\" required/> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"BlockMargin\")}}({{lc(\"Px\")}}):</label> <input type=\"number\" class=\"fe-transverse-input\" name=\"blockMargin\" [(ngModel)]='blockMargin' min=\"0\" required/> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"FlowDirection\")}}：</label> <select class=\"fe-transverse-input\" name=\"flowDirectionSelector\" [(ngModel)]='flowDirection'> <option *ngFor=\"let flowDirection of flowDirectionList\" [ngValue]=\"flowDirection.value\"> {{flowDirection.name}} </option> </select> </div> <div class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"BlockColor\")}}：</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"blockColor\" (sentColor)=\"setBlockColor($event)\"></color-picker> </div> </div> </div> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" name=\"isFlow\" [(ngModel)]=\"isFlow\" /> <span>{{lc(\"StartStopControl\")}}</span> </label> </div> <div [hidden]=\"!isFlow\"> <conditional-control #conditionsSettingCmp [isControl]=\"isFlow\"></conditional-control> </div> </div> </div> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isSizeEnable]='false' [isLocationEnable]='false'></display-setting> </tab> </tabset> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!pipeSettingForm.form.valid\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </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> </div> </div>"}]}],"members":{"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":22,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"conditionalControlCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["conditionsSettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":41,"character":32},{"__symbolic":"reference","module":"../../diagram/utils/pipe/flow-direction.service","name":"FlowDirectionService","line":42,"character":38}]}],"init":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"recoverData":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"setBackGroundColor":[{"__symbolic":"method"}],"setPipeWallColor":[{"__symbolic":"method"}],"setBlockColor":[{"__symbolic":"method"}]}}}}]