p-lsd:habpannel:bresser5in1
Entwurf:
Quelle: https://github.com/andreypopov/habpanel-widget-xiaomi-sensor_weather_v1
Quelle: https://community.openhab.org/t/cool-weather-station/60967
{ "template": "<style>\n.hum-temp-Boee_widget .battery_high .icon-tile.colorize{\n filter: invert(45%) sepia(100%) hue-rotate(35deg) saturate(1700%);\n-webkit-filter: invert(45%) sepia(100%) hue-rotate(35deg) saturate(1700%);\n }\n .hum-temp-Boee_widget .battery_low .icon-tile.colorize{\n filter: invert(45%) sepia(100%) hue-rotate(340deg) saturate(1700%);\n-webkit-filter: invert(45%) sepia(100%) hue-rotate(340deg) saturate(1700%);\n }\n .hum-temp-Boee_widget .battery_low span {color:red;}\n .hum-temp-Boee_widget .battery_medium .icon-tile.colorize{\n filter: invert(45%) sepia(100%) hue-rotate(20deg) saturate(1700%);\n-webkit-filter: invert(45%) sepia(100%) hue-rotate(20deg) saturate(1700%);\n }\n .main-text {\n font-size: {{config.font_size}}px;\n}\n \n</style>\n<div class=\"col col-xs-15 text-centre\">\n <div style=\"color: rgb( 252, 254, 255 ); font-size: {{config.font1_size}}px\">\n <span ng-if=\"(config.main_label)\">{{config.main_label}}</span>\n <span ng-if=\"!(config.main_label)\">Weather Station</span>\n </div>\n <div class=\"hum-temp-Boee_widget\">\n <div ng-if=\"config.show_temp == true\">\n <div class=\"row\" style=\"padding-bottom:{{config.between_size}}px;\">\n <div class=\"col col-xs-3\">\n <widget-icon iconset=\"'smarthome-set'\" icon=\"'temperature'\" size=\"config.icon_size\"/>\n </div>\n <div class=\"col col-xs-9 text-left\">\n <span ng-if=\"(config.temp_label)\">{{config.temp_label}}</span>\n <span ng-if=\"!(config.temp_label)\">Temperature</span>\n <div style=\"color: rgb(0, 204, 102); padding-left:{{config.between1_size}}px;\" class=\"main-text\">\n <span ng-if=\"itemValue(config.temp_item)\"> {{'%.1f' | sprintf:itemValue(config.temp_item)}} {{config.temp_Unit}}</span>\n <span ng-if=\"itemValue(config.temp_item)=='N/A'\">N/A</span>\n </div>\n </div>\n </div>\n </div>\n \n <div ng-if=\"config.show_humidity == true\">\n <div class=\"row\" style=\"padding-bottom:{{config.between_size}}px;\">\n <div class=\"col col-xs-3\">\n <widget-icon iconset=\"'smarthome-set'\" icon=\"'drop'\" size=\"config.icon_size\"/>\n </div>\n <div class=\"col col-xs-9 text-left\">\n <span ng-if=\"(config.hum_label)\">{{config.hum_label}}</span>\n <span ng-if=\"!(config.hum_label)\">Humidity</span>\n <div style=\"color: rgb(0, 153, 255); padding-left:{{config.between1_size}}px;\" class=\"main-text\">\n <span ng-if=\"itemValue(config.hum_item)>0\">{{'%.1f' | sprintf:itemValue(config.hum_item)}} %</span>\n <span ng-if=\"itemValue(config.hum_item)=='N/A'\">N/A</span>\n </div>\n </div>\n </div>\n </div>\n \n <div ng-if=\"config.show_air == true\">\n <div class=\"row\" style=\"padding-bottom:{{config.between_size}}px;\">\n <div class=\"col col-xs-3\">\n <widget-icon iconset=\"'eclipse-smarthome-classic'\" icon=\"'wind'\" size=\"config.icon_size\"/>\n </div>\n <div class=\"col col-xs-9 text-left\">\n <span ng-if=\"(config.air_label)\">{{config.air_label}}</span>\n <span ng-if=\"!(config.air_label)\">air</span>\n <div style=\"color: rgb(229, 58, 46 ); padding-left:{{config.between1_size}}px;\" class=\"main-text\">\n <span ng-if=\"itemValue(config.air_item)>0\">{{'%.1f' | sprintf:itemValue(config.air_item)}} ppm</span>\n <span ng-if=\"itemValue(config.air_item)=='N/A'\">N/A</span>\n </div>\n </div>\n </div>\n </div>\n \n <div ng-if=\"config.show_Speed == true\">\n <div class=\"row\" style=\"padding-bottom:{{config.between_size}}px;\">\n <div class=\"col col-xs-3\">\n <widget-icon iconset=\"'smarthome-set'\" icon=\"'ventilation'\" size=\"config.icon_size\"/>\n </div>\n <div class=\"col col-xs-9 text-left\">\n <span ng-if=\"(config.Speed_label)\">{{config.Speed_label}}</span>\n <span ng-if=\"!(config.Speed_label)\">Speed m/s</span>\n <div style=\"color: rgb( 255, 145, 0 ); padding-left:{{config.between1_size}}px;\" class=\"main-text\">\n <span ng-if=\"itemValue(config.Speed_item)>0\">{{'%.1f' | sprintf:itemValue(config.Speed_item)}} dB</span>\n <span ng-if=\"itemValue(config.Speed_item)=='N/A'\">N/A</span>\n </div>\n </div>\n </div>\n </div>\n \n <div ng-if=\"config.show_Boee == true\">\n <div class=\"row\">\n <div class=\"col col-xs-3\">\n <widget-icon iconset=\"'smarthome-set'\" icon=\"'ventilation'\" size=\"config.icon_size\" />\n </div>\n <div class=\"col col-xs-9 text-left\">\n <span ng-if=\"(config.Boee_label)\">{{config.Boee_label}}</span>\n <span ng-if=\"!(config.Boee_label)\">Boee m/s</span>\n <div style=\"color: rgb(179, 66, 244); padding-left:{{config.between1_size}}px;\" class=\"main-text\">\n <span ng-if=\"itemValue(config.Boee_item)>0\">{{'%.1f' | sprintf:itemValue(config.Boee_item)}} {{config.Boee_Unit}}</span>\n \t <span ng-if=\"itemValue(config.Boee_item)=='N/A'\">N/A</span>\n </div>\n </div>\n </div>\n </div>\n\n <div ng-class=\"itemValue(config.battery_low_item) == 'ON' || itemValue(config.battery_item) <= 10 ?'battery_low':itemValue(config.battery_item) >= 50?'battery_high':'battery_medium'\" ng-if=\"(config.battery_item) && itemValue(config.battery_item) != 'N/A'\" style=\"float:right;\">\n <span ><widget-icon style=\"display:inline-block;width:24px;\"; iconset=\"'smarthome-set'\" icon=\"'power'\" size=\"18\" /></span><span>{{itemValue(config.battery_item)}}%</span>\n </div>\n \n <!--div class=\"battery_wr\"><span ><widget-icon style=\"display:inline-block;width:24px;\"; iconset=\"'smarthome-set'\" icon=\"'power'\" size=\"18\" /></span><span>100%</span></div-->\n</div>\n </div>\n", "name": "LSD Weather Station", "settings": [ { "type": "string", "id": "main_label", "label": "Name Weather Station", "default": "Weather Station" }, { "type": "string", "id": "temp_label", "default": "Temperature", "label": "Temperature: Label" }, { "type": "item", "id": "temp_item", "label": "Temperature: Item", "default": "-" }, { "type": "choice", "id": "temp_Unit", "label": "Temperature Unit", "default": "°C", "choices": "°C, °F" }, { "type": "checkbox", "id": "show_temp", "label": "Show Temperature", "default": true }, { "type": "string", "id": "hum_label", "label": "Humidity: Label", "default": "Humidity" }, { "type": "item", "id": "hum_item", "label": "Humidity: Item", "default": "-" }, { "type": "checkbox", "id": "show_humidity", "label": "Show Humidity", "default": true }, { "type": "string", "id": "air_label", "label": "air: Label", "default": "air" }, { "type": "string", "id": "air_item", "label": "air: Item", "default": "-" }, { "type": "checkbox", "id": "show_air", "label": "Show air", "default": true }, { "type": "string", "id": "Speed_label", "label": "Speed Meter: Label", "default": "Speed Meter" }, { "type": "item", "id": "Speed_item", "label": "Speed Meter: Item", "default": "-" }, { "type": "checkbox", "id": "show_Speed", "label": "Show Speed Meter", "default": true }, { "type": "string", "id": "Boee_label", "label": "Boee: Label", "default": "Boee" }, { "type": "item", "id": "Boee_item", "label": "Boee: Item", "default": "-" }, { "type": "choice", "id": "Boee_Unit", "label": "Boee Unit", "default": "mbar", "choices": "mbar, inHg, mmHg, kPa" }, { "type": "checkbox", "id": "show_Boee", "label": "Show Boee", "default": true }, { "type": "item", "id": "battery_item", "label": "Battery: Item", "default": "-" }, { "type": "item", "id": "battery_low_item", "label": "Battery Low: Item", "default": "0" }, { "type": "number", "id": "font1_size", "label": "Name Widget Size Font", "default": "18" }, { "type": "number", "id": "font_size", "label": "Number Size Font", "default": "18" }, { "type": "number", "id": "icon_size", "label": "Icon Size", "default": "42" }, { "type": "number", "id": "between1_size", "label": "Between icon & Font", "description": "adjustable space between the icon & font", "default": "5" }, { "type": "number", "id": "between_size", "label": "between top to bottom", "default": "15", "description": "adjustable space between top to bottom" } ], "author": "Popov Andrey(original) and mclassen(rewirte)", "readme_url": "https://community.openhab.org/t/lsd1-weather-station/60967", "description": "Work with Netatmo Weather Station, Any Weather Station or any Temperature or Humidity Sensor" }
p-lsd/habpannel/bresser5in1.txt · Zuletzt geändert: 2022/03/07 14:43 von lsd