OpenHAB HABPanel GoHome Widget
Dieses openHAB HABPanel Widget ermöglicht es einen Button zu nutzen, der im Hintergrund automatisch nach einer bestimmten Zeit auf einem anderen Dashboard wechselt. Die Idee dahinter ist, auf jedem HABPanel Dashboard einen HOME Button einzurichten um so immer auf die Dashboard Übersicht zurückzukommen. Man kann natürlich auch auf ein anderes Dashboard zurückkehren. Ein Timer, der im Hintergrund läuft sorgt dafür, falls man sich nicht auf dem Standard Dashboard befindet, auf dieses automatisch zurückzukehren.
Ich nutze es wie folgt: Button --> geht nach # also auf die Dashboard Übersicht, Timer --> geht auf mein Übersichts Dashboard.
Hier der JSON Export des Widgets. Dieser kann im HABPanel unter Benutzerdefiniertes Widget
eingespielt werden.
GoHome.widget.json
{
"template": "<META HTTP-EQUIV=\"refresh\" CONTENT=\"{{config.time}}; URL={{config.url}}\">\n <div ng-style=\"{ 'background-color': (config.background)}\" style=\"top:0;bottom:0;left:0;right:0;position:absolute\" ng-init=\"model={ action_type: 'navigate', navigate_dashboard: (config.dashboard), foreground: (config.foreground), name: (config.label), font_size: (config.font_size) , backdrop_iconset: (config.backdrop_icon_iconset), backdrop_icon: (config.backdrop_icon), backdrop_center: 'true' }\">\n\t\t<widget-button ng-model=\"model\"></widget-button>\n </div>\t\n",
"name": "GoHome",
"author": "Andreas Laub",
"description": "This widget is a Button, to switch a Dashboard and goes automatically back to home or another URL",
"settings": [
{
"type": "string",
"id": "label",
"label": "Name",
"description": "",
"default": "Home"
},
{
"type": "number",
"id": "font_size",
"label": "Font Size",
"default": "",
"description": ""
},
{
"type": "number",
"id": "time",
"label": "Time",
"default": "60",
"description": "refresh time in seconds"
},
{
"type": "string",
"id": "url",
"label": "URL",
"default": "/habpanel/#/",
"description": "URL to go after refresh"
},
{
"type": "string",
"id": "dashboard",
"label": "Dashboard Switch",
"default": "#",
"description": "Dashboard to go when clicking on the button"
},
{
"type": "icon",
"id": "backdrop_icon",
"label": "Background Icon",
"description": "Background Icon"
},
{
"type": "color",
"id": "foreground",
"label": "Font Color"
}
]
}