media.widget.json

{
    "template": "\n<div class=\"section\">\n\t<div class=\"thing\"></div>\n\t  \n\t<div class=\"sectionIconContainer\"><div class=\"sectionIcon\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#line-visuals\"></use></svg></div></div>\n\t<div class=\"title\">Music</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#line-visuals\"></use></svg></div>\n\t\t\t<div class=\"name\">Track</div>\n\t\t\t<div class=\"appLogo\"><svg viewBox=\"0 0 440 100\"><use xlink:href=\"/static/matrix-theme/AppIcons.svg#spotify\"></use></svg></div>        \n\t\t\t<div class=\"valueGroup\">\n\t\t\t\t<div class=\"value\">{{itemValue('spotify_current_track')}}</div>\n\t\t\t\t<div class=\"value\">{{itemValue('spotify_current_artist')}}</div>\n\t\t\t</div>\n      <div class=\"music\">\n        <div class=\"cover\" ng-style=\"{'background-image': 'url(' + itemValue('spotify_current_cover') + ')'}\"></div>\n        <div class=\"playback\">\n          <div class=\"playbackTime\">{{itemValue('spotify_current_progress') / 1000 | number:0}}</div>\n          <div class=\"playbackBar\"><div class=\"playbackBarDone\" ng-style=\"{'width': itemValue('spotify_current_duration') }\"></div></div>\n          <div class=\"playbackTime\">{{itemValue('spotify_current_duration') / 1000 | number:0}}</div>\n        </div>\n        <div class=\"controlGroup\">\n          <div class=\"control\" ng-click=\"sendCmd('spotify_action', 'next')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#right-arrow-2\"></use></svg></div>\n          <div class=\"control\" ng-click=\"sendCmd('spotify_action', 'play')\" ng-if=\"itemValue('spotify_current_playing')!='ON'\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#right-play\"></use></svg></div>\n          <div class=\"control\" ng-click=\"sendCmd('spotify_action', 'pause')\" ng-if=\"itemValue('spotify_current_playing')=='ON'\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#pause\"></use></svg></div>\n          <div class=\"control\" ng-click=\"sendCmd('spotify_action', 'previous')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#left-arrow-2\"></use></svg></div>\n        </div>\n      </div>      \n  \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#volume\"></use></svg></div>\n\t\t\t<div class=\"name\">Volume<div class=\"value\">{{itemValue('spotify_current_volume')}}</div></div>\n\t\t\t<div class=\"controlGroup\">\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('spotify_set_volume', 'up')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#top-arrow-2\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('spotify_set_volume', 'volume_down')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#down-arrow-2\"></use></svg></div>\n      \t<div class=\"control on\" ng-if=\"itemValue('spotify_current_volume')=='0'\" ng-click=\"sendCmd('spotify_set_volume', 'mute')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume-close\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-if=\"itemValue('spotify_current_volume')!='0'\" ng-click=\"sendCmd('spotify_set_volume', 'mute')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n      </div>\n    </div>\n    \n    <div class=\"widget\" ng-click=\"sendCmd('spotify_forceupadte', 'ON')\">\n      <div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#double-arrow\"></use></svg></div>\n      <div class=\"nameGroup\"><div class=\"name\">Update</div></div>\n      <div class=\"valueGroup\"><div class=\"value\">{{itemValue('spotify_lastConnectionDateTime') | date:'MMM d, HH:mm:ss'}}</div></div>\t\n    </div>  \n    \n    <div class=\"widget\" >\n      <div class=\"icon off\" ng-click=\"sendCmd('spotify_proxy_update', 'ON')\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#double-arrow\"></use></svg></div>\n      <div class=\"nameGroup\"><div class=\"name\">Devices</div></div>\n      <div class=\"btn-group\" dropdown-append-to-body=\"true\" uib-dropdown>            \n        <button id=\"single-button\" type=\"button\" class=\"btn btn-primary\" uib-dropdown-toggle>\n          {{itemValue('spotify_current_device')}} <span class=\"caret\"></span>\n        </button>\n        <ul class=\"dropdown-menu\"  uib-dropdown-menu role=\"menu\" aria-labelledby=\"single-button\">\n          <div ng-init=\"devices=itemValue('spotify_devices')\"></div>\n          <div ng-repeat=\"item in $eval(devices).devices\" ng-if=\"item.state!='NULL'\">\n            <li role=\"menuitem\"><a ng-click='sendCmd(\"spotify_action\", \"play \\\"\" + item.id + \"\\\"\")'>{{item.name}}</a></li>\n          </div>\n        </ul>\n      </div>\n    </div>\n\n    <div class=\"widget\">\n      <div class=\"icon off\" ng-click=\"sendCmd('spotify_action', 'playlists')\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#double-arrow\"></use></svg></div>\n      <div class=\"nameGroup\"><div class=\"name\">Play Lists </div></div>\n      <div class=\"btn-group\" dropdown-append-to-body=\"true\" uib-dropdown>            \n        <button id=\"single-button\" type=\"button\" class=\"btn btn-primary\" uib-dropdown-toggle>\n          Select <span class=\"caret\"></span>\n        </button>\n        <ul class=\"dropdown-menu\" uib-dropdown-menu role=\"menu\" style=\"overflow: auto; max-height:300px; overflow-x:hidden\" aria-labelledby=\"single-button\">\n          <div ng-init=\"playlists=itemValue('spotify_playlists')\"></div>\n          <div ng-repeat=\"item in $eval(playlists).items\" ng-if=\"item.state!='NULL'\">\n            <li role=\"menuitem\"><a ng-click='sendCmd(\"spotify_action\", \"play \\\"\" + item.uri + \"\\\"\")'>{{item.name}}</a></li>\n          </div>         \n        </ul>\n      </div>\n    </div>\n    \n\t</div>   \n</div>\n\n\n\n\n  \n \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#flat-tv\"></use></svg></div></div>\n\t<div class=\"title\">TV</div>\n\t<div class=\"controls\">\n    \n     \n      \n    <div class=\"widget\" ng-if=\"itemValue('HarmonyActivity')=='PowerOff'\" ng-click=\"sendCmd('HarmonyActivity', 'PC')\">\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\">Power On</div>\n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('HarmonyActivity')!='PowerOff'\" ng-click=\"sendCmd('HarmonyActivity', 'PowerOff')\">\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\">State: {{itemValue('HarmonyActivity')}}</div>\n    </div>\n\n    <div class=\"widget\" ng-if=\"itemValue('LG_TV0_Power')=='NULL'\" ng-click=\"sendCmd('HarmonyActivity', 'PC')\">\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\">Power</div>\n    </div>                \n\n    <div class=\"widget\" ng-class=\"{true: 'disabled'}[itemValue('HarmonyActivity')=='PowerOff']\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#flat-tv\"></use></svg></div>\n\t\t\t<div class=\"name\">Input</div>\n\t\t\t<div class=\"appLogo\" ng-if=\"itemValue('LG_TV0_Application')=='netflix'\"><svg viewBox=\"0 0 440 100\"><use xlink:href=\"/static/matrix-theme/AppIcons.svg#netflix\"></use></svg></div>        \n\t\t\t<div class=\"appLogo\" ng-if=\"itemValue('LG_TV0_Application')=='lovefilm'\"><svg viewBox=\"0 0 440 100\"><use xlink:href=\"/static/matrix-theme/AppIcons.svg#amazon\"></use></svg></div>        \n\t\t\t<div class=\"appLogo\" ng-if=\"itemValue('LG_TV0_Application')=='Youtube'\"><svg viewBox=\"0 0 440 100\"><use xlink:href=\"/static/matrix-theme/AppIcons.svg#youtube\"></use></svg></div>        \n\t\t\t<div class=\"appLogo\" ng-if=\"itemValue('LG_TV0_Application')=='com.webos.app.hdmi1'\">PC<svg viewBox=\"0 0 180 180\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>        \n\t\t\t<div class=\"appLogo\" ng-if=\"itemValue('LG_TV0_Application')!='netflix' && itemValue('LG_TV0_Application')!='lovefilm' && itemValue('LG_TV0_Application')!='Youtube' && itemValue('LG_TV0_Application')!=com.webos.app.hdmi1'\">{{itemValue('LG_TV0_Application')}} {{itemValue('HarmonyActivity}}</div>        \n\t\t\t<div class=\"controlGroup\">\n\t\t\t\t<div class=\"control\" ng-class=\"{true: 'on'}[itemValue('HarmonyActivity')=='Energy']\" ng-click=\"sendCmd('HarmonyActivity', 'Energy')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#logoYoutube\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-class=\"{true: 'on'}[itemValue('LG_TV0_Application')=='lovefilm']\" ng-click=\"sendCmd('LG_TV0_Application', 'lovefilm')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#logoAmazon\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-class=\"{true: 'on'}[itemValue('LG_TV0_Application')=='com.webos.app.hdmi1']\" ng-click=\"sendCmd('LG_TV0_Application', 'com.webos.app.hdmi1')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#processor\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-class=\"{true: 'on'}[itemValue('LG_TV0_Application')=='netflix']\" ng-click=\"sendCmd('LG_TV0_Application', 'netflix')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/matrixicons.svg#logoNetflix\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-class=\"{true: 'on'}[itemValue('HarmonyActivity')=='Watch PC']\" ng-click=\"sendCmd('HarmonyActivity', 'Watch PC')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#flat-tv\"></use></svg></div>\n\t\t\t</div>\n\t\t</div>\n    \n    <div class=\"widget\" ng-class=\"{true: 'disabled'}[itemValue('HarmonyActivity')=='PowerOff']\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n\t\t\t<div class=\"name\">Volume<div class=\"value\">{{itemValue('LG_TV0_Volume') * 100 | number:0}}</div></div>\n\t\t\t<div class=\"controlGroup\">\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('LG_TV0_VolumeUp', 'ON')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#top-arrow-2\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('LG_TV0_VolumeDown', 'ON')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#down-arrow-2\"></use></svg></div>\n\t\t\t\t<div class=\"control on\" ng-if=\"itemValue('LG_TV0_Mute')=='ON'\" ng-click=\"sendCmd('LG_TV0_Mute', 'OFF')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume-close\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-if=\"itemValue('LG_TV0_Mute')!='ON'\" ng-click=\"sendCmd('LG_TV0_Mute', 'ON')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n\t\t\t</div>\n\t\t</div>\n    \n\n    <div class=\"widget\" ng-class=\"{true: 'disabled'}[itemValue('HarmonyActivity')=='PowerOff']\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n\t\t\t<div class=\"name\" ng-init=\"harmonyVolume=0\" ng-click=\"harmonyVolume=1\">Enable Harmony Volume<svg viewBox=\"0 0 20 20\"><use xlink:href=\"/static/matrix-theme/squidink.svg#down-arrow-2\"></use></svg></div>\n\t\t\t<div class=\"controlGroup\" ng-if=\"harmonyVolume==1\">\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('harmonyhub_device_Master_36738743_buttonPress', 'VolumeUp')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#top-arrow-2\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-click=\"sendCmd('harmonyhub_device_Master_36738743_buttonPress', 'VolumeDown')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#down-arrow-2\"></use></svg></div>\n\t\t\t\t<div class=\"control on\" ng-if=\"itemValue('LG_TV0_Mute')=='ON'\" ng-click=\"sendCmd('harmonyhub_device_Master_36738743_buttonPress', 'mute')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n\t\t\t\t<div class=\"control\" ng-if=\"itemValue('LG_TV0_Mute')!='ON'\" ng-click=\"sendCmd('harmonyhub_device_Master_36738743_buttonPress', 'mute')\"><svg viewBox=\"0 0 80 80\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume-close\"></use></svg></div>\n\t\t\t</div>\n\t\t</div>\n    \n    \n    \n     <div class=\"widget\" ng-class=\"{true: 'disabled'}[itemValue('HarmonyActivity')=='PowerOff']\">\n\t\t\t<div class=\"icon off\"><svg viewBox=\"0 0 48 48\"><use xlink:href=\"/static/matrix-theme/squidink.svg#volume\"></use></svg></div>\n\t\t\t<div class=\"name\" ng-init=\"soundOptions=0\" ng-click=\"soundOptions=1\">Sound Options<svg viewBox=\"0 0 180 180\"><use xlink:href=\"/static/matrix-theme/squidink.svg#down-arrow-2\"></use></svg></div>\n\t\t\t<div class=\"sceneGroup\" ng-if=\"soundOptions==1\">\n        <div class=\"scene\" ng-click=\"sendCmd('HarmonyYamaha', 'DspStraight')\">Straight</div>\n\t\t\t\t<div class=\"scene\" ng-click=\"sendCmd('HarmonyYamaha', 'InputHdmi1')\">HDMI 1</div>\n        <div class=\"scene\" ng-click=\"sendCmd('HarmonyYamaha', 'InputAudio')\">App sounds</div>\n        <div class=\"scene\" ng-click=\"sendCmd('HarmonyYamaha', 'DspMusic')\">Music</div>\n        <div class=\"scene\" ng-click=\"sendCmd('HarmonyYamaha', 'DspMovie')\">Movie</div>\n\t\t\t</div>\n\t\t</div>\n   \n    <div class=\"name\" ng-init=\"remote=0\" ng-click=\"remote=1\">Enable Remotes</div>\n      <div ng-if=\"remote==1\" ng-repeat=\"item in itemsInGroup('gharmony')\">\n        <div class=\"widget\">\n          <div class=\"name\">{{item.label}}</div>\n          <div class=\"btn-group\"  dropdown-append-to-body=\"true\"uib-dropdown>\n            <button id=\"single-button\" type=\"button\" class=\"btn btn-primary\"  uib-dropdown-toggle>\n              {{item.state}} <span class=\"caret\"></span>\n            </button>\n            <ul class=\"dropdown-menu\" uib-dropdown-menu role=\"menu\" style=\"overflow: auto; max-height:300px; overflow-x:hidden\" aria-labelledby=\"single-button\">\n              <dev ng-repeat=\"i in item.stateDescription.options\">\n                <li role=\"menuitem\"><a ng-click='sendCmd(item.name, i.value)'>{{i.label}}</a></li>\n              </dev>\n            </ul>\n          </div>\n        </div>\n      </div>\n    \n    \n\t</div>\n\n</div>\n\n\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/matrixicons.svg#light_bulb\"></use></svg></div></div>\n  <div class=\"title\"><div class=\"name\">Lights</div><div class=\"summary\"></div></div>\n  \n  <div class=\"controls\">\n  \t<div ng-repeat=\"item in itemsInGroup('gSwitchLights') | filter:query as filtered\">\n    \t<div class=\"widget wide\" ng-if=\"itemValue(item.name)=='0'\" ng-click=\"sendCmd(item.name, '100')\">\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\">{{item.label}}</div>\n  \t  </div>\n      <div class=\"widget wide\" ng-if=\"itemValue(item.name)>1\" ng-click=\"sendCmd(item.name, '0')\">\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\">{{item.label}}</div>\n      </div>  \n  \t</div>\n  </div>\n\n  <div id=\"divCheckbox\" style=\"display: none;\"></div>\n</div>\n\n\n\n<div class=\"section\">\n\n\t<div class=\"bigDash\">\n\t\t<div class=\"description\">Kitchen</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('HueKitchenTemp') | 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      <div class=\"name\">Motion: {{itemValue('HueMotionKitchen')}}</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\">Bathroom</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('HueBathroomTemp') | 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=\"name\">Motion: {{itemValue('HueMotionBathroom')}}</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</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": "Media",
    "settings": [
        {
            "type": "item"
        },
        {
            "type": "string"
        }
    ]
}