[{"__symbolic":"module","version":4,"metadata":{"CharacterSettingModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/font-element-setting-modal","name":"FontElementSettingModal","line":28,"character":52},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"character-setting-modal","styles":[".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; } } "," .characterModal{ .characterTypeRadio{ a{ text-decoration: none; color:inherit; } } .modal-content { width: 600px; } .display-variable-name{ line-height: 30px; } } .variable-text-input{ width: 100%; } .warning-text{ color: red; font-size: 14px; padding: 5px; } "],"template":"<div bsModal #settingModal=\"bs-modal\" id=\"characterModal\" class=\"modal fade characterModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" [config]=\"{backdrop: 'static'}\" (onHidden)=\"onHidden()\"> <div class=\"modal-dialog\"> <div class=\"modal-content element-setting-base\" [busyIf]=\"isLoading\"> <div class=\"fe-modal-container\"> <form class=\"configure\" *ngIf=\"active\" #characterForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"modal-header fe-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"Character\")}} </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\"> <div class=\"fe-radio-select-header\"> <label *ngFor=\"let permision of accessPermissions\"> <input type=\"radio\" name=\"accessOptions\" [value]=\"permision.key\" [(ngModel)]=\"accessPermission\" /> <span *ngIf=\"permision.value=='ReadOnly'\">{{lc('CharacterReadOnly')}}</span> <span *ngIf=\"permision.value=='ReadWrite'\">{{lc('CharacterReadWrite')}}</span> </label> </div> <div *ngIf=\"accessPermission == accessPermissionEnum.ReadOnly\"> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" (change)=\"useIsPassword()\" [checked]=\"isPassword\" /> <span>{{lc(\"Password\")}}</span> </label> </div> <div class=\"fe-modal-body\"> <div class=\"fe-vertical-label\"> <div class=\"fe-vertical-title\">{{lc(\"VariableName\")}}:</div> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentReadVariableId\" [dataType]=\"dataType\"></variable-selector> </div> </div> </div> <div *ngIf=\"accessPermission != accessPermissionEnum.ReadOnly\"> <div class=\"fe-radio-select-header\"> <label> <input type=\"checkBox\" (change)=\"useSameVariable()\" [checked]=\"!isSameVariable\" /> <span>{{lc(\"ReadWriteAddressDifferent\")}}</span> </label> <label> <input type=\"checkBox\" (change)=\"useIsPassword()\" [checked]=\"isPassword\" /> <span>{{lc(\"Password\")}}</span> </label> </div> <div class=\"fe-vertical-label\"> <div class=\"fe-vertical-title\">{{lc(\"ReadVariable\")}}:</div> <div class=\"fe-vertical-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentReadVariableId\" [dataType]=\"dataType\"></variable-selector> </div> </div> <div class=\"fe-vertical-label\" *ngIf=\"!isSameVariable\"> <div class=\"fe-vertical-title\">{{lc(\"WriteVariable\")}}:</div> <div class=\"fe-vertical-component\"> <variable-selector [configureId]=\"configureId\" [(currentVariableId)]=\"currentWriteVariableId\" [dataType]=\"dataType\"></variable-selector> </div> </div> <div class=\"fe-vertical-label\" *ngIf=\"hasCharCount\"> <div class=\"fe-vertical-title\">{{lc(\"CharacterLength\")}}:{{charCountNum}}</div> </div> </div> <div class=\"form-group textToolBarPadding margin-top-10\" *ngIf=\"labelInfo&&labelInfo.font\"> <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 class=\"fe-vertical-label display-variable-name\"> <label for=\"show-variable-text\"> <input type=\"checkbox\" id=\"show-variable-text\" name=\"show-variable-text\" [(ngModel)]=\"showVariableText\"> <span>{{lc(\"DisplayVariableName\")}}</span> </label> </div> <div class=\"fe-vertical-label margin-bottom-10\" *ngIf=\"showVariableText && variableTextFont\"> <input type=\"text\" name=\"variable-text\" class=\"variable-text-input\" [(ngModel)]=\"variableTextFont.content\" required> <div *ngIf=\"!variableTextFont.content\" class=\"warning-text\">{{lc(\"VariableNameNoEmpty\")}}</div> </div> <div class=\"form-group textToolBarPadding font-padding\" *ngIf=\"showVariableText && variableTextFont\"> <font-setting [font]=\"variableTextFont.font\" [textAlignEnabled]=\"true\"></font-setting> </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\" [disabled]=\"accessPermission == accessPermissionEnum.ReadOnly\" (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]=\"!characterForm.form.valid || dynamicValidatoinResult || !variableTextFont.content\" [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":30,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"enableSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":5},"arguments":["enableSettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"controlSettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":5},"arguments":["controlSettingCmp",{"static":false}]}]}],"viewWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"viewHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":111,"character":9},"arguments":[{"__symbolic":"reference","module":"../../core/variable/variable.service","name":"VARIABLE_SERVICE","line":111,"character":16}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":110,"character":26},{"__symbolic":"reference","module":"../../core/variable/variable.services","name":"VariableService","line":111,"character":68},{"__symbolic":"reference","module":"../../../../shared/fbox/fbox/access-permission.service","name":"AccessPermissionService","line":112,"character":33}]}],"init":[{"__symbolic":"method"}],"loadVariableText":[{"__symbolic":"method"}],"setReadVariable":[{"__symbolic":"method"}],"setWriteVariable":[{"__symbolic":"method"}],"currentReadVariableIdChanged":[{"__symbolic":"method"}],"currentReadVariableChanged":[{"__symbolic":"method"}],"currentWriteVariableIdChanged":[{"__symbolic":"method"}],"currentWriteVariableChanged":[{"__symbolic":"method"}],"loadAccessPermission":[{"__symbolic":"method"}],"toggleCharCountLabel":[{"__symbolic":"method"}],"loadGraphSetting":[{"__symbolic":"method"}],"loadBasicInfo":[{"__symbolic":"method"}],"loadControlSetting":[{"__symbolic":"method"}],"loadDynamicSetting":[{"__symbolic":"method"}],"loadIsPasswordSetting":[{"__symbolic":"method"}],"loadIsSameVariable":[{"__symbolic":"method"}],"useSameVariable":[{"__symbolic":"method"}],"useIsPassword":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"onHidden":[{"__symbolic":"method"}],"saveVariableText":[{"__symbolic":"method"}],"saveVariableInfo":[{"__symbolic":"method"}],"saveSameVariable":[{"__symbolic":"method"}],"savePasswordSetting":[{"__symbolic":"method"}],"saveAccessPermission":[{"__symbolic":"method"}],"saveControlSetting":[{"__symbolic":"method"}],"saveBasicInfo":[{"__symbolic":"method"}],"saveGraphSetting":[{"__symbolic":"method"}],"saveCharCount":[{"__symbolic":"method"}],"saveDynamicSetting":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"validateChange":[{"__symbolic":"method"}]}}}}]