-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathLast update indicator.widget.json
26 lines (26 loc) · 1.53 KB
/
Last update indicator.widget.json
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
"name": "Last update indicator",
"author": "Bastiaan van Haastrecht",
"description": "Displays the last changed status in time and color, it's color changes slowly to red when last update time increases - https://github.com/BasvanH/habpanel-widget-lastupdate-indicator",
"settings": [
{
"type": "item",
"id": "lastupdate_item",
"label": "Item",
"description": "Select the last update item, must be datetime format!"
},
{
"type": "string",
"id": "lastupdate_name",
"label": "Name",
"description": "The name displayed above the indicator."
},
{
"type": "color",
"id": "lastupdate_name_text_color",
"label": "Color",
"description": "Color of indicator text."
}
],
"template": "<!-- For more information goto: https://github.com/BasvanH/habpanel-widget-lastupdate-indicator -->\n\n<div oc-lazy-load=\"['/static/lastupdate-indicator/lastupdate-indicator.controller.js']\">\n <div style=\"margin:auto; padding:0px 0px 10px;\">{{config.lastupdate_name}}</div>\n <div ng-controller=\"ngLastupdateCtrl\">\n <div style=\"margin:auto; background-color:black; display:block; width:2em; height:2em; border-radius:20%; display:flex; align-items:center;\" ng-style=\"{'background-color':bgIndicator}\">\n <h5 style=\"margin:auto; color:{{config.lastupdate_name_text_color}}\">{{textIndicator}}</h5>\n </div>\n </div>\n</div>"
}