[{"__symbolic":"module","version":4,"metadata":{"WeatherModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/font-element-setting-modal","name":"FontElementSettingModal","line":10,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"weather-modal","template":"<div bsModal #settingModal=\"bs-modal\" allow-drag id=\"weatherSettingModal\" class=\"modal fade weatherSettingModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"settingModal\" aria-hidden=\"true\" (onHidden)=\"onHidden()\" [config]=\"{backdrop: 'static'}\"> <div class=\"modal-dialog design-modal-dialog\"> <div class=\"modal-content\"> <div class=\"fe-modal-container\"> <div class=\"modal-header fe-modal-header\"> <div class=\"fe-modal-header-title\"> {{lc(\"Weather\")}} </div> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <form class=\"configure\" *ngIf=\"active\" #textAttributeForm=\"ngForm\" novalidate (ngSubmit)=\"save()\"> <div class=\"fe-modal-middle valueShow design-nav-link\"> <tabset #staticTabs class=\"tab-container tabbable-line\"> <tab heading=\"{{lc('GeneralProperty')}}\" customClass=\"m-tabs__item\"> <div class=\"fe-modal-content\"> <div class=\"address-div\"> <label>{{lc('DeviceAddress')}}:</label> <span class=\"read-address-text\">{{lc('ReadDeviceAddress')}}</span> </div> <div class=\"fe-transverse-label clearfix\"> <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 class=\"fe-half-line float-left\"> <label class=\"fe-transverse-title\">{{lc(\"FontColor\")}}:</label> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"fontColor\" (sentColor)=\"setFontColor($event)\"></color-picker> </div> </div> </div> </div> </tab> <tab heading=\"{{lc('Display')}}\" customClass=\"m-tabs__item\" (selectTab)=\"tabSelected(controlSettingEventName,configureId)\"> <display-setting #displaySettingCmp [isFixedPositionVisible]='true' [isSizeEnable]=\"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]=\"!textAttributeForm.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> ","styles":[".design-modal-dialog { .read-address-text { margin-left: 20px; } .address-div { margin-bottom: 12px; } .modal-content { width: 630px; } .modal-header { border-bottom: 1px solid #F4F4F4 !important; } }"]}]}],"members":{"displaySettingCmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":5},"arguments":["displaySettingCmp",{"static":false}]}]}],"staticTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":5},"arguments":["staticTabs",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":26}]}],"init":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"setActiveTab":[{"__symbolic":"method"}],"setBackgroundColor":[{"__symbolic":"method"}],"setFontColor":[{"__symbolic":"method"}]}}}}]