[{"__symbolic":"module","version":4,"metadata":{"ToggleViewSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/resizable-element-setting-modal","name":"ResizableElementSettingModal","line":23,"character":53},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"toggle-view-setting-modal","styles":[" .graphList { text-align: center; float: left; width: 64px; height: 100px; margin-left: 10px; margin-top: 10px; .graph { width: 64px; height: 64px; border: 2px solid transparent; display: flex; cursor: pointer; justify-content: center; .svgGraph>svg { width: 100%; height: 100%; } img{ width: auto; height: auto; max-width: 100%; max-height: 100%; align-self: center; } } span { font-size: 12px; word-break: break-word; } .graph.selectedGallery { border-color: #2d89ef; } } .inline-control{ display: inline-block; }",".element-setting-base{ .inline-label { margin: 10px 0px 0px 10px; display: inline-block; } .border-group { // border: 1px solid #ddd; padding: 5px; margin-bottom: 0px; } .inline-selector { display: inline-block; margin: 5px 0px; } .inline-variable { display: inline-block; margin: 5px 0px; } .inline-input { display: inline-block; margin: 5px 0px; }     } .date-time-setting-modal { .modal-content { width: 600px; } .cursor-pointer{ cursor: pointer; } .recode-input{ width: calc(100% - 70px); border: 1px solid #d7dbe5;   padding:  5px 10px; } textarea.noResize { resize: none; } } .toggleViewSettingModal { .modal-content { width: 600px; } } .textSettingModal { .modal-content { width: 600px; } } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"toggleViewSettingModal\" class=\"modal fade toggleViewSettingModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" (onShown)=\"onShown()\" (onHidden)=\"onHidden()\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\"> <div class=\"modal-dialog\"> <div class=\"modal-content element-setting-base\"> <div class=\"fe-modal-container\"> <form class=\"configure\" *ngIf=\"active\" #toggleViewSettingForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"ViewOperationButton\")}} </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"top-line\"></div> <div class=\"fe-modal-middle design-nav-link\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('Setting')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-content clearfix\"> <div> <div class=\"fe-vertical-label\"> <div class=\"fe-vertical-title\">{{lc(\"ButtonFunciton\")}}:</div> <div class=\"fe-vertical-component\"> <select name=\"actionButtonType\" [(ngModel)]=\"selectedActionButtonType\"> <option *ngFor=\"let actionButtonType of actionButtonTypes\" [value]=\"actionButtonType.id\"> {{lc(actionButtonType.name)}} </option> </select> </div> </div> </div> <div *ngIf=\"selectedActionButtonType != actionButtonType.control\"> <div class=\"fe-vertical-label\"> <div class=\"fe-vertical-title\">{{lc(actionButtonText)}}:</div> <div class=\"fe-vertical-component\"> <select #viewSelector name=\"viewSelector\" [(ngModel)]=\"selectedViewId\"> <option value=\"\"></option> <option *ngFor=\"let viewName of viewNames\" [value]=\"viewName.id\"> {{viewName.name}} </option> </select> </div> </div> </div> <div class=\"margin-top-10\" *ngIf=\"labelInfo&&labelInfo.font\"> <label class=\"form-inline-label\">{{lc(\"Label\")}}:</label> <div class=\"inline-control\"> <font-style [(fontSize)]=\"labelInfo.font.fontSize\" [(fontColor)]=\"labelInfo.font.color\" [(textAlign)]=\"labelInfo.font.textAlign\" [(isUnderline)]=\"labelInfo.font.isUnderline\" [(fontStyle)]=\"labelInfo.font.fontStyle\"></font-style> </div> </div> <div class=\"margin-top-20\" *ngIf=\"labelInfo\"> <textarea class=\"whole-width\" rows=\"6\" name=\"text\" #textInput maxlength=\"500\" [(ngModel)]=\"labelInfo.content\"></textarea> </div> </div> </tab> <tab heading=\"{{lc('Graph')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(graphSettingEventName)\"> <graph-setting [configureId]=\"configureId\" [(useGraph)]=\"useGraph\" [graphSetting]=\"graphSetting\"></graph-setting> </tab> <tab heading=\"{{lc('DynamicSetting')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(dynamicSettingEventName,configureId)\"> <dynamic-conduct [dynamicSetting]=\"dynamicSetting\" [configureId]='configureId' [viewWidth]=\"viewWidth\" [viewHeight]=\"viewHeight\" (validateChange)=\"validateChange($event);\"></dynamic-conduct> </tab> <tab heading=\"{{lc('ControlSetting')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <enable-setting #enableSettingCmp></enable-setting> <control-setting #controlSettingCmp [data]=\"securitySettingData\"></control-setting> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='true'></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]=\"!toggleViewSettingForm.form.valid || dynamicValidatoinResult \" [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":{"textInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":25,"character":5},"arguments":["textInput",{"static":false}]}]}],"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":26,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"enableSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":5},"arguments":["enableSettingCmp",{"static":false}]}]}],"controlSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":29,"character":5},"arguments":["controlSettingCmp",{"static":false}]}]}],"currentConfigureViewId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"viewWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"viewHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":63,"character":26},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"ConfigureViewServiceProxy","line":64,"character":47}]}],"onShown":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"getActionButtonTypes":[{"__symbolic":"method"}],"loadConfigureViewNames":[{"__symbolic":"method"}],"filterViewNames":[{"__symbolic":"method"}],"setSelectedViewId":[{"__symbolic":"method"}],"loadDynamicSetting":[{"__symbolic":"method"}],"loadBasicInfo":[{"__symbolic":"method"}],"loadGraphSetting":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"saveDynamicSetting":[{"__symbolic":"method"}],"saveBasicInfo":[{"__symbolic":"method"}],"saveGraphSetting":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"validateChange":[{"__symbolic":"method"}],"loadControlSetting":[{"__symbolic":"method"}],"saveControlSetting":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}}}}]