System Widget.widget.json

{
    "template": "<div class=\"section\">\n\n\t<div class=\"sectionIconContainer\"><div class=\"sectionIcon\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#drive\"></use></svg></div></div>\n\t<div class=\"title\">System</div>\n\t<div class=\"controls\">\n\n\t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#sim-card\"></use></svg></div>\n\t\t\t<div class=\"name\">Memory Free</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Memory_Available_Percent') | number:1}}%</div></div>\t\t\t\n\t\t</div>\n    \n\t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#drive-3\"></use></svg></div>\n\t\t\t<div class=\"name\">Storage Free</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Storage_Available_Percent') | number:1}}%</div></div>\t\t\t\n\t\t</div>    \n\n\t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thermometer-3\"></use></svg></div>\n\t\t\t<div class=\"name\">CPU Temperature</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('System_Temperature_CPU') | number:1}} &deg;C</div></div>\t\t\t\n\t\t</div>\n\n\t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thermometer-3\"></use></svg></div>\n\t\t\t<div class=\"name\">GPU Temperature</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('System_Temperature_GPU') | number:1}} &deg;C</div></div>\t\t\t\n\t\t</div>\n\n    <div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>\n\t\t\t<div class=\"name\">CPU Load (now)</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('CPU_Load') | number:1}}%</div></div>\t\t\t\n\t\t</div>\n\n \t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>\n\t\t\t<div class=\"name\">CPU Load (1min)</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('CPU_Load1') | number:1}}%</div></div>\t\t\t\n\t    <div class=\"graph\">\n\t\t\t\t<img width=\"275\" height=\"100\" src=\"http://openhabianpi.local:3000/render/dashboard-solo/db/mini-graphs?orgId=1&panelId=5&from=now-7d&to=now&width=550&height=250&tz=UTC%2B02%3A00\" />\n\t\t\t\t<div class=\"legend\">Last 7 days</div>\n    \t</div>\n\t\t</div>\n\n \t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>\n\t\t\t<div class=\"name\">CPU Load (5min)</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('CPU_Load5') | number:1}}%</div></div>\t\t\t\n\t\t</div>\n\n \t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>\n\t\t\t<div class=\"name\">CPU Load (15min)</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('CPU_Load15') | number:1}}%</div></div>\t\t\t\n\t\t</div>\n\n\t\t<div class=\"widget\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#clock\"></use></svg></div>\n\t\t\t<div class=\"name\">Uptime</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('CPU_Uptime') | number:0}} min</div></div>\t\t\t\n\t\t</div>\n   \n\t</div>\n\n</div>\n  \n<div class=\"section\">\n  <div class=\"sectionIconContainer\"><div class=\"sectionIcon\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#connection-arw-l\"></use></svg></div></div>\n  <div class=\"title\">Rules</div>\n  <div class=\"controls\">\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsUp')=='OFF'\" ng-click=\"sendCmd('rule_livingroom_blindsUp', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Up</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsUp')=='ON'\" ng-click=\"sendCmd('rule_livingroom_blindsUp', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Up</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsUp')=='NULL'\" ng-click=\"sendCmd('rule_livingroom_blindsUp', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Up</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsUp_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsDown')=='OFF'\" ng-click=\"sendCmd('rule_livingroom_blindsDown', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Down</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsDown')=='ON'\" ng-click=\"sendCmd('rule_livingroom_blindsDown', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Down</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_livingroom_blindsDown')=='NULL'\" ng-click=\"sendCmd('rule_livingroom_blindsDown', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">Living Room Blinds Down</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_livingroom_blindsDown_Counter') | number:0}} executions</div></div>            \n    </div>\n    \n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sofia_blinds')=='OFF'\" ng-click=\"sendCmd('rule_sofia_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">Sofia's Room Blinds</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sofia_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sofia_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sofia_blinds')=='ON'\" ng-click=\"sendCmd('rule_sofia_blinds', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">Sofia's Room Blinds</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sofia_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sofia_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sofia_blinds')=='NULL'\" ng-click=\"sendCmd('rule_sofia_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">Sofia's Room Blinds</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sofia_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sofia_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sunset_blinds')=='OFF'\" ng-click=\"sendCmd('rule_sunset_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">Sunset</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sunset_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sunset_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sunset_blinds')=='ON'\" ng-click=\"sendCmd('rule_sunset_blinds', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">Sunset</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sunset_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sunset_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_sunset_blinds')=='NULL'\" ng-click=\"sendCmd('rule_sunset_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">Sunset</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_sunset_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_sunset_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_morning_blinds')=='OFF'\" ng-click=\"sendCmd('rule_morning_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">Morning</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_morning_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_morning_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_morning_blinds')=='ON'\" ng-click=\"sendCmd('rule_morning_blinds', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">Morning</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_morning_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_morning_blinds_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_morning_blinds')=='NULL'\" ng-click=\"sendCmd('rule_morning_blinds', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">Morning</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_morning_blinds_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_morning_blinds_Counter') | number:0}} executions</div></div>            \n    </div>   \n    \n    <div class=\"widget\" ng-if=\"itemValue('rule_bmw_charge_check')=='OFF'\" ng-click=\"sendCmd('rule_bmw_charge_check', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#off\"></use></svg></div>\n      <div class=\"name\">BMW Charge Check</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_bmw_charge_check_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_bmw_charge_check_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_bmw_charge_check')=='ON'\" ng-click=\"sendCmd('rule_bmw_charge_check', 'OFF')\">\n      <div class=\"icon on\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#on\"></use></svg></div>\n      <div class=\"name\">BMW Charge Check</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_bmw_charge_check_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_bmw_charge_check_Counter') | number:0}} executions</div></div>            \n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('rule_bmw_charge_check')=='NULL'\" ng-click=\"sendCmd('rule_bmw_charge_check', 'ON')\">\n      <div class=\"icon off\" ><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#none\"></use></svg></div>\n      <div class=\"name\">BMW Charge Check</div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('rule_bmw_charge_check_TimeStamp') | date:'MMM d, HH:mm'}} last</div><div class=\"value\">{{itemValue('rule_bmw_charge_check_Counter') | number:0}} executions</div></div>            \n    </div>       \n    \n  </div>\n</div>",
    "name": "System Widget"
}