From e42e59871e579fd1a68d5b76dea3317744625b22 Mon Sep 17 00:00:00 2001 From: "David F. Mulcahey" Date: Wed, 30 Jan 2019 14:42:09 -0500 Subject: [PATCH] Use demo icons instead of mdi (#2623) * generate demo icons * replace tab icons and update build file * review comments * review comments * update ignores * cleanup --- .gitignore | 1 + demo/script/build_demo | 2 + demo/script/develop_demo | 2 + demo/script/gen-icons.js | 15 ++ demo/src/configs/arsaboo/entities.ts | 242 +++++++++++++-------------- demo/src/configs/arsaboo/lovelace.ts | 4 +- demo/src/entrypoint.ts | 9 +- demo/src/resources/hademo-icons.js | 7 + 8 files changed, 154 insertions(+), 128 deletions(-) create mode 100755 demo/script/gen-icons.js create mode 100644 demo/src/resources/hademo-icons.js diff --git a/.gitignore b/.gitignore index 0cd680bb81..f9a704e5d9 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ npm-debug.log hass_frontend/* hass_frontend_es5/* .reify-cache +demo/hademo-icons.html # Python stuff *.py[cod] diff --git a/demo/script/build_demo b/demo/script/build_demo index c9f6dae533..ba5c1475d3 100755 --- a/demo/script/build_demo +++ b/demo/script/build_demo @@ -9,6 +9,8 @@ cd "$(dirname "$0")/.." OUTPUT_DIR=dist rm -rf $OUTPUT_DIR +mkdir $OUTPUT_DIR +node script/gen-icons.js cd .. DEMO=1 ./node_modules/.bin/gulp build-translations gen-icons diff --git a/demo/script/develop_demo b/demo/script/develop_demo index 7aa90de707..f7fd754df2 100755 --- a/demo/script/develop_demo +++ b/demo/script/develop_demo @@ -6,6 +6,8 @@ set -e cd "$(dirname "$0")/.." +node script/gen-icons.js + cd .. DEMO=1 ./node_modules/.bin/gulp build-translations gen-icons cd demo diff --git a/demo/script/gen-icons.js b/demo/script/gen-icons.js new file mode 100755 index 0000000000..40a0f15a0d --- /dev/null +++ b/demo/script/gen-icons.js @@ -0,0 +1,15 @@ +#!/usr/bin/env node +const fs = require("fs"); +const { + findIcons, + generateIconset, + genMDIIcons, +} = require("../../gulp/tasks/gen-icons.js"); + +function genHademoIcons() { + const iconNames = findIcons("./src", "hademo"); + fs.writeFileSync("./hademo-icons.html", generateIconset("hademo", iconNames)); +} + +genMDIIcons(); +genHademoIcons(); diff --git a/demo/src/configs/arsaboo/entities.ts b/demo/src/configs/arsaboo/entities.ts index a018a15e3d..369d5ecfa7 100644 --- a/demo/src/configs/arsaboo/entities.ts +++ b/demo/src/configs/arsaboo/entities.ts @@ -27,7 +27,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => hidden: true, radius: 200, friendly_name: "Home", - icon: "mdi:home", + icon: "hademo:home", }, last_changed: "2019-01-22T16:59:56.243651+00:00", last_updated: "2019-01-22T16:59:56.243651+00:00", @@ -40,7 +40,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => hidden: true, radius: 200, friendly_name: "Buckhead", - icon: "mdi:school", + icon: "hademo:school", }, last_changed: "2019-01-22T16:59:56.243765+00:00", last_updated: "2019-01-22T16:59:56.243765+00:00", @@ -53,7 +53,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => hidden: true, radius: 200, friendly_name: "Downtown", - icon: "mdi:school", + icon: "hademo:school", }, last_changed: "2019-01-22T16:59:56.243873+00:00", last_updated: "2019-01-22T16:59:56.243873+00:00", @@ -176,7 +176,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => order: 0, view: true, friendly_name: "default_view", - icon: "mdi:home-assistant", + icon: "hass:home-assistant", hidden: true, assumed_state: true, homebridge_hidden: true, @@ -266,7 +266,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "Paused", attributes: { friendly_name: "Sonos Audio-in", - icon: "mdi:volume-high", + icon: "hademo:volume-high", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:14.678332+00:00", @@ -287,7 +287,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "h", friendly_name: "Downstairs HVAC Runtime", - icon: "mdi:fire", + icon: "hademo:fire", homebridge_hidden: true, }, last_changed: "2019-01-22T19:37:16.159604+00:00", @@ -300,7 +300,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "h", friendly_name: "Upstairs HVAC Runtime", - icon: "mdi:fire", + icon: "hademo:fire", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.087160+00:00", @@ -313,7 +313,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "h", friendly_name: "Master HVAC Runtime", - icon: "mdi:fire", + icon: "hademo:fire", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.141918+00:00", @@ -361,7 +361,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "heat", attributes: { friendly_name: "Downstairs Thermostat", - icon: "mdi:fire", + icon: "hademo:fire", homebridge_hidden: true, }, last_changed: "2019-01-22T19:36:17.079229+00:00", @@ -373,7 +373,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "fan", attributes: { friendly_name: "Upstairs Thermostat", - icon: "mdi:fan", + icon: "hademo:fan", homebridge_hidden: true, }, last_changed: "2019-01-22T19:33:14.172288+00:00", @@ -385,7 +385,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "idle", attributes: { friendly_name: "Master Thermostat", - icon: "mdi:fan", + icon: "hademo:fan", homebridge_hidden: true, }, last_changed: "2019-01-22T19:36:17.063265+00:00", @@ -418,7 +418,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { friendly_name: "Leeo Alarm", homebridge_hidden: true, - icon: "mdi:fire", + icon: "hademo:fire", }, last_changed: "2019-01-22T17:00:14.724051+00:00", last_updated: "2019-01-22T17:00:14.724051+00:00", @@ -473,7 +473,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => moonrise: "7:54PM", moonset: "8:54AM", friendly_name: "Moon", - icon: "mdi:brightness-3", + icon: "hademo:brightness-3", homebridge_hidden: true, }, last_changed: "2019-01-22T16:59:56.793297+00:00", @@ -486,7 +486,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "minutes", friendly_name: "Uptime", - icon: "mdi:clock", + icon: "hademo:clock", homebridge_hidden: true, }, last_changed: "2019-01-22T19:37:16.010174+00:00", @@ -498,7 +498,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "winter", attributes: { friendly_name: "Season", - icon: "mdi:snowflake", + icon: "hademo:snowflake", homebridge_hidden: true, }, last_changed: "2019-01-22T16:59:56.796129+00:00", @@ -838,7 +838,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "25m", unit_of_measurement: "h", friendly_name: "Total TV Time", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:14.938049+00:00", @@ -852,7 +852,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "0m", unit_of_measurement: "h", friendly_name: "Downstairs cool", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.058500+00:00", @@ -866,7 +866,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "50m", unit_of_measurement: "h", friendly_name: "Upstairs heat", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.085632+00:00", @@ -880,7 +880,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "1h 18m", unit_of_measurement: "h", friendly_name: "Master heat", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.140431+00:00", @@ -894,7 +894,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "0m", unit_of_measurement: "h", friendly_name: "Master cool", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.164528+00:00", @@ -908,7 +908,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "0m", unit_of_measurement: "h", friendly_name: "Upstairs cool", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:15.118623+00:00", @@ -937,7 +937,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => value: "2h 28m", unit_of_measurement: "h", friendly_name: "Downstairs heat", - icon: "mdi:chart-line", + icon: "hademo:chart-line", homebridge_hidden: true, }, last_changed: "2019-01-22T19:37:16.154628+00:00", @@ -1046,7 +1046,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Energy", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.411856+00:00", @@ -1059,7 +1059,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { attribution: "Powered by Dark Sky", friendly_name: "Hourly Summary", - icon: "mdi:weather-pouring", + icon: "hademo:weather-pouring", entity_picture: "/static/images/darksky/weather-pouring.svg", homebridge_hidden: true, }, @@ -1085,7 +1085,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => order: 1, view: true, friendly_name: "Temperature Sensors", - icon: "mdi:weather-cloudy", + icon: "hademo:weather-cloudy", hidden: true, homebridge_hidden: true, }, @@ -1099,7 +1099,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Industrials", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.432898+00:00", @@ -1130,7 +1130,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => order: 2, view: true, friendly_name: "Cameras", - icon: "mdi:cctv", + icon: "hademo:cctv", hidden: true, homebridge_hidden: true, }, @@ -1145,7 +1145,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { attribution: "Powered by Dark Sky", friendly_name: "Daily Summary", - icon: "mdi:weather-pouring", + icon: "hademo:weather-pouring", entity_picture: "/static/images/darksky/weather-pouring.svg", homebridge_hidden: true, }, @@ -1167,7 +1167,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Real Estate", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.439718+00:00", @@ -1186,7 +1186,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => order: 3, view: true, friendly_name: "Media", - icon: "mdi:play-circle-outline", + icon: "hademo:play-circle-outline", hidden: true, homebridge_hidden: true, }, @@ -1199,7 +1199,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "Party Mode", - icon: "mdi:theme-light-dark", + icon: "hademo:theme-light-dark", homebridge_hidden: true, templates: { icon_color: @@ -1215,7 +1215,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "on", attributes: { friendly_name: "Abode Updates", - icon: "mdi:security", + icon: "hademo:security", homebridge_hidden: true, templates: { icon_color: @@ -1232,7 +1232,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "Camera Recording", - icon: "mdi:record-rec", + icon: "hademo:record-rec", homebridge_hidden: true, templates: { icon_color: @@ -1249,7 +1249,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "Developer Mode", - icon: "mdi:tune", + icon: "hademo:tune", homebridge_hidden: true, templates: { icon_color: @@ -1265,7 +1265,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "TV", - icon: "mdi:television", + icon: "hademo:television", homebridge_hidden: false, templates: { icon_color: @@ -1281,7 +1281,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "Dash Bounty", - icon: "mdi:security", + icon: "hademo:security", homebridge_hidden: true, templates: { icon_color: @@ -1297,7 +1297,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "on", attributes: { friendly_name: "Home Automation", - icon: "mdi:home-automation", + icon: "hass:home-automation", homebridge_hidden: true, templates: { icon_color: @@ -1313,11 +1313,11 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "on", attributes: { friendly_name: "TV Time", - icon: "mdi:television-guide", + icon: "hademo:television-guide", homebridge_hidden: true, templates: { icon: - "if (state === 'on') return 'mdi:television-classic'; return 'mdi:television-classic-off';\n", + "if (state === 'on') return 'hademo:television-classic'; return 'hademo:television-classic-off';\n", icon_color: "if (state === 'on') return 'rgb(251, 210, 41)'; return 'rgb(54, 95, 140)';\n", }, @@ -1331,7 +1331,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "off", attributes: { friendly_name: "Leeo Alarm", - icon: "mdi:fire", + icon: "hademo:fire", homebridge_hidden: true, templates: { icon_color: @@ -1355,7 +1355,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "darkcyan", ], friendly_name: "Current Theme", - icon: "mdi:palette", + icon: "hademo:palette", }, last_changed: "2019-01-22T17:00:16.025620+00:00", last_updated: "2019-01-22T17:00:16.025620+00:00", @@ -1367,7 +1367,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { options: ["disarmed", "armed_home", "armed_away"], friendly_name: "Abode status", - icon: "mdi:security", + icon: "hademo:security", }, last_changed: "2019-01-22T19:29:17.185384+00:00", last_updated: "2019-01-22T19:29:17.185384+00:00", @@ -1379,7 +1379,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { options: ["heat", "cool"], friendly_name: "HVAC Mode", - icon: "mdi:air-conditioner", + icon: "hademo:air-conditioner", }, last_changed: "2019-01-22T16:59:56.884120+00:00", last_updated: "2019-01-22T16:59:56.884120+00:00", @@ -1397,7 +1397,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Watch Apple TV", ], friendly_name: "Harmony Activity", - icon: "mdi:remote", + icon: "hademo:remote", }, last_changed: "2019-01-22T16:59:56.884366+00:00", last_updated: "2019-01-22T16:59:56.884366+00:00", @@ -1409,7 +1409,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { options: ["AppleTV", "FireTV", "Shield"], friendly_name: "HDMI Switcher", - icon: "mdi:remote", + icon: "hademo:remote", }, last_changed: "2019-01-22T16:59:56.884597+00:00", last_updated: "2019-01-22T16:59:56.884597+00:00", @@ -1421,7 +1421,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { options: ["InputHdmi1", "InputHdmi2", "InputHDMI3", "InputHdmi4"], friendly_name: "HDMI Input", - icon: "mdi:remote", + icon: "hademo:remote", }, last_changed: "2019-01-22T16:59:56.884850+00:00", last_updated: "2019-01-22T16:59:56.884850+00:00", @@ -1549,7 +1549,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => step: 1, mode: "slider", friendly_name: "Portfolio Return", - icon: "mdi:chart-line-variant", + icon: "hademo:chart-line-variant", }, last_changed: "2019-01-22T16:59:56.886919+00:00", last_updated: "2019-01-22T16:59:56.886919+00:00", @@ -1565,7 +1565,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => step: 1, mode: "slider", friendly_name: "Volume", - icon: "mdi:volume-high", + icon: "hademo:volume-high", }, last_changed: "2019-01-22T17:00:16.104666+00:00", last_updated: "2019-01-22T17:00:16.104666+00:00", @@ -1577,7 +1577,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "Mbit/s", friendly_name: "Speedtest Download", - icon: "mdi:speedometer", + icon: "hademo:speedometer", homebridge_hidden: true, }, last_changed: "2019-01-22T16:59:56.888048+00:00", @@ -1590,7 +1590,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { attribution: "Powered by Dark Sky", friendly_name: "Dark Sky Summary", - icon: "mdi:weather-partlycloudy", + icon: "hademo:weather-partlycloudy", entity_picture: "/static/images/darksky/weather-partlycloudy.svg", homebridge_hidden: true, }, @@ -1617,7 +1617,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => order: 4, view: true, friendly_name: "Settings", - icon: "mdi:settings", + icon: "hademo:settings", hidden: true, homebridge_hidden: true, }, @@ -1802,7 +1802,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Information Technology", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.435296+00:00", @@ -1816,7 +1816,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Powered by Dark Sky", unit_of_measurement: "°F", friendly_name: "Dark Sky Temperature", - icon: "mdi:thermometer", + icon: "hademo:thermometer", homebridge_hidden: true, }, last_changed: "2019-01-22T19:20:44.348526+00:00", @@ -1870,7 +1870,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Utilities", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.426424+00:00", @@ -1910,7 +1910,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Consumer Staples", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.403823+00:00", @@ -2231,7 +2231,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Top Movie": "The Departed", "Top TV Show": "The Kapil Sharma Show", friendly_name: "Tautulli", - icon: "mdi:plex", + icon: "hademo:plex", homebridge_hidden: true, }, last_changed: "2019-01-22T16:59:56.927529+00:00", @@ -2257,7 +2257,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Health Care", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.416168+00:00", @@ -2283,7 +2283,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Materials", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.428887+00:00", @@ -2309,7 +2309,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Consumer Discretionary", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.422192+00:00", @@ -2438,7 +2438,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { last_triggered: null, friendly_name: "Start LIFX colorloop", - icon: "mdi:palette", + icon: "hademo:palette", }, last_changed: "2019-01-22T16:59:57.053368+00:00", last_updated: "2019-01-22T16:59:57.053368+00:00", @@ -2450,7 +2450,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { last_triggered: null, friendly_name: "Start Party Mode", - icon: "mdi:palette", + icon: "hademo:palette", homebridge_hidden: false, }, last_changed: "2019-01-22T16:59:57.053873+00:00", @@ -2482,7 +2482,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { last_triggered: null, friendly_name: "Stop LIFX effects", - icon: "mdi:palette", + icon: "hademo:palette", }, last_changed: "2019-01-22T16:59:57.055397+00:00", last_updated: "2019-01-22T16:59:57.055397+00:00", @@ -2686,7 +2686,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Communication Services", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.419172+00:00", @@ -2702,7 +2702,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => to: "INR", unit_of_measurement: "INR", friendly_name: "USDINR", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T18:25:11.582558+00:00", @@ -2806,7 +2806,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => state: "closed", attributes: { friendly_name: "Garage Door", - icon: "mdi:garage", + icon: "hademo:garage", supported_features: 11, homebridge_hidden: false, homebridge_cover_type: "garage_door", @@ -3949,7 +3949,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Financials", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:30:22.409311+00:00", @@ -4024,7 +4024,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: "%", friendly_name: "NASDAQ Futures change pct", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4226,7 +4226,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "S&P Futures change", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4244,7 +4244,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "NASDAQ Futures change", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4262,7 +4262,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "S&P Futures", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:34:41.657204+00:00", @@ -4276,7 +4276,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "DOW Futures", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:34:41.650249+00:00", @@ -4290,7 +4290,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: "%", friendly_name: "DOW Futures change pct", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4308,7 +4308,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "DOW Futures change", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4326,7 +4326,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: " ", friendly_name: "NASDAQ Futures", - icon: "mdi:currency-usd", + icon: "hademo:currency-usd", homebridge_hidden: true, }, last_changed: "2019-01-22T19:34:41.673171+00:00", @@ -4340,7 +4340,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attribution: "Data provided by CNN.com", unit_of_measurement: "%", friendly_name: "S&P Futures change pct", - icon: "mdi:arrow-down-bold-circle", + icon: "hademo:arrow-down-bold-circle", homebridge_hidden: true, templates: { icon_color: @@ -4553,7 +4553,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Captured Today Arlo3", - icon: "mdi:file-video", + icon: "hademo:file-video", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:00.135994+00:00", @@ -4719,7 +4719,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Last Arlo3", - icon: "mdi:run-fast", + icon: "hademo:run-fast", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:00.184051+00:00", @@ -4744,7 +4744,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { source: "Local", friendly_name: "Current Version", - icon: "mdi:package-up", + icon: "hademo:package-up", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:00.191231+00:00", @@ -4843,7 +4843,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Signal Strength Arlo3", - icon: "mdi:signal", + icon: "hademo:signal", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:00.199362+00:00", @@ -4905,7 +4905,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => recording_status: "ready", category: "motion", friendly_name: "Front Door Last Motion", - icon: "mdi:history", + icon: "hademo:history", homebridge_hidden: true, }, last_changed: "2019-01-22T18:22:33.829681+00:00", @@ -5275,7 +5275,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Last ArloLivingRoom", - icon: "mdi:run-fast", + icon: "hademo:run-fast", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.407178+00:00", @@ -5398,7 +5398,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Signal Strength ArloLivingRoom", - icon: "mdi:signal", + icon: "hademo:signal", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.433185+00:00", @@ -5422,7 +5422,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => model: "VMC4030", unit_of_measurement: "%", friendly_name: "Battery Level LivingRoom2", - icon: "mdi:battery-80", + icon: "hademo:battery-80", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.440220+00:00", @@ -5440,7 +5440,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => battery_backup: false, cellular_backup: false, friendly_name: "Abode Alarm", - icon: "mdi:security", + icon: "hademo:security", homebridge_hidden: false, entity_picture: "/assets/arsaboo/icons/Abode.jpg", }, @@ -5456,7 +5456,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Captured Today ArloLivingRoom", - icon: "mdi:file-video", + icon: "hademo:file-video", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.475387+00:00", @@ -5472,7 +5472,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => model: "VMC4030", unit_of_measurement: "%", friendly_name: "Battery Level Arlo3", - icon: "mdi:battery-90", + icon: "hademo:battery-90", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.477375+00:00", @@ -5494,7 +5494,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => season: "Tree", unit_of_measurement: "index", friendly_name: "Allergy Index: Forecasted Average", - icon: "mdi:flower", + icon: "hademo:flower", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.529808+00:00", @@ -5507,7 +5507,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Glances Disk used", - icon: "mdi:harddisk", + icon: "hademo:harddisk", homebridge_hidden: true, }, last_changed: "2019-01-22T18:47:11.166600+00:00", @@ -5520,7 +5520,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "%", friendly_name: "Glances RAM used", - icon: "mdi:memory", + icon: "hademo:memory", homebridge_hidden: true, }, last_changed: "2019-01-22T19:37:16.355871+00:00", @@ -5533,7 +5533,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => attributes: { unit_of_measurement: "15 min", friendly_name: "Glances CPU load", - icon: "mdi:memory", + icon: "hademo:memory", homebridge_hidden: true, }, last_changed: "2019-01-22T19:36:45.032244+00:00", @@ -5548,7 +5548,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Captured Today LivingRoom2", - icon: "mdi:file-video", + icon: "hademo:file-video", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.604468+00:00", @@ -5564,7 +5564,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => model: "VMC4030", unit_of_measurement: "%", friendly_name: "Battery Level ArloLivingRoom", - icon: "mdi:battery-80", + icon: "hademo:battery-80", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.607169+00:00", @@ -5579,7 +5579,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Last LivingRoom2", - icon: "mdi:run-fast", + icon: "hademo:run-fast", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.609752+00:00", @@ -5594,7 +5594,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => brand: "Netgear Arlo", model: "VMC4030", friendly_name: "Signal Strength LivingRoom2", - icon: "mdi:signal", + icon: "hademo:signal", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:03.612057+00:00", @@ -6002,7 +6002,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => recording_status: "ready", category: "ding", friendly_name: "Front Door Last Ding", - icon: "mdi:history", + icon: "hademo:history", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:04.444969+00:00", @@ -6049,7 +6049,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => recording_status: "ready", category: "motion", friendly_name: "Front Door Last Activity", - icon: "mdi:history", + icon: "hademo:history", homebridge_hidden: true, }, last_changed: "2019-01-22T18:22:34.200067+00:00", @@ -6133,7 +6133,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => current_activity: "PowerOff", friendly_name: "Livingroom Remote", homebridge_hidden: true, - icon: "mdi:remote", + icon: "hademo:remote", }, last_changed: "2019-01-22T17:00:05.155384+00:00", last_updated: "2019-01-22T17:00:05.155384+00:00", @@ -6255,7 +6255,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => battery: 87, friendly_name: "Alok's iPhone MQTT", homebridge_hidden: true, - icon: "mdi:cellphone-iphone", + icon: "hademo:cellphone-iphone", }, last_changed: "2019-01-22T17:00:05.633235+00:00", last_updated: "2019-01-22T17:00:05.633235+00:00", @@ -6273,7 +6273,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => course: 258, friendly_name: "Rashmi's iPhone MQTT", homebridge_hidden: true, - icon: "mdi:cellphone-iphone", + icon: "hademo:cellphone-iphone", }, last_changed: "2019-01-22T19:29:33.960258+00:00", last_updated: "2019-01-22T19:34:41.562549+00:00", @@ -6342,7 +6342,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => scanner: "UnifiScanner", friendly_name: "Rashmi's iPhone", homebridge_hidden: true, - icon: "mdi:cellphone-iphone", + icon: "hademo:cellphone-iphone", }, last_changed: "2019-01-22T19:34:19.106804+00:00", last_updated: "2019-01-22T19:34:19.106804+00:00", @@ -6453,7 +6453,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Alok's iPhone", hidden: true, homebridge_hidden: true, - icon: "mdi:cellphone-iphone", + icon: "hademo:cellphone-iphone", }, last_changed: "2019-01-22T17:00:05.639222+00:00", last_updated: "2019-01-22T17:00:05.639222+00:00", @@ -6711,7 +6711,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Device Version": "12.1.2", unit_of_measurement: "%", friendly_name: "Alok's iPhone Battery Level", - icon: "mdi:battery-charging-80", + icon: "hademo:battery-charging-80", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:14.615742+00:00", @@ -6727,7 +6727,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Master Brightness", device_class: "illuminance", homebridge_hidden: true, - icon: "mdi:brightness-7", + icon: "hademo:brightness-7", }, last_changed: "2019-01-22T19:34:01.373772+00:00", last_updated: "2019-01-22T19:34:01.373772+00:00", @@ -6742,7 +6742,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Living Room Humidity", device_class: "humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T19:28:23.208761+00:00", last_updated: "2019-01-22T19:28:23.208761+00:00", @@ -6784,7 +6784,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Attic Humidity", device_class: "humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T19:30:15.006910+00:00", last_updated: "2019-01-22T19:30:15.006910+00:00", @@ -6799,7 +6799,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Upstairs Brightness", device_class: "illuminance", homebridge_hidden: true, - icon: "mdi:brightness-7", + icon: "hademo:brightness-7", }, last_changed: "2019-01-22T19:06:41.254847+00:00", last_updated: "2019-01-22T19:06:41.254847+00:00", @@ -6837,7 +6837,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Living Room Brightness", device_class: "illuminance", homebridge_hidden: true, - icon: "mdi:brightness-7", + icon: "hademo:brightness-7", }, last_changed: "2019-01-22T19:15:58.303225+00:00", last_updated: "2019-01-22T19:15:58.303225+00:00", @@ -6865,7 +6865,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Guest Room Brightness", device_class: "illuminance", homebridge_hidden: true, - icon: "mdi:brightness-7", + icon: "hademo:brightness-7", }, last_changed: "2019-01-22T18:04:46.836506+00:00", last_updated: "2019-01-22T18:04:46.836506+00:00", @@ -6892,7 +6892,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Study Humidity", device_class: "humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T19:33:38.218215+00:00", last_updated: "2019-01-22T19:33:38.218215+00:00", @@ -6948,7 +6948,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Living Room Occupancy Sensor Brightness", device_class: "illuminance", homebridge_hidden: true, - icon: "mdi:brightness-7", + icon: "hademo:brightness-7", }, last_changed: "2019-01-22T19:34:42.705272+00:00", last_updated: "2019-01-22T19:34:42.705272+00:00", @@ -6989,7 +6989,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Device Name": "Alok's iPhone", "Device Version": "12.1.2", friendly_name: "Alok's iPhone Battery State", - icon: "mdi:power-plug", + icon: "hademo:power-plug", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:14.640277+00:00", @@ -7016,7 +7016,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => unit_of_measurement: "%", friendly_name: "BloomSky Humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T19:34:50.024332+00:00", last_updated: "2019-01-22T19:34:50.024332+00:00", @@ -7032,7 +7032,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Device Name": "iPhone", "Device Version": "12.1.2", friendly_name: "iPhone Battery State", - icon: "mdi:power-plug-off", + icon: "hademo:power-plug-off", homebridge_hidden: true, }, last_changed: "2019-01-22T17:00:14.644203+00:00", @@ -7075,7 +7075,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => "Device Version": "12.1.2", unit_of_measurement: "%", friendly_name: "iPhone Battery Level", - icon: "mdi:battery-70", + icon: "hademo:battery-70", homebridge_hidden: true, }, last_changed: "2019-01-22T18:52:32.027267+00:00", @@ -7115,7 +7115,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Downstairs Humidity", device_class: "humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T19:14:14.063319+00:00", last_updated: "2019-01-22T19:14:14.063319+00:00", @@ -7140,7 +7140,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => friendly_name: "Upstairs Humidity", device_class: "humidity", homebridge_hidden: true, - icon: "mdi:water-percent", + icon: "hademo:water-percent", }, last_changed: "2019-01-22T17:00:14.654533+00:00", last_updated: "2019-01-22T17:00:14.654533+00:00", @@ -7153,7 +7153,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => unit_of_measurement: "mV", friendly_name: "BloomSky Voltage", homebridge_hidden: true, - icon: "mdi:battery", + icon: "hademo:battery", }, last_changed: "2019-01-22T19:34:50.010946+00:00", last_updated: "2019-01-22T19:34:50.010946+00:00", @@ -7403,7 +7403,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => unit_of_measurement: "min", friendly_name: "Commute to Home", homebridge_hidden: true, - icon: "mdi:car", + icon: "hademo:car", }, last_changed: "2019-01-22T17:00:15.963892+00:00", last_updated: "2019-01-22T17:00:15.963892+00:00", @@ -7458,7 +7458,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => unit_of_measurement: "min", friendly_name: "Morning Commute", homebridge_hidden: true, - icon: "mdi:car", + icon: "hademo:car", }, last_changed: "2019-01-22T17:00:16.142799+00:00", last_updated: "2019-01-22T17:00:16.142799+00:00", @@ -7498,7 +7498,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => icon_color: "if (state === 'on') return 'rgb(251, 210, 41)'; return 'rgb(54, 95, 140)';\n", icon: - "if (state === 'on') return 'mdi:lightbulb-on'; return 'mdi:lightbulb';\n", + "if (state === 'on') return 'hademo:lightbulb-on'; return 'hademo:lightbulb';\n", }, emulated_hue_hidden: false, emulated_hue_name: "Driveway Light", @@ -7517,7 +7517,7 @@ export const demoEntitiesArsaboo: () => Entity[] = () => icon_color: "if (state === 'on') return 'rgb(251, 210, 41)'; return 'rgb(54, 95, 140)';\n", icon: - "if (state === 'on') return 'mdi:lightbulb-on'; return 'mdi:lightbulb';\n", + "if (state === 'on') return 'hademo:lightbulb-on'; return 'hademo:lightbulb';\n", }, emulated_hue_hidden: false, emulated_hue_name: "Porch Lights", diff --git a/demo/src/configs/arsaboo/lovelace.ts b/demo/src/configs/arsaboo/lovelace.ts index e1e6e9e45d..e3a95650e3 100644 --- a/demo/src/configs/arsaboo/lovelace.ts +++ b/demo/src/configs/arsaboo/lovelace.ts @@ -46,7 +46,7 @@ export const demoLovelaceArsaboo: () => LovelaceConfig = () => ({ title: "ARS Home", views: [ { - icon: "mdi:home-assistant", + icon: "hass:home-assistant", id: "home", title: "Home", cards: [ @@ -628,7 +628,7 @@ export const demoLovelaceArsaboo: () => LovelaceConfig = () => ({ ], }, { - icon: "mdi:information-outline", + icon: "hass:information-outline", id: "home-assistant", title: "Home Assistant", cards: [ diff --git a/demo/src/entrypoint.ts b/demo/src/entrypoint.ts index 8badcf88f1..456a9923ed 100644 --- a/demo/src/entrypoint.ts +++ b/demo/src/entrypoint.ts @@ -8,10 +8,9 @@ import "../../src/resources/roboto"; import "../../src/components/ha-iconset-svg"; import "./ha-demo"; +import "./resources/hademo-icons"; /* polyfill for paper-dropdown */ -setTimeout( - () => - import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"), - 1000 -); +setTimeout(() => { + import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"); +}, 1000); diff --git a/demo/src/resources/hademo-icons.js b/demo/src/resources/hademo-icons.js new file mode 100644 index 0000000000..62397f0a3b --- /dev/null +++ b/demo/src/resources/hademo-icons.js @@ -0,0 +1,7 @@ +import "../../../src/components/ha-iconset-svg"; +import iconSetContent from "../../hademo-icons.html"; + +const documentContainer = document.createElement("template"); +documentContainer.setAttribute("style", "display: none;"); +documentContainer.innerHTML = iconSetContent; +document.head.appendChild(documentContainer.content);