From 018b18ed1861d64721f58792ca1850d2f7433085 Mon Sep 17 00:00:00 2001 From: Giorgio Ravera Date: Tue, 31 Mar 2020 20:25:33 +0200 Subject: [PATCH] Updated configuration lovelace adding dashboards --- configuration.yaml | 6 +- lovelace.yaml | 33 ++ ui-lovelace.yaml | 1047 +------------------------------------------- ui-multimedia.yaml | 903 ++++++++++++++++++++++++++++++++++++++ ui-settings.yaml | 150 +++++++ 5 files changed, 1091 insertions(+), 1048 deletions(-) create mode 100644 lovelace.yaml create mode 100644 ui-multimedia.yaml create mode 100644 ui-settings.yaml diff --git a/configuration.yaml b/configuration.yaml index 22f8725a..5e2addf2 100644 --- a/configuration.yaml +++ b/configuration.yaml @@ -27,8 +27,7 @@ frontend: config: # Lovelace UI Mode -lovelace: - mode: yaml +lovelace: !include lovelace.yaml # Uncomment this if you are using SSL/TLS, running in Docker container, etc. http: @@ -119,6 +118,9 @@ shell_command: !include_dir_merge_named shell_command # Device Tracker device_tracker: !include_dir_merge_list device_tracker/ +# Proximity sensor: +#proximity: !include_dir_merge_list proximity/ + # Notification notify: !include_dir_merge_list notify/ diff --git a/lovelace.yaml b/lovelace.yaml new file mode 100644 index 00000000..5a7a99bc --- /dev/null +++ b/lovelace.yaml @@ -0,0 +1,33 @@ +###################################################################### +# Lovelace UI Configuration +###################################################################### + +mode: yaml + +resources: + - url: /hacsfiles/button-card/button-card.js + type: module + - url: /hacsfiles/zigbee2mqtt-networkmap/zigbee2mqtt-networkmap.js?v=0.6.0 + type: module + - url: /hacsfiles/lovelace-battery-entity/battery-entity.js?v=1 + type: module + - url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js + type: module + +#background: var(--background-image) + +dashboards: + lovelace-multimedia: + mode: yaml + filename: "ui-multimedia.yaml" + title: Multimedia + icon: mdi:television + show_in_sidebar: true + require_admin: true + lovelace-settings: + mode: yaml + filename: "ui-settings.yaml" + title: Sistema + icon: mdi:settings + show_in_sidebar: true + require_admin: false \ No newline at end of file diff --git a/ui-lovelace.yaml b/ui-lovelace.yaml index 0ca54774..31410e8a 100644 --- a/ui-lovelace.yaml +++ b/ui-lovelace.yaml @@ -1,21 +1,9 @@ ###################################################################### -# Lovelace UI Configuration +# Lovelace UI - Panoramica ###################################################################### title: Casa Ravera-Testa - -resources: - - url: /hacsfiles/button-card/button-card.js - type: module - - url: /hacsfiles/zigbee2mqtt-networkmap/zigbee2mqtt-networkmap.js?v=0.6.0 - type: module - - url: /hacsfiles/lovelace-battery-entity/battery-entity.js?v=1 - type: module - - url: /hacsfiles/lovelace-slider-entity-row/slider-entity-row.js - type: module - background: var(--background-image) - views: ###################################################################### # Main View @@ -304,895 +292,6 @@ views: - type: thermostat entity: climate.camera_termostato_camera -###################################################################### -# Multimedia -###################################################################### - - title: Dispositivi Multimediali - id: multimedia - icon: mdi:television - cards: - - type: vertical-stack - title: TV Sala - cards: - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: Sony KD-55XF8596 - style: - - background-color: rgb(46, 46, 46) - - color: white - # Top Botton - - type: horizontal-stack - cards: - - type: "custom:button-card" - icon: mdi:television - color_type: label-card - color: rgb(46, 46, 46) - size: 20% - tap_action: - action: call-service - service: shell_command.bravia_input - - type: "custom:button-card" - icon: mdi:microphone - color_type: label-card - color: rgb(46, 46, 46) - size: 20% - tap_action: - action: call-service - service: shell_command.bravia_assists - - type: "custom:button-card" - entity: media_player.tv_sala - icon: mdi:power - size: 20% - show_name: false - show_state: false - state: - - value: 'off' - color: red - - value: 'on' - color: green - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.tv_sala_toggle - # Top Buttons 2 - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/bg_app_top.png - elements: - # Digital / Analog - - type: image - image: /local/images/remote/labels/digital_analog.png - style: - top: 30% - left: 16% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 65% - left: 15% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_digital - # TV / Radio - - type: image - image: /local/images/remote/labels/tv_radio.png - style: - top: 30% - left: 38% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 65% - left: 38% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_tv_radio - # Exit - - type: image - image: /local/images/remote/labels/exit.png - style: - top: 30% - left: 62% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 65% - left: 62% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_exit - # Ext.Box Menu - - type: image - image: /local/images/remote/labels/ext_box_menu.png - style: - top: 30% - left: 85% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 65% - left: 85% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_exit - # Numeric Button - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '1 ./' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num1 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '2 abc' - show_icon: false - style: - - font-size: 7px - tap_action: - action: call-service - service: shell_command.bravia_num2 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '3 def' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num3 - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '4 ghi' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num4 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '5 jkl' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num5 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '6 mno' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num6 - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '7 pqrs' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num7 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '8 tuv' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num8 - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '9 wyz' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num9 - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '?' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_display - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: '0' - show_icon: false - style: - - font-size: 12px - tap_action: - action: call-service - service: shell_command.bravia_num0 - - type: "custom:button-card" - icon: mdi:card-text-outline - color_type: label-card - color: rgb(46, 46, 46) - size: 12% - tap_action: - action: call-service - service: shell_command.bravia_teletext - # Google Play & Netflix - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/bg_app.png - elements: - - type: image - image: /local/images/remote/google_play.png - style: - top: 50% - left: 25% - width: 35% - tap_action: - action: call-service - service: shell_command.bravia_googleplay - - type: image - image: /local/images/remote/netflix.png - style: - top: 50% - left: 75% - width: 35% - tap_action: - action: call-service - service: shell_command.bravia_netflix - # Colored Buttons - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/bg_app.png - elements: - - type: image - image: /local/images/remote/red_button.png - style: - top: 50% - left: 15% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_red - - type: image - image: /local/images/remote/green_button.png - style: - top: 50% - left: 38% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_green - - type: image - image: /local/images/remote/yellow_button.png - style: - top: 50% - left: 62% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_yellow - - type: image - image: /local/images/remote/blue_button.png - style: - top: 50% - left: 85% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_blue - # Dpad buttons - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/dpad.png - elements: - - type: image - image: /local/images/remote/confirm.png - tap_action: - action: call-service - service: shell_command.bravia_confirm - style: - top: 50% - left: 50% - width: 10% - - type: image - image: /local/images/remote/arrow_left.png - tap_action: - action: call-service - service: shell_command.bravia_left - style: - top: 50% - left: 27% - width: 15% - - type: image - image: /local/images/remote/arrow_right.png - tap_action: - action: call-service - service: shell_command.bravia_right - style: - top: 50% - left: 73% - width: 15% - - type: image - image: /local/images/remote/arrow_up.png - tap_action: - action: call-service - service: shell_command.bravia_up - style: - top: 23% - left: 50% - width: 15% - - type: image - image: /local/images/remote/arrow_down.png - tap_action: - action: call-service - service: shell_command.bravia_down - style: - top: 77% - left: 50% - width: 15% - - type: image - image: /local/images/remote/labels/action_menu.png - tap_action: - action: call-service - service: shell_command.bravia_actionmenu - style: - top: 6% - left: 50% - width: 45% - - type: image - image: /local/images/remote/labels/guide.png - tap_action: - action: call-service - service: shell_command.bravia_gguide - style: - top: 23% - left: 13% - width: 20% - - type: image - image: /local/images/remote/labels/apps.png - tap_action: - action: call-service - service: shell_command.bravia_applicationlauncher - style: - top: 23% - left: 87% - width: 20% - - type: image - image: /local/images/remote/labels/back.png - tap_action: - action: call-service - service: shell_command.bravia_return - style: - top: 77% - left: 13% - width: 20% - - type: image - image: /local/images/remote/labels/home.png - tap_action: - action: call-service - service: shell_command.bravia_home - style: - top: 77% - left: 87% - width: 20% - - type: image - image: /local/images/remote/labels/tv.png - tap_action: - action: call-service - service: shell_command.bravia_tv - style: - top: 94% - left: 50% - width: 20% - # Volume & Channels Buttons - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/bg_volume.png - elements: - # Jump - - type: icon - icon: mdi:repeat - style: - top: 34% - left: 65% - color: white - --iron-icon-height: 16% - --iron-icon-width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 46% - left: 50% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_jump - # Volume Mute - - type: icon - icon: mdi:volume-mute - style: - top: 64% - left: 65% - color: white - --iron-icon-height: 16% - --iron-icon-width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 76% - left: 50% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_mute - # Volume Up/Down - - type: image - image: /local/images/remote/labels/volume.png - style: - top: 15% - left: 20% - width: 20% - tap_action: - action: none - - type: image - image: /local/images/remote/chngbtn.png - style: - top: 60% - left: 20% - width: 15% - - type: image - image: /local/images/remote/plus.png - style: - top: 40% - left: 20% - width: 10% - tap_action: - action: call-service - service: shell_command.bravia_volumeup - - type: image - image: /local/images/remote/minus.png - style: - top: 80% - left: 20% - width: 10% - tap_action: - action: call-service - service: shell_command.bravia_volumedown - # Channels Up/Down - - type: image - image: /local/images/remote/labels/prog.png - style: - top: 15% - left: 80% - width: 20% - tap_action: - action: none - - type: image - image: /local/images/remote/chngbtn.png - tap_action: - action: call-service - style: - top: 60% - left: 80% - width: 15% - - type: image - image: /local/images/remote/plus.png - style: - top: 40% - left: 80% - width: 10% - tap_action: - action: call-service - service: shell_command.bravia_channelup - - type: image - image: /local/images/remote/minus.png - style: - top: 80% - left: 80% - width: 10% - tap_action: - action: call-service - service: shell_command.bravia_channeldown - # Play Pause Block - - type: horizontal-stack - cards: - - type: picture-elements - image: /local/images/remote/backgrounds/bg_volume.png - elements: - # First Raw - # Audio - - type: image - image: /local/images/remote/labels/audio.png - style: - top: 10% - left: 15% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 25% - left: 15% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_audio - # Rewind - - type: image - image: /local/images/remote/black_button.png - style: - top: 25% - left: 38% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:rewind - style: - top: 25% - left: 56% - --iron-icon-height: 16% - --iron-icon-width: 16% - color: white - tap_action: - action: call-service - service: shell_command.bravia_rewind - # Play - - type: image - image: /local/images/remote/black_button.png - style: - top: 25% - left: 62% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:play - style: - top: 25% - left: 73% - --iron-icon-height: 24% - --iron-icon-width: 24% - color: white - tap_action: - action: call-service - service: shell_command.bravia_play - # Forward - - type: image - image: /local/images/remote/black_button.png - style: - top: 25% - left: 85% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:fast-forward - style: - top: 25% - left: 88% - --iron-icon-height: 60% - --iron-icon-width: 60% - color: white - tap_action: - action: call-service - service: shell_command.bravia_forward - # Second Raw - # Subtitles - - type: image - image: /local/images/remote/black_button.png - style: - top: 50% - left: 15% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:subtitles-outline - style: - top: 50% - left: 42% - --iron-icon-height: 9% - --iron-icon-width: 9% - color: white - tap_action: - action: call-service - service: shell_command.bravia_subtitle - # Prev - - type: image - image: /local/images/remote/black_button.png - style: - top: 50% - left: 38% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:skip-backward - style: - top: 50% - left: 56% - --iron-icon-height: 15% - --iron-icon-width: 15% - color: white - tap_action: - action: call-service - service: shell_command.bravia_prev - # Pause - - type: image - image: /local/images/remote/black_button.png - style: - top: 50% - left: 62% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:pause - style: - top: 50% - left: 73% - --iron-icon-height: 24% - --iron-icon-width: 24% - color: white - tap_action: - action: call-service - service: shell_command.bravia_pause - # Next - - type: image - image: /local/images/remote/black_button.png - style: - top: 50% - left: 85% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:skip-forward - style: - top: 50% - left: 88% - --iron-icon-height: 55% - --iron-icon-width: 55% - color: white - tap_action: - action: call-service - service: shell_command.bravia_next - # Third Raw - # Help - - type: image - image: /local/images/remote/labels/help.png - style: - top: 60% - left: 15% - width: 16% - tap_action: - action: none - - type: image - image: /local/images/remote/black_button.png - style: - top: 75% - left: 15% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_help - # Rec - - type: image - image: /local/images/remote/labels/rec.png - style: - top: 60% - left: 38% - width: 16% - - type: image - image: /local/images/remote/black_button.png - style: - top: 75% - left: 38% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_rec - - type: image - image: /local/images/remote/labels/rec_button.png - style: - top: 75% - left: 38% - width: 5% - tap_action: - action: call-service - service: shell_command.bravia_rec - # Stop - - type: image - image: /local/images/remote/black_button.png - style: - top: 75% - left: 62% - width: 15% - tap_action: - action: none - - type: icon - icon: mdi:stop - style: - top: 75% - left: 73% - --iron-icon-height: 24% - --iron-icon-width: 24% - color: white - tap_action: - action: call-service - service: shell_command.bravia_stop - # Title List - # GRGR - - type: image - image: /local/images/remote/labels/title_list.png - style: - top: 60% - left: 85% - width: 16% - - type: image - image: /local/images/remote/black_button.png - style: - top: 75% - left: 85% - width: 15% - tap_action: - action: call-service - service: shell_command.bravia_forward - - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: S O N Y - style: - - background-color: rgb(46, 46, 46) - - color: white - - type: horizontal-stack - cards: - - type: "custom:button-card" - color_type: label-card - color: rgb(46, 46, 46) - name: TV - style: - - background-color: rgb(46, 46, 46) - - color: white - - - type: vertical-stack - title: TV Sala - cards: - - type: media-control - entity: media_player.tv_sala - - # Google Home - - type: vertical-stack - title: Google Home Mini - cards: - - - type: entities - title: Google Mini Home Cucina - show_header_toggle: false - entities: - - media_player.google_home - - input_text.google_home_speak - - - type: horizontal-stack - cards: - - type: entity-button - name: Affare - icon: mdi:numeric-1 - entity: script.laura_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.laura_voice_1 - - type: entity-button - name: Belan - icon: mdi:numeric-2 - entity: script.laura_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.laura_voice_2 - - type: entity-button - name: Schifezza - icon: mdi:numeric-3 - entity: script.laura_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.laura_voice_3 - - type: entity-button - name: Che Schifo è? - icon: mdi:numeric-4 - entity: script.laura_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.laura_voice_4 - - - type: horizontal-stack - cards: - - type: entity-button - name: I'm Babu - icon: mdi:numeric-1 - entity: script.babu_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.babu_voice_1 - - type: entity-button - name: Heheeeee - icon: mdi:numeric-2 - entity: script.babu_voice - tap_action: - action: call-service - service: script.turn_on - service_data: - entity_id: script.babu_voice_2 - ###################################################################### # People ###################################################################### @@ -1378,92 +477,6 @@ views: # unit: V # detail: 1 -###################################################################### -# Network -###################################################################### - - title: Dispositivi di Rete - id: network - icon: mdi:lan - cards: - - type: glance - title: External IP - entities: - - sensor.ip_1 - - sensor.ip_2 - - type: glance - title: Speed Test - entities: - - sensor.speedtest_ping - - sensor.speedtest_download - - sensor.speedtest_upload - - type: glance - title: pfSense - entities: - - sensor.freebsd_router_kib_sec_received - - sensor.freebsd_router_kib_sec_sent - -###################################################################### -# Zigbee -###################################################################### - - title: Zigbee - id: zigbee - icon: mdi:zigbee - #panel: true # this renders the first card on full width, other cards in this view will not be rendered - cards: - - type: entities - title: Stato Sistema Zigbee2mqtt - show_header_toggle: false - entities: - - sensor.zigbee2mqtt_stato_bridge - - sensor.zigbee2mqtt_stato_permit_join - - sensor.zigbee2mqtt_stato_log_level - - sensor.zigbee2mqtt_versione_bridge - - sensor.zigbee2mqtt_versione_coordinator - - - type: entities - title: Operazioni Sistema Zigbee2mqtt - show_header_toggle: false - entities: - - switch.zigbee2mqtt_abilita_join - - input_select.zigbee2mqtt_log_level - - - type: entities - title: Stato Batteria ZigBee Devices - show_header_toggle: false - entities: - - type: custom:battery-entity - entity: sensor.porta_casa_batteria - - type: custom:battery-entity - entity: sensor.porta_casa_2_batteria - - type: custom:battery-entity - entity: sensor.pulsante_batteria - - - type: custom:zigbee2mqtt-networkmap - title: Zigbee2mqtt Network Map - entity: sensor.zigbee2mqtt_networkmap - # the following are optional: - mqtt_base_topic: zigbee2mqtt # if you change base_topic of Zigbee2mqtt, change it accordingly - force: 3000 # decrease it to get smaller map if you have many devices - node_size: 16 - font_size: 12 - link_width: 2 - height: 400 # height of the card - # use this css config or use whatever css tech to change look and feel, - # the same variable can also be used in Home Assistant themes, see https://www.home-assistant.io/components/frontend/#defining-themes - css: | - :host { - --zigbee2mqtt-networkmap-node-color: rgba(18, 120, 98, .7); - --zigbee2mqtt-networkmap-node-fill-color: #dcfaf3; - --zigbee2mqtt-networkmap-node-pinned-color: rgba(190, 56, 93, .6); - --zigbee2mqtt-networkmap-link-color: rgba(18, 120, 98, .5); - --zigbee2mqtt-networkmap-hover-color: #be385d; - --zigbee2mqtt-networkmap-link-selected-color: rgba(202, 164, 85, .6); - --zigbee2mqtt-networkmap-label-color: #127862; - --zigbee2mqtt-networkmap-arrow-color: rgba(18, 120, 98, 0.7); - --zigbee2mqtt-networkmap-node-coordinator-color: rgba(224, 78, 93, .7); - --zigbee2mqtt-networkmap-node-router-color: rgba(0, 165, 255, .7); - } - ###################################################################### # Alarms ###################################################################### @@ -1523,61 +536,3 @@ views: # - sensor.dark_sky_humidity_0 # - sensor.dark_sky_pressure_0 # - sensor.dark_sky_uv_index_0 - -###################################################################### -# Settings -###################################################################### - - title: Configurazione - id: settings - icon: mdi:settings - badges: - - binary_sensor.home_mode - - binary_sensor.guard_mode - - binary_sensor.speech_notifications - - binary_sensor.text_notifications -# panel: true - cards: - - type: vertical-stack - cards: - - type: entities - title: Automazioni - show_header_toggle: false - entities: - #- automation.modalita_notte - - automation.risveglio_giorgio - #- automation.saluto_di_benvenuto - #- automation.saluto_orario - - type: entities - title: Configurazione Notifiche - show_header_toggle: false - entities: - - input_boolean.speech_notifications - - input_boolean.text_notifications - - - type: vertical-stack - cards: - - type: entities - title: Controlli - show_header_toggle: false - entities: - - script.homeassistant_restart - - script.homeassistant_clearlog - - script.homeassistant_google_home_sync - - type: entities - title: Operazione sui Dispositivi - show_header_toggle: false - entities: - - script.shelly_upgrade - - script.shelly_reboot - - - type: vertical-stack - cards: - - type: entities - title: Informazioni Varie - show_header_toggle: false - entities: - - sensor.home_assistant_current_version - - sensor.zigbee2mqtt_versione_bridge - - sensor.zigbee2mqtt_versione_coordinator - - sensor.ssl_certificate - - input_boolean.update diff --git a/ui-multimedia.yaml b/ui-multimedia.yaml new file mode 100644 index 00000000..6e940c9a --- /dev/null +++ b/ui-multimedia.yaml @@ -0,0 +1,903 @@ +###################################################################### +# Lovelace UI Multimedia +###################################################################### + +title: Multimedia +background: var(--background-image) +views: +###################################################################### +# Multimedia +###################################################################### + - title: TV Sony + id: multimedia + icon: mdi:television + cards: + - type: vertical-stack + title: TV Sala + cards: + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: Sony KD-55XF8596 + style: + - background-color: rgb(46, 46, 46) + - color: white + # Top Botton + - type: horizontal-stack + cards: + - type: "custom:button-card" + icon: mdi:television + color_type: label-card + color: rgb(46, 46, 46) + size: 20% + tap_action: + action: call-service + service: shell_command.bravia_input + - type: "custom:button-card" + icon: mdi:microphone + color_type: label-card + color: rgb(46, 46, 46) + size: 20% + tap_action: + action: call-service + service: shell_command.bravia_assists + - type: "custom:button-card" + entity: media_player.tv_sala + icon: mdi:power + size: 20% + show_name: false + show_state: false + state: + - value: 'off' + color: red + - value: 'on' + color: green + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.tv_sala_toggle + # Top Buttons 2 + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/bg_app_top.png + elements: + # Digital / Analog + - type: image + image: /local/images/remote/labels/digital_analog.png + style: + top: 30% + left: 16% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 65% + left: 15% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_digital + # TV / Radio + - type: image + image: /local/images/remote/labels/tv_radio.png + style: + top: 30% + left: 38% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 65% + left: 38% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_tv_radio + # Exit + - type: image + image: /local/images/remote/labels/exit.png + style: + top: 30% + left: 62% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 65% + left: 62% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_exit + # Ext.Box Menu + - type: image + image: /local/images/remote/labels/ext_box_menu.png + style: + top: 30% + left: 85% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 65% + left: 85% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_exit + # Numeric Button + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '1 ./' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num1 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '2 abc' + show_icon: false + style: + - font-size: 7px + tap_action: + action: call-service + service: shell_command.bravia_num2 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '3 def' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num3 + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '4 ghi' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num4 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '5 jkl' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num5 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '6 mno' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num6 + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '7 pqrs' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num7 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '8 tuv' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num8 + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '9 wyz' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num9 + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '?' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_display + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: '0' + show_icon: false + style: + - font-size: 12px + tap_action: + action: call-service + service: shell_command.bravia_num0 + - type: "custom:button-card" + icon: mdi:card-text-outline + color_type: label-card + color: rgb(46, 46, 46) + size: 12% + tap_action: + action: call-service + service: shell_command.bravia_teletext + # Google Play & Netflix + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/bg_app.png + elements: + - type: image + image: /local/images/remote/google_play.png + style: + top: 50% + left: 25% + width: 35% + tap_action: + action: call-service + service: shell_command.bravia_googleplay + - type: image + image: /local/images/remote/netflix.png + style: + top: 50% + left: 75% + width: 35% + tap_action: + action: call-service + service: shell_command.bravia_netflix + # Colored Buttons + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/bg_app.png + elements: + - type: image + image: /local/images/remote/red_button.png + style: + top: 50% + left: 15% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_red + - type: image + image: /local/images/remote/green_button.png + style: + top: 50% + left: 38% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_green + - type: image + image: /local/images/remote/yellow_button.png + style: + top: 50% + left: 62% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_yellow + - type: image + image: /local/images/remote/blue_button.png + style: + top: 50% + left: 85% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_blue + # Dpad buttons + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/dpad.png + elements: + - type: image + image: /local/images/remote/confirm.png + tap_action: + action: call-service + service: shell_command.bravia_confirm + style: + top: 50% + left: 50% + width: 10% + - type: image + image: /local/images/remote/arrow_left.png + tap_action: + action: call-service + service: shell_command.bravia_left + style: + top: 50% + left: 27% + width: 15% + - type: image + image: /local/images/remote/arrow_right.png + tap_action: + action: call-service + service: shell_command.bravia_right + style: + top: 50% + left: 73% + width: 15% + - type: image + image: /local/images/remote/arrow_up.png + tap_action: + action: call-service + service: shell_command.bravia_up + style: + top: 23% + left: 50% + width: 15% + - type: image + image: /local/images/remote/arrow_down.png + tap_action: + action: call-service + service: shell_command.bravia_down + style: + top: 77% + left: 50% + width: 15% + - type: image + image: /local/images/remote/labels/action_menu.png + tap_action: + action: call-service + service: shell_command.bravia_actionmenu + style: + top: 6% + left: 50% + width: 45% + - type: image + image: /local/images/remote/labels/guide.png + tap_action: + action: call-service + service: shell_command.bravia_gguide + style: + top: 23% + left: 13% + width: 20% + - type: image + image: /local/images/remote/labels/apps.png + tap_action: + action: call-service + service: shell_command.bravia_applicationlauncher + style: + top: 23% + left: 87% + width: 20% + - type: image + image: /local/images/remote/labels/back.png + tap_action: + action: call-service + service: shell_command.bravia_return + style: + top: 77% + left: 13% + width: 20% + - type: image + image: /local/images/remote/labels/home.png + tap_action: + action: call-service + service: shell_command.bravia_home + style: + top: 77% + left: 87% + width: 20% + - type: image + image: /local/images/remote/labels/tv.png + tap_action: + action: call-service + service: shell_command.bravia_tv + style: + top: 94% + left: 50% + width: 20% + # Volume & Channels Buttons + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/bg_volume.png + elements: + # Jump + - type: icon + icon: mdi:repeat + style: + top: 34% + left: 65% + color: white + --iron-icon-height: 16% + --iron-icon-width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 46% + left: 50% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_jump + # Volume Mute + - type: icon + icon: mdi:volume-mute + style: + top: 64% + left: 65% + color: white + --iron-icon-height: 16% + --iron-icon-width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 76% + left: 50% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_mute + # Volume Up/Down + - type: image + image: /local/images/remote/labels/volume.png + style: + top: 15% + left: 20% + width: 20% + tap_action: + action: none + - type: image + image: /local/images/remote/chngbtn.png + style: + top: 60% + left: 20% + width: 15% + - type: image + image: /local/images/remote/plus.png + style: + top: 40% + left: 20% + width: 10% + tap_action: + action: call-service + service: shell_command.bravia_volumeup + - type: image + image: /local/images/remote/minus.png + style: + top: 80% + left: 20% + width: 10% + tap_action: + action: call-service + service: shell_command.bravia_volumedown + # Channels Up/Down + - type: image + image: /local/images/remote/labels/prog.png + style: + top: 15% + left: 80% + width: 20% + tap_action: + action: none + - type: image + image: /local/images/remote/chngbtn.png + tap_action: + action: call-service + style: + top: 60% + left: 80% + width: 15% + - type: image + image: /local/images/remote/plus.png + style: + top: 40% + left: 80% + width: 10% + tap_action: + action: call-service + service: shell_command.bravia_channelup + - type: image + image: /local/images/remote/minus.png + style: + top: 80% + left: 80% + width: 10% + tap_action: + action: call-service + service: shell_command.bravia_channeldown + # Play Pause Block + - type: horizontal-stack + cards: + - type: picture-elements + image: /local/images/remote/backgrounds/bg_volume.png + elements: + # First Raw + # Audio + - type: image + image: /local/images/remote/labels/audio.png + style: + top: 10% + left: 15% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 25% + left: 15% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_audio + # Rewind + - type: image + image: /local/images/remote/black_button.png + style: + top: 25% + left: 38% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:rewind + style: + top: 25% + left: 56% + --iron-icon-height: 16% + --iron-icon-width: 16% + color: white + tap_action: + action: call-service + service: shell_command.bravia_rewind + # Play + - type: image + image: /local/images/remote/black_button.png + style: + top: 25% + left: 62% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:play + style: + top: 25% + left: 73% + --iron-icon-height: 24% + --iron-icon-width: 24% + color: white + tap_action: + action: call-service + service: shell_command.bravia_play + # Forward + - type: image + image: /local/images/remote/black_button.png + style: + top: 25% + left: 85% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:fast-forward + style: + top: 25% + left: 88% + --iron-icon-height: 60% + --iron-icon-width: 60% + color: white + tap_action: + action: call-service + service: shell_command.bravia_forward + # Second Raw + # Subtitles + - type: image + image: /local/images/remote/black_button.png + style: + top: 50% + left: 15% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:subtitles-outline + style: + top: 50% + left: 42% + --iron-icon-height: 9% + --iron-icon-width: 9% + color: white + tap_action: + action: call-service + service: shell_command.bravia_subtitle + # Prev + - type: image + image: /local/images/remote/black_button.png + style: + top: 50% + left: 38% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:skip-backward + style: + top: 50% + left: 56% + --iron-icon-height: 15% + --iron-icon-width: 15% + color: white + tap_action: + action: call-service + service: shell_command.bravia_prev + # Pause + - type: image + image: /local/images/remote/black_button.png + style: + top: 50% + left: 62% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:pause + style: + top: 50% + left: 73% + --iron-icon-height: 24% + --iron-icon-width: 24% + color: white + tap_action: + action: call-service + service: shell_command.bravia_pause + # Next + - type: image + image: /local/images/remote/black_button.png + style: + top: 50% + left: 85% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:skip-forward + style: + top: 50% + left: 88% + --iron-icon-height: 55% + --iron-icon-width: 55% + color: white + tap_action: + action: call-service + service: shell_command.bravia_next + # Third Raw + # Help + - type: image + image: /local/images/remote/labels/help.png + style: + top: 60% + left: 15% + width: 16% + tap_action: + action: none + - type: image + image: /local/images/remote/black_button.png + style: + top: 75% + left: 15% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_help + # Rec + - type: image + image: /local/images/remote/labels/rec.png + style: + top: 60% + left: 38% + width: 16% + - type: image + image: /local/images/remote/black_button.png + style: + top: 75% + left: 38% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_rec + - type: image + image: /local/images/remote/labels/rec_button.png + style: + top: 75% + left: 38% + width: 5% + tap_action: + action: call-service + service: shell_command.bravia_rec + # Stop + - type: image + image: /local/images/remote/black_button.png + style: + top: 75% + left: 62% + width: 15% + tap_action: + action: none + - type: icon + icon: mdi:stop + style: + top: 75% + left: 73% + --iron-icon-height: 24% + --iron-icon-width: 24% + color: white + tap_action: + action: call-service + service: shell_command.bravia_stop + # Title List + # GRGR + - type: image + image: /local/images/remote/labels/title_list.png + style: + top: 60% + left: 85% + width: 16% + - type: image + image: /local/images/remote/black_button.png + style: + top: 75% + left: 85% + width: 15% + tap_action: + action: call-service + service: shell_command.bravia_forward + + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: S O N Y + style: + - background-color: rgb(46, 46, 46) + - color: white + - type: horizontal-stack + cards: + - type: "custom:button-card" + color_type: label-card + color: rgb(46, 46, 46) + name: TV + style: + - background-color: rgb(46, 46, 46) + - color: white + + - type: vertical-stack + title: TV Sala + cards: + - type: media-control + entity: media_player.tv_sala + +###################################################################### +# Google Home +###################################################################### +# - title: Google Home +# id: settings +# icon: mdi:google +# panel: true +# cards: + # Google Home + - type: vertical-stack + title: Google Home Mini + cards: + + - type: entities + title: Google Mini Home Cucina + show_header_toggle: false + entities: + - media_player.google_home + - input_text.google_home_speak + + - type: horizontal-stack + cards: + - type: entity-button + name: Affare + icon: mdi:numeric-1 + entity: script.laura_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.laura_voice_1 + - type: entity-button + name: Belan + icon: mdi:numeric-2 + entity: script.laura_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.laura_voice_2 + - type: entity-button + name: Schifezza + icon: mdi:numeric-3 + entity: script.laura_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.laura_voice_3 + - type: entity-button + name: Che Schifo è? + icon: mdi:numeric-4 + entity: script.laura_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.laura_voice_4 + + - type: horizontal-stack + cards: + - type: entity-button + name: I'm Babu + icon: mdi:numeric-1 + entity: script.babu_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.babu_voice_1 + - type: entity-button + name: Heheeeee + icon: mdi:numeric-2 + entity: script.babu_voice + tap_action: + action: call-service + service: script.turn_on + service_data: + entity_id: script.babu_voice_2 diff --git a/ui-settings.yaml b/ui-settings.yaml new file mode 100644 index 00000000..2d7b521e --- /dev/null +++ b/ui-settings.yaml @@ -0,0 +1,150 @@ +###################################################################### +# Lovelace UI - Sistema +###################################################################### + +title: Sistema Home Assistant +background: var(--background-image) +views: +###################################################################### +# Settings +###################################################################### + - title: Configurazione + id: settings + icon: mdi:settings + badges: + - binary_sensor.home_mode + - binary_sensor.guard_mode + - binary_sensor.speech_notifications + - binary_sensor.text_notifications +# panel: true + cards: + - type: vertical-stack + cards: + - type: entities + title: Automazioni + show_header_toggle: false + entities: + #- automation.modalita_notte + - automation.risveglio_giorgio + #- automation.saluto_di_benvenuto + #- automation.saluto_orario + - type: entities + title: Configurazione Notifiche + show_header_toggle: false + entities: + - input_boolean.speech_notifications + - input_boolean.text_notifications + + - type: vertical-stack + cards: + - type: entities + title: Controlli + show_header_toggle: false + entities: + - script.homeassistant_restart + - script.homeassistant_clearlog + - script.homeassistant_google_home_sync + - type: entities + title: Operazione sui Dispositivi + show_header_toggle: false + entities: + - script.shelly_upgrade + - script.shelly_reboot + + - type: vertical-stack + cards: + - type: entities + title: Informazioni Varie + show_header_toggle: false + entities: + - sensor.home_assistant_current_version + - sensor.zigbee2mqtt_versione_bridge + - sensor.zigbee2mqtt_versione_coordinator + - sensor.ssl_certificate + - input_boolean.update + +###################################################################### +# Network +###################################################################### + - title: Dispositivi di Rete + id: network + icon: mdi:lan + cards: + - type: glance + title: External IP + entities: + - sensor.ip_1 + - sensor.ip_2 + - type: glance + title: Speed Test + entities: + - sensor.speedtest_ping + - sensor.speedtest_download + - sensor.speedtest_upload + - type: glance + title: pfSense + entities: + - sensor.freebsd_router_kib_sec_received + - sensor.freebsd_router_kib_sec_sent + +###################################################################### +# Zigbee +###################################################################### + - title: Zigbee + id: zigbee + icon: mdi:zigbee + #panel: true # this renders the first card on full width, other cards in this view will not be rendered + cards: + - type: entities + title: Stato Sistema Zigbee2mqtt + show_header_toggle: false + entities: + - sensor.zigbee2mqtt_stato_bridge + - sensor.zigbee2mqtt_stato_permit_join + - sensor.zigbee2mqtt_stato_log_level + - sensor.zigbee2mqtt_versione_bridge + - sensor.zigbee2mqtt_versione_coordinator + + - type: entities + title: Operazioni Sistema Zigbee2mqtt + show_header_toggle: false + entities: + - switch.zigbee2mqtt_abilita_join + - input_select.zigbee2mqtt_log_level + + - type: entities + title: Stato Batteria ZigBee Devices + show_header_toggle: false + entities: + - type: custom:battery-entity + entity: sensor.porta_casa_batteria + - type: custom:battery-entity + entity: sensor.porta_casa_2_batteria + - type: custom:battery-entity + entity: sensor.pulsante_batteria + + - type: custom:zigbee2mqtt-networkmap + title: Zigbee2mqtt Network Map + entity: sensor.zigbee2mqtt_networkmap + # the following are optional: + mqtt_base_topic: zigbee2mqtt # if you change base_topic of Zigbee2mqtt, change it accordingly + force: 3000 # decrease it to get smaller map if you have many devices + node_size: 16 + font_size: 12 + link_width: 2 + height: 400 # height of the card + # use this css config or use whatever css tech to change look and feel, + # the same variable can also be used in Home Assistant themes, see https://www.home-assistant.io/components/frontend/#defining-themes + css: | + :host { + --zigbee2mqtt-networkmap-node-color: rgba(18, 120, 98, .7); + --zigbee2mqtt-networkmap-node-fill-color: #dcfaf3; + --zigbee2mqtt-networkmap-node-pinned-color: rgba(190, 56, 93, .6); + --zigbee2mqtt-networkmap-link-color: rgba(18, 120, 98, .5); + --zigbee2mqtt-networkmap-hover-color: #be385d; + --zigbee2mqtt-networkmap-link-selected-color: rgba(202, 164, 85, .6); + --zigbee2mqtt-networkmap-label-color: #127862; + --zigbee2mqtt-networkmap-arrow-color: rgba(18, 120, 98, 0.7); + --zigbee2mqtt-networkmap-node-coordinator-color: rgba(224, 78, 93, .7); + --zigbee2mqtt-networkmap-node-router-color: rgba(0, 165, 255, .7); + } \ No newline at end of file -- 2.47.3