jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 23:06:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use demo icons instead of mdi (#2623)

Browse Source 
* generate demo icons

* replace tab icons and update build file

* review comments

* review comments

* update ignores

* cleanup
This commit is contained in:
David F. Mulcahey 2019-01-30 14:42:09 -05:00 committed by Paulus Schoutsen
parent f97b5c48d0
commit e42e59871e
8 changed files with 154 additions and 128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -6,6 +6,7 @@ npm-debug.log
hass_frontend/*
hass_frontend_es5/*
.reify-cache
demo/hademo-icons.html
# Python stuff
*.py[cod]

2
demo/script/build_demo
View File

@ -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

2
demo/script/develop_demo
View File

@ -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

15
demo/script/gen-icons.js Executable file
View File

@ -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();

242
demo/src/configs/arsaboo/entities.ts
View File

@ -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",

4
demo/src/configs/arsaboo/lovelace.ts
View File

@ -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: [

9
demo/src/entrypoint.ts
View File

@ -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);

7
demo/src/resources/hademo-icons.js Normal file
View File

@ -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);