From 985aae3fd08073d1370a176151dc09b852d8a5ba Mon Sep 17 00:00:00 2001 From: KemoNine Date: Mon, 6 May 2019 21:58:40 +0000 Subject: [PATCH] Initial version of mobile ui --- appdaemon/dashboards/Cameras.dash | 8 +- appdaemon/dashboards/Cameras_Mobile.dash | 34 ++++ appdaemon/dashboards/Desk.dash | 7 +- appdaemon/dashboards/Desk_Mobile.dash | 39 ++++ appdaemon/dashboards/Entertainment.dash | 12 +- .../dashboards/Entertainment_Mobile.dash | 32 ++++ appdaemon/dashboards/Main.dash | 170 +++++++++--------- appdaemon/dashboards/Main_Mobile.dash | 94 ++++++++++ appdaemon/dashboards/Sensors.dash | 10 +- appdaemon/dashboards/Sensors_Mobile.dash | 59 ++++++ appdaemon/dashboards/Status.dash | 17 +- appdaemon/dashboards/Status_Mobile.dash | 34 ++++ appdaemon/dashboards/Weather.dash | 8 +- appdaemon/dashboards/Weather_5Day.dash | 8 +- appdaemon/dashboards/Weather_5Day_Mobile.dash | 46 +++++ appdaemon/dashboards/Weather_Hourly.dash | 8 +- .../dashboards/Weather_Hourly_Mobile.dash | 67 +++++++ appdaemon/dashboards/Weather_Mobile.dash | 69 +++++++ appdaemon/dashboards/darksky_current.yaml | 2 + appdaemon/dashboards/darksky_daily.yaml | 5 + appdaemon/dashboards/darksky_hourly.yaml | 12 ++ appdaemon/dashboards/header.yaml | 7 + 22 files changed, 650 insertions(+), 98 deletions(-) create mode 100644 appdaemon/dashboards/Cameras_Mobile.dash create mode 100644 appdaemon/dashboards/Desk_Mobile.dash create mode 100644 appdaemon/dashboards/Entertainment_Mobile.dash create mode 100644 appdaemon/dashboards/Main_Mobile.dash create mode 100644 appdaemon/dashboards/Sensors_Mobile.dash create mode 100644 appdaemon/dashboards/Status_Mobile.dash create mode 100644 appdaemon/dashboards/Weather_5Day_Mobile.dash create mode 100644 appdaemon/dashboards/Weather_Hourly_Mobile.dash create mode 100644 appdaemon/dashboards/Weather_Mobile.dash diff --git a/appdaemon/dashboards/Cameras.dash b/appdaemon/dashboards/Cameras.dash index 2e1b1ef..78d81c6 100644 --- a/appdaemon/dashboards/Cameras.dash +++ b/appdaemon/dashboards/Cameras.dash @@ -14,11 +14,17 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Cameras_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + # Layout layout: - include: header - include: cameras - - nav_main, clock(5x1), nav_back, reload + - nav_main, clock(4x1), nav_mobile, nav_back, reload - camera_stairs(8x6) - - diff --git a/appdaemon/dashboards/Cameras_Mobile.dash b/appdaemon/dashboards/Cameras_Mobile.dash new file mode 100644 index 0000000..6f3fe62 --- /dev/null +++ b/appdaemon/dashboards/Cameras_Mobile.dash @@ -0,0 +1,34 @@ +# Dashboard Config +title: Cameras +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 8 +global_parameters: + use_hass_icon: 1 + +nav_back: + widget_type: navigate + dashboard: Main + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Cameras + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - include: cameras + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - camera_stairs(3x2) + - + - camera_deck(3x2) + - + - camera_living_room(3x2) + - diff --git a/appdaemon/dashboards/Desk.dash b/appdaemon/dashboards/Desk.dash index c677084..875e9a0 100644 --- a/appdaemon/dashboards/Desk.dash +++ b/appdaemon/dashboards/Desk.dash @@ -17,6 +17,11 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Desk_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" # Layout layout: @@ -24,7 +29,7 @@ layout: - include: sensors_desk - include: status - include: zwave - - nav_main, clock(3x1), nav_back, reload + - nav_main, clock(2x1), nav_mobile, nav_back, reload - temp, heat_index, humidity, light, light_value, pressure - ac_status, ac_current, battery_status, battery_capacity, battery_voltage, battery_current - zwave_gateway_status, zwave_multi_sensor_attic_status, multi_sensor_attic, multi_sensor_attic_battery_level, multi_sensor_attic_temperature, multi_sensor_attic_humidity, spacer diff --git a/appdaemon/dashboards/Desk_Mobile.dash b/appdaemon/dashboards/Desk_Mobile.dash new file mode 100644 index 0000000..8d9637f --- /dev/null +++ b/appdaemon/dashboards/Desk_Mobile.dash @@ -0,0 +1,39 @@ +# Dashboard Config +title: Desk +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 8 +global_parameters: + use_comma: 0 + precision: 2 + use_hass_icon: 1 + shorten: 1 + +nav_back: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Desk + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - include: sensors_desk + - include: status + - include: zwave + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - temp, heat_index, humidity + - light, light_value, pressure + - ac_status, ac_current, battery_status + - battery_capacity, battery_voltage, battery_current + - zwave_gateway_status, zwave_multi_sensor_attic_status, multi_sensor_attic + - multi_sensor_attic_battery_level, multi_sensor_attic_temperature, multi_sensor_attic_humidity diff --git a/appdaemon/dashboards/Entertainment.dash b/appdaemon/dashboards/Entertainment.dash index 5b2d9de..cb137ac 100644 --- a/appdaemon/dashboards/Entertainment.dash +++ b/appdaemon/dashboards/Entertainment.dash @@ -3,7 +3,7 @@ title: Entertainment widget_dimensions: [120, 120] widget_size: [1, 1] widget_margins: [5, 5] -columns: 4 +columns: 5 rows: 3 global_parameters: use_hass_icon: 1 @@ -14,9 +14,15 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Entertainment_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + # Layout layout: - include: header - - nav_main, clock, nav_back, reload + - nav_main, clock, nav_mobile, nav_back, reload - include: entertainment - - bedroom_tv(2x2), living_room_tv(2x2) + - bedroom_tv(2x2), spacer(1x2), living_room_tv(2x2), spacer diff --git a/appdaemon/dashboards/Entertainment_Mobile.dash b/appdaemon/dashboards/Entertainment_Mobile.dash new file mode 100644 index 0000000..3f76f2c --- /dev/null +++ b/appdaemon/dashboards/Entertainment_Mobile.dash @@ -0,0 +1,32 @@ +# Dashboard Config +title: Entertainment +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 6 +global_parameters: + use_hass_icon: 1 + +nav_back: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Entertainment + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - include: entertainment + - bedroom_tv(3x2) + - + - living_room_tv(3x2) + - diff --git a/appdaemon/dashboards/Main.dash b/appdaemon/dashboards/Main.dash index 3eeacd0..1af2852 100644 --- a/appdaemon/dashboards/Main.dash +++ b/appdaemon/dashboards/Main.dash @@ -1,82 +1,88 @@ -# Dashboard Config -title: Home -widget_dimensions: [120, 120] -widget_size: [1, 1] -widget_margins: [5, 5] -columns: 6 -rows: 8 -global_parameters: - use_comma: 0 - precision: 0 - use_hass_icon: 1 - -nav_weather: - widget_type: navigate - dashboard: Weather - icon_inactive: mdi-weather-sunny - widget_style: "background: MEDIUMSLATEBLUE;" - -nav_entertainment: - widget_type: navigate - dashboard: Entertainment - icon_inactive: mdi-television-classic - widget_style: "background: MEDIUMSLATEBLUE;" - -nav_desk: - widget_type: navigate - dashboard: Desk - icon_inactive: mdi-desk-lamp - widget_style: "background: MEDIUMSLATEBLUE;" - -nav_status: - widget_type: navigate - dashboard: Status - icon_inactive: mdi-router-wireless-settings - widget_style: "background: MEDIUMSLATEBLUE;" - -nav_cameras: - widget_type: navigate - dashboard: Cameras - icon_inactive: mdi-cctv - widget_style: "background: MEDIUMSLATEBLUE;" - -nav_sensors: - widget_type: navigate - dashboard: Sensors - icon_inactive: mdi-home-automation - widget_style: "background: MEDIUMSLATEBLUE;" - -# Widgets -current_weather: - widget_type: weather - show_forecast: 0 - prefer_icons: 1 - forecast_title: Tomorrow - sensors: - icon: sensor.dark_sky_icon - temperature: sensor.dark_sky_temperature - apparent_temperature: sensor.dark_sky_apparent_temperature - precip_probability: sensor.dark_sky_precip_probability - precip_intensity: sensor.dark_sky_precip_intensity - precip_type: sensor.dark_sky_precip - forecast_icon: sensor.dark_sky_icon_1d - forecast_temperature_min: sensor.dark_sky_overnight_low_temperature_1d - forecast_temperature_max: sensor.dark_sky_daytime_high_temperature_1d - forecast_precip_probability: sensor.dark_sky_precip_probability_12h - forecast_precip_type: "" - wind_bearing: "" - wind_speed: "" - pressure: "" - -# Layout -layout: - - include: header - - include: cameras - - include: entertainment - - nav_main, clock(4x1), reload - - nav_weather, current_weather(2x1), nav_sensors, nav_desk, nav_status - - bedroom_tv(3x2), living_room_tv(3x2) - - - - camera_stairs(3x2), camera_living_room(3x2) - - - - nav_cameras, spacer(5x1) +# Dashboard Config +title: Home +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 6 +rows: 8 +global_parameters: + use_comma: 0 + precision: 0 + use_hass_icon: 1 + +nav_weather: + widget_type: navigate + dashboard: Weather + icon_inactive: mdi-weather-sunny + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_entertainment: + widget_type: navigate + dashboard: Entertainment + icon_inactive: mdi-television-classic + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desk: + widget_type: navigate + dashboard: Desk + icon_inactive: mdi-desk-lamp + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_status: + widget_type: navigate + dashboard: Status + icon_inactive: mdi-router-wireless-settings + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_cameras: + widget_type: navigate + dashboard: Cameras + icon_inactive: mdi-cctv + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_sensors: + widget_type: navigate + dashboard: Sensors + icon_inactive: mdi-gauge + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_mobile: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + +# Widgets +current_weather: + widget_type: weather + show_forecast: 0 + prefer_icons: 1 + forecast_title: Tomorrow + sensors: + icon: sensor.dark_sky_icon + temperature: sensor.dark_sky_temperature + apparent_temperature: sensor.dark_sky_apparent_temperature + precip_probability: sensor.dark_sky_precip_probability + precip_intensity: sensor.dark_sky_precip_intensity + precip_type: sensor.dark_sky_precip + forecast_icon: sensor.dark_sky_icon_1d + forecast_temperature_min: sensor.dark_sky_overnight_low_temperature_1d + forecast_temperature_max: sensor.dark_sky_daytime_high_temperature_1d + forecast_precip_probability: sensor.dark_sky_precip_probability_12h + forecast_precip_type: "" + wind_bearing: "" + wind_speed: "" + pressure: "" + +# Layout +layout: + - include: header + - include: cameras + - include: entertainment + - nav_main, clock(3x1), nav_mobile, reload + - nav_weather, current_weather(2x1), nav_sensors, nav_desk, nav_status + - bedroom_tv(3x2), living_room_tv(3x2) + - + - nav_cameras, nav_entertainment, spacer(4x1) + - camera_stairs(3x2), camera_living_room(3x2) + - diff --git a/appdaemon/dashboards/Main_Mobile.dash b/appdaemon/dashboards/Main_Mobile.dash new file mode 100644 index 0000000..7d63b44 --- /dev/null +++ b/appdaemon/dashboards/Main_Mobile.dash @@ -0,0 +1,94 @@ +# Dashboard Config +title: Home +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 13 +global_parameters: + use_comma: 0 + precision: 0 + use_hass_icon: 1 + +nav_weather: + widget_type: navigate + dashboard: Weather_Mobile + icon_inactive: mdi-weather-sunny + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_entertainment: + widget_type: navigate + dashboard: Entertainment_Mobile + icon_inactive: mdi-television-classic + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desk: + widget_type: navigate + dashboard: Desk_Mobile + icon_inactive: mdi-desk-lamp + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_status: + widget_type: navigate + dashboard: Status_Mobile + icon_inactive: mdi-router-wireless-settings + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_cameras: + widget_type: navigate + dashboard: Cameras_Mobile + icon_inactive: mdi-cctv + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_sensors: + widget_type: navigate + dashboard: Sensors_Mobile + icon_inactive: mdi-gauge + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Main + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Widgets +current_weather: + widget_type: weather + show_forecast: 0 + prefer_icons: 1 + forecast_title: Tomorrow + sensors: + icon: sensor.dark_sky_icon + temperature: sensor.dark_sky_temperature + apparent_temperature: sensor.dark_sky_apparent_temperature + precip_probability: sensor.dark_sky_precip_probability + precip_intensity: sensor.dark_sky_precip_intensity + precip_type: sensor.dark_sky_precip + forecast_icon: sensor.dark_sky_icon_1d + forecast_temperature_min: sensor.dark_sky_overnight_low_temperature_1d + forecast_temperature_max: sensor.dark_sky_daytime_high_temperature_1d + forecast_precip_probability: sensor.dark_sky_precip_probability_12h + forecast_precip_type: "" + wind_bearing: "" + wind_speed: "" + pressure: "" + +# Layout +layout: + - include: header + - include: cameras + - include: entertainment + - nav_main_mobile, spacer, reload + - nav_desktop, clock(2x1) + - nav_weather, current_weather(2x1) + - nav_sensors, nav_desk, nav_status + - bedroom_tv(3x2) + - + - living_room_tv(3x2) + - + - nav_cameras, nav_entertainment, spacer + - camera_stairs(3x2) + - + - camera_living_room(3x2) + - diff --git a/appdaemon/dashboards/Sensors.dash b/appdaemon/dashboards/Sensors.dash index 4a84563..1295edf 100644 --- a/appdaemon/dashboards/Sensors.dash +++ b/appdaemon/dashboards/Sensors.dash @@ -17,6 +17,12 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Sensors_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + label_desk: widget_type: label text: Desk @@ -35,7 +41,7 @@ label_attic: # Layout layout: - include: header - - nav_main, clock(3x1), nav_back, reload + - nav_main, clock(2x1), nav_mobile, nav_back, reload - label_desk(6x1) - include: sensors_desk - temp, heat_index, light_value, light, humidity, pressure @@ -45,4 +51,4 @@ layout: - label_system_status(6x1) - include: status - battery_status, battery_capacity, battery_voltage, battery_current, battery_health(2x1) - - ac_status, ac_current, ac_voltage, spacer(2x1), zwave_gateway_status \ No newline at end of file + - ac_status, ac_current, ac_voltage, spacer(2x1), zwave_gateway_status diff --git a/appdaemon/dashboards/Sensors_Mobile.dash b/appdaemon/dashboards/Sensors_Mobile.dash new file mode 100644 index 0000000..7d543cf --- /dev/null +++ b/appdaemon/dashboards/Sensors_Mobile.dash @@ -0,0 +1,59 @@ +# Dashboard Config +title: Sensors +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 13 +global_parameters: + use_comma: 0 + precision: 2 + use_hass_icon: 1 + shorten: 1 + +nav_back: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Sensors + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +label_desk: + widget_type: label + text: Desk + widget_style: "background: MEDIUMSLATEBLUE;" + +label_system_status: + widget_type: label + text: System + widget_style: "background: MEDIUMSLATEBLUE;" + +label_attic: + widget_type: label + text: Attic + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - label_desk(3x1) + - include: sensors_desk + - temp, heat_index, light_value + - light, humidity, pressure + - include: zwave + - label_attic(3x1) + - zwave_multi_sensor_attic_status, multi_sensor_attic, multi_sensor_attic_battery_level + - multi_sensor_attic_temperature, multi_sensor_attic_humidity, multi_sensor_attic_light + - label_system_status(3x1) + - include: status + - battery_status, battery_capacity, battery_voltage + - battery_current, battery_health(2x1) + - ac_status, ac_current, ac_voltage + - zwave_gateway_status, spacer(2x1) diff --git a/appdaemon/dashboards/Status.dash b/appdaemon/dashboards/Status.dash index b4a9b49..a0550db 100644 --- a/appdaemon/dashboards/Status.dash +++ b/appdaemon/dashboards/Status.dash @@ -3,8 +3,8 @@ title: Status widget_dimensions: [120, 120] widget_size: [1, 1] widget_margins: [5, 5] -columns: 4 -rows: 4 +columns: 5 +rows: 3 global_parameters: use_comma: 0 precision: 2 @@ -17,11 +17,16 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Status_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + # Layout layout: - include: header - - nav_main, clock, nav_back, reload + - nav_main, clock, nav_mobile, nav_back, reload - include: status - - ac_status, ac_current, ac_voltage - - battery_status, battery_capacity, battery_voltage, battery_current - - battery_health(4x1) + - ac_status, ac_current, ac_voltage, spacer(2x1) + - battery_status, battery_capacity, battery_voltage, battery_current, battery_health diff --git a/appdaemon/dashboards/Status_Mobile.dash b/appdaemon/dashboards/Status_Mobile.dash new file mode 100644 index 0000000..6d16da9 --- /dev/null +++ b/appdaemon/dashboards/Status_Mobile.dash @@ -0,0 +1,34 @@ +# Dashboard Config +title: Status +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 5 +global_parameters: + use_comma: 0 + precision: 2 + use_hass_icon: 1 + shorten: 1 + +nav_back: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Status + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - include: status + - ac_status, ac_current, ac_voltage + - battery_status, battery_capacity, battery_voltage + - spacer, battery_current, battery_health diff --git a/appdaemon/dashboards/Weather.dash b/appdaemon/dashboards/Weather.dash index 8c166cd..b2152e8 100644 --- a/appdaemon/dashboards/Weather.dash +++ b/appdaemon/dashboards/Weather.dash @@ -28,6 +28,12 @@ nav_weather_5day: icon_inactive: mdi-arrow-right-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Weather_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + label_hourly: widget_type: label text: Hourly Forecast @@ -46,7 +52,7 @@ label_air_quality: # Layout layout: - include: header - - nav_main, clock(4x1), nav_back, reload + - nav_main, clock(3x1), nav_mobile, nav_back, reload - include: darksky_current - label_current(7x1) - current_icon, current_temperature, current_feels_like, current_humidity, current_precipitation, current_precipitation_intensity, current_precipitation_accumulation diff --git a/appdaemon/dashboards/Weather_5Day.dash b/appdaemon/dashboards/Weather_5Day.dash index 141a72e..e8920dc 100644 --- a/appdaemon/dashboards/Weather_5Day.dash +++ b/appdaemon/dashboards/Weather_5Day.dash @@ -16,10 +16,16 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Weather_5Day_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + # Layout layout: - include: header - - nav_main, clock(5x1), nav_back, reload + - nav_main, clock(4x1), nav_mobile, nav_back, reload - include: darksky_daily - label_daily(8x1) - label_1d, 1d_icon, 1d_high_temperature, 1d_low_temperature, 1d_humidity, 1d_precipitation, 1d_precipitation_intensity, 1d_precipitation_accumulation diff --git a/appdaemon/dashboards/Weather_5Day_Mobile.dash b/appdaemon/dashboards/Weather_5Day_Mobile.dash new file mode 100644 index 0000000..eed0845 --- /dev/null +++ b/appdaemon/dashboards/Weather_5Day_Mobile.dash @@ -0,0 +1,46 @@ +# Dashboard Config +title: Main Panel +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 18 +global_parameters: + use_comma: 0 + precision: 1 + use_hass_icon: 1 + +nav_back: + widget_type: navigate + dashboard: Weather_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Weather_5Day + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - include: darksky_daily + - label_daily(8x1) + - label_1d(2x1), 1d_icon + - 1d_high_temperature, 1d_low_temperature, 1d_humidity + - 1d_precipitation, 1d_precipitation_intensity, 1d_precipitation_accumulation + - label_2d(2x1), 2d_icon + - 2d_high_temperature, 2d_low_temperature, 2d_humidity + - 2d_precipitation, 2d_precipitation_intensity, 2d_precipitation_accumulation + - label_3d(2x1), 3d_icon + - 3d_high_temperature, 3d_low_temperature, 3d_humidity + - 3d_precipitation, 3d_precipitation_intensity, 3d_precipitation_accumulation + - label_4d(2x1), 4d_icon + - 4d_high_temperature, 4d_low_temperature, 4d_humidity + - 4d_precipitation, 4d_precipitation_intensity, 4d_precipitation_accumulation + - label_5d(2x1), 5d_icon + - 5d_high_temperature, 5d_low_temperature, 5d_humidity + - 5d_precipitation, 5d_precipitation_intensity, 5d_precipitation_accumulation diff --git a/appdaemon/dashboards/Weather_Hourly.dash b/appdaemon/dashboards/Weather_Hourly.dash index 56e175d..34ae925 100644 --- a/appdaemon/dashboards/Weather_Hourly.dash +++ b/appdaemon/dashboards/Weather_Hourly.dash @@ -16,10 +16,16 @@ nav_back: icon_inactive: mdi-arrow-left-bold-outline widget_style: "background: MEDIUMSLATEBLUE;" +nav_mobile: + widget_type: navigate + dashboard: Weather_Hourly_Mobile + icon_inactive: mdi-cellphone-basic + widget_style: "background: MEDIUMSLATEBLUE;" + # Layout layout: - include: header - - nav_main, clock(5x1), nav_back, reload + - nav_main, clock(4x1), nav_mobile, nav_back, reload - include: darksky_hourly - label_hourly(8x1) - label_1h, 1h_icon, 1h_temperature, 1h_feels_like, 1h_humidity, 1h_precipitation, 1h_precipitation_intensity, 1h_precipitation_accumulation diff --git a/appdaemon/dashboards/Weather_Hourly_Mobile.dash b/appdaemon/dashboards/Weather_Hourly_Mobile.dash new file mode 100644 index 0000000..84c9314 --- /dev/null +++ b/appdaemon/dashboards/Weather_Hourly_Mobile.dash @@ -0,0 +1,67 @@ +# Dashboard Config +title: Main Panel +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 39 +global_parameters: + use_comma: 0 + precision: 1 + use_hass_icon: 1 + +nav_back: + widget_type: navigate + dashboard: Weather_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Weather_Hourly + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - include: darksky_hourly + - label_hourly(8x1) + - label_1h(2x1), 1h_icon + - 1h_temperature, 1h_feels_like, 1h_humidity + - 1h_precipitation, 1h_precipitation_intensity, 1h_precipitation_accumulation + - label_2h(2x1), 2h_icon + - 2h_temperature, 2h_feels_like, 2h_humidity + - 2h_precipitation, 2h_precipitation_intensity, 2h_precipitation_accumulation + - label_3h(2x1), 3h_icon + - 3h_temperature, 3h_feels_like, 3h_humidity + - 3h_precipitation, 3h_precipitation_intensity, 3h_precipitation_accumulation + - label_4h(2x1), 4h_icon + - 4h_temperature, 4h_feels_like, 4h_humidity + - 4h_precipitation, 4h_precipitation_intensity, 4h_precipitation_accumulation + - label_5h(2x1), 5h_icon + - 5h_temperature, 5h_feels_like, 5h_humidity + - 5h_precipitation, 5h_precipitation_intensity, 5h_precipitation_accumulation + - label_6h(2x1), 6h_icon + - 6h_temperature, 6h_feels_like, 6h_humidity + - 6h_precipitation, 6h_precipitation_intensity, 6h_precipitation_accumulation + - label_7h(2x1), 7h_icon + - 7h_temperature, 7h_feels_like, 7h_humidity + - 7h_precipitation, 7h_precipitation_intensity, 7h_precipitation_accumulation + - label_8h(2x1), 8h_icon + - 8h_temperature, 8h_feels_like, 8h_humidity + - 8h_precipitation, 8h_precipitation_intensity, 8h_precipitation_accumulation + - label_9h(2x1), 9h_icon + - 9h_temperature, 9h_feels_like, 9h_humidity + - 9h_precipitation, 9h_precipitation_intensity, 9h_precipitation_accumulation + - label_10h(2x1), 10h_icon + - 10h_temperature, 10h_feels_like, 10h_humidity + - 10h_precipitation, 10h_precipitation_intensity, 10h_precipitation_accumulation + - label_11h(2x1), 11h_icon + - 11h_temperature, 11h_feels_like, 11h_humidity + - 11h_precipitation, 11h_precipitation_intensity, 11h_precipitation_accumulation + - label_12h(2x1), 12h_icon + - 12h_temperature, 12h_feels_like, 12h_humidity + - 12h_precipitation, 12h_precipitation_intensity, 12h_precipitation_accumulation diff --git a/appdaemon/dashboards/Weather_Mobile.dash b/appdaemon/dashboards/Weather_Mobile.dash new file mode 100644 index 0000000..c0e9c62 --- /dev/null +++ b/appdaemon/dashboards/Weather_Mobile.dash @@ -0,0 +1,69 @@ +# Dashboard Config +title: Main Panel +widget_dimensions: [120, 120] +widget_size: [1, 1] +widget_margins: [5, 5] +columns: 3 +rows: 13 +global_parameters: + use_comma: 0 + precision: 1 + use_hass_icon: 1 + +nav_back: + widget_type: navigate + dashboard: Main_Mobile + icon_inactive: mdi-arrow-left-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_weather_hourly: + widget_type: navigate + dashboard: Weather_Hourly_Mobile + icon_inactive: mdi-arrow-right-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_weather_5day: + widget_type: navigate + dashboard: Weather_5Day_Mobile + icon_inactive: mdi-arrow-right-bold-outline + widget_style: "background: MEDIUMSLATEBLUE;" + +nav_desktop: + widget_type: navigate + dashboard: Weather + icon_inactive: mdi-laptop-chromebook + widget_style: "background: MEDIUMSLATEBLUE;" + +label_hourly: + widget_type: label + text: Hourly Forecast + widget_style: "background: MEDIUMSLATEBLUE;" + +label_daily: + widget_type: label + text: 5 Day Forecast + widget_style: "background: MEDIUMSLATEBLUE;" + +label_air_quality: + widget_type: label + text: Air Quality + widget_style: "background: MEDIUMSLATEBLUE;" + +# Layout +layout: + - include: header + - nav_main_mobile, nav_back, reload + - nav_desktop, clock(2x1) + - include: darksky_current + - label_current(2x1), current_icon + - current_temperature, current_feels_like, current_humidity + - current_precipitation, current_precipitation_intensity, current_precipitation_accumulation + - label_today(2x1), today_icon + - today_high_temperature, today_low_temperature, today_humidity + - today_precipitation, today_precipitation_intensity, today_precipitation_accumulation + - include: weather_air_quality + - label_air_quality(3x1) + - cold_flue_forecast, allergy_index_today, asthma_index_today + - spacer, allergy_index_tomorrow, asthma_index_tomorrow + - label_hourly(2x1), nav_weather_hourly + - label_daily(2x1), nav_weather_5day diff --git a/appdaemon/dashboards/darksky_current.yaml b/appdaemon/dashboards/darksky_current.yaml index 4def485..7647200 100644 --- a/appdaemon/dashboards/darksky_current.yaml +++ b/appdaemon/dashboards/darksky_current.yaml @@ -34,6 +34,7 @@ current_icon: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" current_temperature: widget_type: sensor @@ -109,6 +110,7 @@ today_icon: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" today_high_temperature: widget_type: sensor diff --git a/appdaemon/dashboards/darksky_daily.yaml b/appdaemon/dashboards/darksky_daily.yaml index 0e24b24..91cdfb7 100644 --- a/appdaemon/dashboards/darksky_daily.yaml +++ b/appdaemon/dashboards/darksky_daily.yaml @@ -32,6 +32,7 @@ label_1d: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 1d_low_temperature: widget_type: sensor @@ -100,6 +101,7 @@ label_2d: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 2d_low_temperature: widget_type: sensor @@ -168,6 +170,7 @@ label_3d: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 3d_low_temperature: widget_type: sensor @@ -236,6 +239,7 @@ label_4d: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 4d_low_temperature: widget_type: sensor @@ -304,6 +308,7 @@ label_5d: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 5d_low_temperature: widget_type: sensor diff --git a/appdaemon/dashboards/darksky_hourly.yaml b/appdaemon/dashboards/darksky_hourly.yaml index b78970c..2ef2445 100644 --- a/appdaemon/dashboards/darksky_hourly.yaml +++ b/appdaemon/dashboards/darksky_hourly.yaml @@ -32,6 +32,7 @@ label_1h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 1h_temperature: widget_type: sensor @@ -100,6 +101,7 @@ label_2h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 2h_temperature: widget_type: sensor @@ -168,6 +170,7 @@ label_3h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 3h_temperature: widget_type: sensor @@ -236,6 +239,7 @@ label_4h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 4h_temperature: widget_type: sensor @@ -304,6 +308,7 @@ label_5h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 5h_temperature: widget_type: sensor @@ -372,6 +377,7 @@ label_6h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 6h_temperature: widget_type: sensor @@ -440,6 +446,7 @@ label_7h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 7h_temperature: widget_type: sensor @@ -508,6 +515,7 @@ label_8h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 8h_temperature: widget_type: sensor @@ -576,6 +584,7 @@ label_9h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 9h_temperature: widget_type: sensor @@ -644,6 +653,7 @@ label_10h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 10h_temperature: widget_type: sensor @@ -712,6 +722,7 @@ label_11h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 11h_temperature: widget_type: sensor @@ -780,6 +791,7 @@ label_12h: icon: mdi-weather-partlycloudy partly-cloudy-night: icon: mdi-weather-partlycloudy + widget_style: "background: MEDIUMSLATEBLUE;" 12h_temperature: widget_type: sensor diff --git a/appdaemon/dashboards/header.yaml b/appdaemon/dashboards/header.yaml index 53cb807..b6efdde 100644 --- a/appdaemon/dashboards/header.yaml +++ b/appdaemon/dashboards/header.yaml @@ -5,6 +5,13 @@ nav_main: icon_inactive: mdi-home-assistant widget_style: "background: MEDIUMSLATEBLUE;" +nav_main_mobile: + widget_type: navigate + dashboard: Main_Mobile + title2: Home + icon_inactive: mdi-home-assistant + widget_style: "background: MEDIUMSLATEBLUE;" + reload: widget_type: reload title2: Reload