Home Widget.widget.json

{
    "template": "<div oc-lazy-load=\"['/static/matrix-theme/jquery-3.2.1.min.js','/static/matrix-theme/matrix.js']\"></div>\n\n<div class=\"section\">\n\n\t<div class=\"bigDash\">\n\t\t<div class=\"description\">Outdoor</div>\n    <div class=\"top\">\n\t\t\t<div class=\"icon on\"><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=\"value\">\n\t\t\t\t<div class=\"main\">{{itemValue('Netatmo_Outdoor_Temperature') | number:1}}</div>\n\t\t\t\t<div class=\"sub\">&#176C</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"bottom\">\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=\"value\">feels like {{itemValue('Netatmo_Outdoor_Humidex') | number:0}} &#176C</div>\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#drop\"></use></svg></div>\n\t\t\t<div class=\"value\">{{itemValue('Netatmo_Outdoor_Humidity') | number:0}} %</div>\n\t\t</div>\n    <div class=\"graph\">\n\t\t\t<img width=\"250\" height=\"100\" src=\"http://openhabianpi.local:3000/render/dashboard-solo/db/mini-graphs?orgId=1&panelId=2&from=now-24h&to=now&width=500&height=250&tz=UTC%2B02%3A00\" />\n\t\t\t<div class=\"legend\">Last 24 hours</div>\n    </div>\n\t</div>\n\n\n\t<div class=\"bigDash\">\n\t\t<div class=\"description\">Indoor</div>    \n\t\t<div class=\"top\">\n\t\t\t<div class=\"icon on\"><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=\"value\">\n\t\t\t\t<div class=\"main\">{{itemValue('Netatmo_Indoor_Temperature') | number:1}}</div>\n\t\t\t\t<div class=\"sub\">&#176C</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"bottom\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#direction-n\"></use></svg></div>\n\t\t\t<div class=\"value\">{{itemValue('Netatmo_Indoor_Pressure') | number:0}} hPa</div>\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#drop\"></use></svg></div>\n\t\t\t<div class=\"value\">{{itemValue('Netatmo_Indoor_Humidity') | number:0}} %</div>\n\t\t</div>\n    <div class=\"graph\">\n\t\t\t<img width=\"250\" height=\"100\" src=\"http://openhabianpi.local:3000/render/dashboard-solo/db/mini-graphs?orgId=1&panelId=1&from=now-24h&to=now&width=500&height=250&tz=UTC%2B02%3A00\" />\n\t\t\t<div class=\"legend\">Last 24 hours</div>\n    </div>\n\t</div>\n\n\n\t<div class=\"bigDash\">\n\t\t<div class=\"description\">Power</div>    \n\t\t<div class=\"top\">\n\t\t\t<div class=\"icon on\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"value\">\n\t\t\t\t<div class=\"main\">{{itemValue('smappee_power')/1000 | number:2}}</div>\n\t\t\t\t<div class=\"sub\">kW</div>\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"bottom\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"value\">{{itemValue('smappee_voltage') | number:1}} V</div>\n      <div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"value\">{{itemValue('smappee_phase1_current')*1 + itemValue('smappee_phase2_current')*1 + itemValue('smappee_phase3_current')*1 | number:2}} A</div>\n\t\t</div>\n    <div class=\"graph\">\n\t\t\t<img width=\"250\" height=\"100\" src=\"http://openhabianpi.local:3000/render/dashboard-solo/db/mini-graphs?orgId=1&panelId=7&from=now-24h&to=now&width=500&height=250&tz=UTC%2B02%3A00\" />\n\t\t\t<div class=\"legend\">Last 24 hours</div>\n    </div>\n\t</div>  \n\n\n</div>\n\n<div class=\"section\">\n\t<div class=\"sectionIconContainer\"><div class=\"sectionIcon\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#thunder-1\"></use></svg></div></div>\n  <div class=\"title\">Power</div>\n  <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#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"name\">Voltage</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('smappee_voltage') | number: 1}} V</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#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"name\">Current</div>\n\t\t\t<div class=\"valueGroup\">\n        <div class=\"value\">{{itemValue('smappee_phase1_current')*1 + itemValue('smappee_phase2_current')*1 + itemValue('smappee_phase3_current')*1 | number: 1}} A</div>\n        <div class=\"value\">{{itemValue('smappee_phase1_current') | number: 1}} A (P1)</div>\n        <div class=\"value\">{{itemValue('smappee_phase2_current') | number: 1}} A (P2)</div>\n        <div class=\"value\">{{itemValue('smappee_phase3_current') | number: 1}} A (P3)</div>\n      </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#thunder-1\"></use></svg></div>\n\t\t\t<div class=\"name\">Power</div>\n\t\t\t<div class=\"valueGroup\">\n        <div class=\"value\">{{itemValue('smappee_power')/1000 | number: 1}} kW</div>\n        <div class=\"value\">{{itemValue('smappee_phase1_apparentPower')/1000 | number: 1}} kW (P1)</div>\n        <div class=\"value\">{{itemValue('smappee_phase2_apparentPower')/1000 | number: 1}} kW (P2)</div>\n        <div class=\"value\">{{itemValue('smappee_phase3_apparentPower')/1000 | number: 1}} kW (P3)</div>\n      </div>\t\t\t\n\t\t</div>\n\n  </div>\n</div>\n\n<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#stars\"></use></svg></div></div>\n\t<div class=\"title\">Astro</div>\n\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#half-light\"></use></svg></div>\n\t\t\t<div class=\"name\">Sunrise</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Sunrise_Time') | date:'HH:mm'}}</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#shade\"></use></svg></div>\n\t\t\t<div class=\"name\">Sunset</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Sunset_Time') | date:'HH:mm'}}</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#sun\"></use></svg></div>\n\t\t\t<div class=\"name\">Daylight</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Daylight_Duration') | number:0}} min</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#globe\"></use></svg></div>\n\t\t\t<div class=\"name\">Sun Azimuth</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Sun_Azimuth')}}&#176</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#sun-nwave\"></use></svg></div>\n\t\t\t<div class=\"name\">Sun Elevation</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Sun_Elevation')}}&#176</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#half-moon\"></use></svg></div>\n\t\t\t<div class=\"name\">Moon Phase</div>\n\t\t\t<div class=\"valueGroup\"><div class=\"value\">{{itemValue('Moon_Percent')}}%</div></div>\t\t\t\n\t\t</div>\n\n\t</div>\n\n</div>",
    "name": "Home Widget"
}