Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
58 kB
1
Indexable
Never
paper-card-background-color: '#85929E'
title: Huis
views:
  - theme: Backend-selected
    title: Sasman Home
    path: Sasman_home
    type: panel
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: vertical-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-minus
                        name: Zitkamer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_down
                          service_data:
                            entity_id: media_player.woonkamer
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-plus
                        name: Zitkamer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_up
                          service_data:
                            entity_id: media_player.woonkamer
                  - type: custom:mini-media-player
                    entity: media_player.woonkamer
                    hide:
                      power: true
                      icon: true
                      source: true
                      controls: true
                      info: true
                      name: true
                    group: true
                    volume_stateless: false
                    source: full
                    sound_mode: full
                    info: scroll
              - type: vertical-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-minus
                        name: Studeer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_down
                          service_data:
                            entity_id: media_player.studeerkamer
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-plus
                        name: Studeer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_up
                          service_data:
                            entity_id: media_player.studeerkamer
                  - type: custom:mini-media-player
                    entity: media_player.studeerkamer
                    hide:
                      power: true
                      icon: true
                      source: true
                      controls: true
                      info: true
                      name: true
                    group: true
                    volume_stateless: false
                    source: full
                    sound_mode: full
                    info: scroll
              - type: vertical-stack
                cards:
                  - type: horizontal-stack
                    cards:
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-minus
                        name: Badkamer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_down
                          service_data:
                            entity_id: media_player.badkamer
                      - type: custom:button-card
                        color_type: card
                        color: '#031342'
                        icon: mdi:volume-plus
                        name: Badkamer
                        styles:
                          card:
                            - height: 60px
                        tap_action:
                          action: call-service
                          service: media_player.volume_up
                          service_data:
                            entity_id: media_player.badkamer
                  - type: custom:mini-media-player
                    entity: media_player.badkamer
                    hide:
                      power: true
                      icon: true
                      source: true
                      controls: true
                      info: true
                      name: true
                    group: true
                    volume_stateless: false
                    source: full
                    sound_mode: full
                    info: scroll
          - type: horizontal-stack
            cards:
              - type: picture
                image: /local/veronicaFin.png
                tap_action:
                  action: call-service
                  service: script.play_veronice
                  data: {}
                  target: {}
              - type: picture
                image: /local/radio2.png
                tap_action:
                  action: call-service
                  service: script.play_radio_2
                  data: {}
                  target: {}
              - type: picture
                image: /local/100pnl.png
                tap_action:
                  action: call-service
                  service: script.play_100_nl
                  data: {}
                  target: {}
              - type: picture
                image: /local/slamfm.png
                tap_action:
                  action: call-service
                  service: script.play_slam_fm
                  data: {}
                  target: {}
              - type: picture
                image: /local/slammix.png
                tap_action:
                  action: call-service
                  service: script.play_slam_mix
                  data: {}
                  target: {}
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: card
                color: '#031342'
                tap_action:
                  action: call-service
                  service: script.arwav
                  data: {}
                  target: {}
                name: ARWAF
              - type: custom:button-card
                color_type: card
                color: '#031342'
                tap_action:
                  action: call-service
                  service: script.play_3_nrtjes
                  data: {}
                  target: {}
                name: 3 Fijne nr
              - type: custom:button-card
                color_type: card
                color: '#031342'
                tap_action:
                  action: call-service
                  service: script.play_piano
                  data: {}
                  target: {}
                name: Piano
          - type: custom:layout-card
            layout_type: grid
            layout:
              grid-template-columns: 80% 20%
              grid-template-rows: auto
              grid-template-areas: |
                "header1 header2 header3"
                "main main2 main3"
            cards:
              - type: custom:button-card
                color_type: card
                color: '#031342'
                label: >
                  [[[
                    var art = states['media_player.woonkamer'].attributes.media_artist;
                    var tit = states['media_player.woonkamer'].attributes.media_title;

                  return 'Artiest: ' + (art ? art : '0') + ('    Title: ')+ (tit
                  ? tit : '0');

                  ]]]
                show_label: true
                size: 15%
                styles:
                  card:
                    - height: 70px
                  label:
                    - color: white
                    - justify-self: start
                    - padding: 0px 5px
                view_layout:
                  grid-area: header1
              - type: custom:button-card
                color_type: card
                color: '#031342'
                icon: mdi:play-pause
                styles:
                  card:
                    - height: 70px
                tap_action:
                  action: call-service
                  service: script.pauze_media
                  data: {}
                view_layout:
                  grid-area: header2
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color: rgb(68, 115, 158)
                tap_action:
                  action: call-service
                  service: script.hue_bright
                  data: {}
                  target: {}
                name: Daglicht
                icon: mdi:white-balance-sunny
                styles:
                  name:
                    - font-size: 12px
                  icon:
                    - height: 70px
              - type: custom:button-card
                color: rgb(68, 115, 158)
                tap_action:
                  action: call-service
                  service: script.hue_avond
                  data: {}
                  target: {}
                name: Avond
                icon: mdi:weather-night
                styles:
                  name:
                    - font-size: 12px
                  icon:
                    - height: 70px
              - type: custom:button-card
                color: rgb(68, 115, 158)
                tap_action:
                  action: call-service
                  service: script.hue_movie
                  data: {}
                  target: {}
                name: Movie
                icon: mdi:movie-open
                styles:
                  name:
                    - font-size: 12px
                  icon:
                    - height: 70px
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                tap_action:
                  action: navigate
                  navigation_path: lampen
                  data: {}
                  target: {}
                name: Huislampen
                icon: mdi:ceiling-light-multiple
                styles:
                  name:
                    - font-size: 12px
                  icon:
                    - height: 70px
          - type: horizontal-stack
            cards:
              - hours_to_show: 24
                graph: line
                type: sensor
                entity: sensor.thermostaat_temperature
                detail: 2
                name: Zitkmer
              - hours_to_show: 24
                graph: line
                type: sensor
                detail: 2
                name: Slaapkamer
                entity: sensor.tz2000_a476raq2_ts0201_temperature
              - hours_to_show: 24
                graph: line
                type: sensor
                entity: sensor.beweging_temperature
                detail: 2
                name: Badkamer
              - hours_to_show: 24
                graph: line
                type: sensor
                entity: sensor.buiten_temp
                detail: 2
                name: Buiten
            card_mod:
              style: |
                ha-card {
                  --ha-card-background: black;
                  --ha-card-header-color: black;
                  --ha-card-header-font-size: 16px;
                  --ha-card-border-radius: 30px;
                }
                .card-header {
                  background-color: rgb(190,212,216);
                  border-radius: 8px 8px 0px 0px;
                  text-align: right;
                }
                .sc-shutter .sc-shutter-top {
                  display: flex;
                  flex-direction: row;
                }
                .sc-shutter .sc-shutter-top .sc-shutter-label {
                  flex: 1 1 75%;
                  text-align: left;
                }
                .sc-shutter .sc-shutter-top .sc-shutter-position {
                  text-align: center;
                }
          - type: horizontal-stack
            cards:
              - type: markdown
                content: >
                  <h3 style="font-size: 5px">Olivier Sassen</h3>  

                  {% set years = state_attr('sensor.olivier_sassen', 'years')
                  %} 

                  {% set months = state_attr('sensor.olivier_sassen', 'months')
                  %} 

                  {% set weeks = state_attr('sensor.olivier_sassen', 'weeks')
                  %} 

                  {% set days = state_attr('sensor.olivier_sassen', 'daysW') %} 

                  {{ years }} jaar{% if months > 0 or weeks > 0 or days > 0
                  %},{% endif %}  {% if months > 0 %}{{ months }} maanden{% if
                  weeks > 0 or days > 0 %},{% endif %}{% endif %}  {% if weeks
                  == 1 %}1 week{% elif weeks > 1 %}{{ weeks }} weken{% endif %} 
                  {% if days > 0 and weeks > 0 %}en {% endif %}{{ days }} dagen
                  oud.


                  Nog {{ state_attr('sensor.olivier_sassen',
                  'days_until_birthday') }} dagen tot zijn verjaardag.
              - type: markdown
                content: >
                  <h3 style="font-size: 5px">Charlotte Sassen</h3> 

                  {% set years = state_attr('sensor.charlotte_sassen', 'years')
                  %} 

                  {% set months = state_attr('sensor.charlotte_sassen',
                  'months') %} 

                  {% set weeks = state_attr('sensor.charlotte_sassen', 'weeks')
                  %} 

                  {% set days = state_attr('sensor.charlotte_sassen', 'daysW')
                  %} 

                  {{ years }} jaar, {% if months > 0 %}{{ months }} maanden, {%
                  endif %}{% if weeks == 1 %}1 week{% elif weeks > 1 %}{{ weeks
                  }} weken {% endif %} en {{ days }} dagen oud.<br>

                  Nog {{ state_attr('sensor.charlotte_sassen',
                  'days_until_birthday') }} dagen tot haar verjaardag.
              - type: markdown
                content: >+
                  <h3 style="font-size: 5px">Julie Sassen</h3>

                  {% set years = state_attr('sensor.julie_sassen', 'years') %}

                  {% set months = state_attr('sensor.julie_sassen', 'months') %}

                  {% set weeks = state_attr('sensor.julie_sassen', 'weeks') %}

                  {% set days = state_attr('sensor.julie_sassen', 'daysW') %}

                  {{ "" if years == 0 else years ~ " jaar" }}{{ "" if years == 0
                  or months == 0 and weeks == 0 and days == 0 else ", " }}{{ ""
                  if months == 0 else months ~ " maand" }}{{ "" if months == 0
                  or weeks == 0 and days == 0 else ", " }}{{ "" if weeks == 0
                  else weeks ~ " week" }}{{ "" if weeks == 0 or days == 0 else "
                  en " ~ days ~ " dag" }} oud.<br>

                  Nog {{ state_attr('sensor.julie_sassen',
                  'days_until_birthday') }} dagen tot haar verjaardag.

              - type: markdown
                content: >
                  <h3 style="font-size: 5px">{{
                  state_attr('sensor.volgende_verjaardag', 'wie') }}</h3><br>
                   wordt {{ state_attr('sensor.volgende_verjaardag', 'leeftijd') }} jaar oud.
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                entity: input_datetime.wekker
                name: Wekker
                icon: mdi:alarm
                tap_action:
                  action: more-info
                hold_action:
                  action: call-service
                  service: input_boolean.toggle
                  service_data:
                    entity_id: input_boolean.wekker_toggle
                show_state: true
                styles:
                  card:
                    - filter: opacity(50%)
                    - height: 120px
                  icon:
                    - color: |
                        [[[
                          if (states['input_boolean.wekker_toggle'].state == 'on')
                            return "green";
                          return "red";
                        ]]]
                  name:
                    - font-size: 15px
                    - color: white
              - type: custom:button-card
                color_type: icon
                color: '#b50c05'
                name: Energie
                icon: mdi:home-lightning-bolt-outline
                tap_action:
                  action: navigate
                  navigation_path: Energie
                styles:
                  card:
                    - height: 120px
              - type: custom:button-card
                color_type: icon
                color: '#031342'
                name: SONOS
                tap_action:
                  action: navigate
                  navigation_path: /lovelace/sonos
                styles:
                  card:
                    - height: 120px
              - type: custom:button-card
                color_type: icon
                color: '#031342'
                name: Weer
                icon: mdi:weather-lightning-rainy
                tap_action:
                  action: navigate
                  navigation_path: weer
                styles:
                  card:
                    - height: 120px
          - type: horizontal-stack
            cards:
              - type: custom:clock-weather-card
                entity: weather.huis
                title: Home
                sun_entity: sun.sun
                weather_icon_type: line
                animated_icon: true
                forecast_days: 5
                locale: en
                time_format: 24
                date_pattern: P
                hide_today_section: false
                hide_forecast_section: false
              - type: vertical-stack
                cards:
                  - type: custom:button-card
                    color_type: card
                    icon: mdi:home-export-outline
                    color: '#031342'
                    tap_action:
                      action: call-service
                      service: script.weggaan
                      data: {}
                      target: {}
                    name: Weggaan
                    show_state: true
                    styles:
                      name:
                        - font-size: 12px
                      icon:
                        - height: 70px
                  - show_name: true
                    show_icon: true
                    type: button
                    tap_action:
                      action: toggle
                    entity: light.kerstlamp
  - theme: ''
    title: OUD
    path: Sasman_home_1
    type: panel
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: custom:mini-media-player
            entity: media_player.woonkamer
            group: true
            hide:
              power: true
            speaker_group:
              platform: sonos
              show_group_count: true
              entities:
                - entity_id: media_player.woonkamer
                  name: Sonos Zitkamer
                - entity_id: media_player.studeerkamer
                  name: Sonos Studeer & Slaapkamer
                - entity_id: media_player.badkamer
                  name: Sonos Badkamer
            volume_stateless: false
            toggle_power: false
            shortcuts:
              columns: 4
              buttons:
                - name: NPO Radio 2
                  type: source
                  id: NPO Radio 2
                  icon: mdi:radio
                - name: Veronica
                  type: source
                  id: Radio Veronica
                  icon: mdi:radio
                - name: '538'
                  type: source
                  id: Radio 538
                  icon: mdi:radio
                - name: Slam FM
                  type: source
                  id: SLAM!
                  icon: mdi:radio
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-minus
                name: Zitkamer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_down
                  service_data:
                    entity_id: media_player.woonkamer
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-plus
                name: Zitkamer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_up
                  service_data:
                    entity_id: media_player.woonkamer
              - type: custom:mini-media-player
                entity: media_player.woonkamer
                hide:
                  power: true
                  icon: true
                  source: true
                  controls: true
                  info: true
                  name: true
                group: true
                volume_stateless: false
                source: full
                sound_mode: full
                info: scroll
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-minus
                name: Studeer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_down
                  service_data:
                    entity_id: media_player.studeerkamer
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-plus
                name: Studeer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_up
                  service_data:
                    entity_id: media_player.studeerkamer
              - type: custom:mini-media-player
                hide:
                  power: true
                  icon: true
                  source: true
                  controls: true
                  info: true
                  name: true
                group: true
                volume_stateless: false
                source: full
                sound_mode: full
                info: scroll
                entity: media_player.studeerkamer
          - type: horizontal-stack
            cards:
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-minus
                name: Badkamer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_down
                  service_data:
                    entity_id: media_player.badkamer
              - type: custom:button-card
                color_type: card
                color: rgb(68, 115, 158)
                icon: mdi:volume-plus
                name: Badkamer
                styles:
                  card:
                    - height: 60px
                    - width: 120px
                tap_action:
                  action: call-service
                  service: media_player.volume_up
                  service_data:
                    entity_id: media_player.badkamer
              - type: custom:mini-media-player
                hide:
                  power: true
                  icon: true
                  source: true
                  controls: true
                  info: true
                  name: true
                group: true
                volume_stateless: false
                source: full
                sound_mode: full
                info: scroll
                entity: media_player.badkamer
          - type: horizontal-stack
            cards:
              - type: button
                tap_action:
                  action: call-service
                  service: script.hue_bright
                  service_data: {}
                  target: {}
                name: Daglicht
                icon: mdi:white-balance-sunny
              - type: button
                tap_action:
                  action: call-service
                  service: script.hue_avond
                  service_data: {}
                  target: {}
                name: Avond
                icon: mdi:weather-night
              - type: button
                tap_action:
                  action: call-service
                  service: script.hue_movie
                  service_data: {}
                  target: {}
                name: Movie
                icon: mdi:movie-open
              - type: button
                name: Huislampen
                icon: mdi:ceiling-light-multiple
                tap_action:
                  action: navigate
                  navigation_path: lampen
          - type: horizontal-stack
            cards:
              - type: light
                entity: light.zitkamer_licht
                name: Zitkamer
              - type: light
                entity: light.keuken_licht
                name: Keuken
              - type: light
                entity: light.woonkamer_1
              - type: button
                tap_action:
                  action: toggle
                entity: light.huis_lampen
                icon: mdi:home-export-outline
          - type: horizontal-stack
            cards:
              - type: vertical-stack
                cards:
                  - show_name: true
                    show_icon: true
                    type: button
                    name: Energie
                    icon: mdi:home-lightning-bolt-outline
                    tap_action:
                      action: navigate
                      navigation_path: Energie
                  - show_name: true
                    show_icon: true
                    type: button
                    name: Sonos
                    icon: mdi:account-music
                    tap_action:
                      action: navigate
                      navigation_path: /lovelace/sonos
              - type: vertical-stack
                cards:
                  - show_name: true
                    show_icon: true
                    type: button
                    name: Weer
                    icon: mdi:weather-lightning-rainy
                    tap_action:
                      action: navigate
                      navigation_path: weer
                  - show_name: true
                    show_icon: true
                    type: button
                    name: Test
                    icon: mdi:weather-lightning-rainy
                    tap_action:
                      action: navigate
                      navigation_path: /lovelace/test-2
              - type: custom:thermostat-dark-card
                step: '0.5'
                chevron_size: '40'
                pending: '3'
                idle_zone: '2'
                entity: climate.thermostaat
                name: Nest
                highlight_tap: false
              - type: custom:clock-card
                disable_seconds: false
                time_zone: Europe/Amsterdam
                size: 175
                display_date: DD/MM/YY
                show_city: true
                theme:
                  background: black
                  hands: rgb(68, 115, 158)
                  numbers: white
                  border: grey
          - type: horizontal-stack
            cards:
              - type: entities
                entities:
                  - entity: person.charlotte
                title: Person
                state_color: true
              - type: entities
                entities:
                  - entity: person.olivier
                title: Person
                state_color: true
  - title: Lampen
    path: lampen
    theme: ''
    type: panel
    badges: []
    cards:
      - type: grid
        columns: 1
        square: false
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                cards:
                  - type: light
                    entity: light.keuken_licht
                    name: Keuken
                    icon: mdi:television
                  - type: light
                    name: Gang
                    entity: light.gang_licht
                  - type: light
                    entity: light.woonkamer_1
                    name: Eettafel
                    icon: mdi:table-furniture
                  - type: light
                    entity: light.zithoek_licht
                    name: TV
          - type: horizontal-stack
            cards:
              - type: light
                entity: light.studeer_1
                name: Studeerkamer
              - type: light
                entity: light.slaapkamer_1
                name: Slaapkamer
              - type: light
                entity: light.kleine_lampen
                name: Kleine lampjes
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: light.keuken_disco
                icon: mdi:alarm-light
          - type: button
            tap_action:
              action: navigate
              navigation_path: Sasman_home
            hold_action:
              action: navigate
              navigation_path: Sasman_home
            name: Home
            icon: mdi:home
  - theme: Backend-selected
    title: Energie
    path: Energie
    icon: ''
    type: panel
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: gauge
                entity: sensor.power_consumption
                needle: false
                min: 0
                max: 3
                severity:
                  green: 0
                  yellow: 0.7
                  red: 1.5
              - type: gauge
                needle: false
                min: 0
                max: 200
                severity:
                  green: 8
                  yellow: 80
                  red: 150
                entity: sensor.vriezer_power
                name: Vriezer
              - type: gauge
                needle: false
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 50
                  red: 80
                entity: sensor.ijskast_power
                name: 'IJskast '
              - type: gauge
                needle: false
                min: 0
                max: 100
                severity:
                  green: 0
                  yellow: 50
                  red: 80
                entity: sensor.shellyplug_s_5a99ea_power
                name: TV
              - type: gauge
                entity: sensor.oven_power
                needle: false
                min: 0
                severity:
                  green: 0
                  yellow: 1200
                  red: 1700
                name: Oven
                max: 2500
              - type: gauge
                entity: sensor.wasmachine_power
                needle: false
                min: 0
                max: 2500
                severity:
                  green: 1
                  yellow: 1400
                  red: 1900
                name: Wasmachine
              - type: gauge
                entity: sensor.afwasmachine_power
                name: Afwasmachine
                min: 0
                max: 2000
                severity:
                  green: 0
                  yellow: 1200
                  red: 1700
                needle: false
          - type: horizontal-stack
            cards:
              - type: button
                tap_action:
                  action: navigate
                  navigation_path: Sasman_home
                hold_action:
                  action: navigate
                  navigation_path: Sasman_home
                name: Home
                icon: mdi:home
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.vriezer
                icon: mdi:snowflake
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.ijskast
                icon: mdi:fridge
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.shellyplug_s_5a99ea
                icon: mdi:television-classic
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.oven
                icon: mdi:pot-steam
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.wasmachine
                icon: mdi:washing-machine
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: toggle
                entity: switch.afwasmachine
                name: Afwasmachine
          - type: custom:plotly-graph
            entities:
              - entity: sensor.vriezer_power
              - entity: sensor.ijskast_power
              - entity: sensor.oven_power
              - entity: sensor.shellyplug_s_5a99ea_power
              - entity: sensor.wasmachine_power
              - entity: sensor.afwasmachine_power
              - entity: sensor.power_consumption
            hours_to_show: 24
            refresh_interval: 10
            layout:
              xaxis:
                rangeselector:
                  'y': 1.2
                  buttons:
                    - count: 12
                      step: hour
                    - count: 1
                      step: day
                    - count: 7
                      step: day
                    - count: 14
                      step: day
            config:
              scrollZoom: false
          - type: custom:plotly-graph
            entities:
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                line:
                  color: '#1f77b4'
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#1f77b4'
                textfont:
                  color: '#1f77b4'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                line:
                  color: '#217315'
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#217315'
                textfont:
                  color: '#217315'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                line:
                  color: '#e3af12'
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#e3af12'
                textfont:
                  color: '#e3af12'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                line:
                  color: '#f76605'
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#f76605'
                textfont:
                  color: '#f76605'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
            hours_to_show: 24
            refresh_interval: 10
            layout:
              xaxis:
                rangeselector:
                  'y': 1.2
                  buttons:
                    - count: 12
                      step: hour
                    - count: 1
                      step: day
                    - count: 7
                      step: day
                    - count: 14
                      step: day
            config:
              scrollZoom: false
          - type: energy-date-selection
          - type: energy-devices-graph
        view_layout:
          position: main
  - theme: Backend-selected
    title: Weer
    path: weer
    type: sidebar
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: custom:weather-card
            entity: weather.huis
            number_of_forecasts: '5'
          - show_current: true
            show_forecast: true
            type: weather-forecast
            entity: weather.huis
          - type: custom:neerslag-card
            entity: sensor.neerslag_buienalarm_regen_data
            title: Neerslag
          - type: custom:plotly-graph
            entities:
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                line:
                  color: '#1f77b4'
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#1f77b4'
                textfont:
                  color: '#1f77b4'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.buiten_temp
                legendgroup: sensor.buiten_temp
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                line:
                  color: '#217315'
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#217315'
                textfont:
                  color: '#217315'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.thermostaat_temperature
                legendgroup: sensor.thermostaat_temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                line:
                  color: '#e3af12'
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#e3af12'
                textfont:
                  color: '#e3af12'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: sensor.beweging_temperature
                legendgroup: sensor.beweging_temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                line:
                  color: '#f76605'
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                unit_of_measurement: W floor
                mode: text+markers
                texttemplate: '%{y}'
                textposition: middle right
                showlegend: false
                marker:
                  color: '#f76605'
                textfont:
                  color: '#f76605'
                lambda: (ys) => ys.map((y,i)=> (i=== ys.length-1) && y)
              - entity: climate.thermostaat::temperature
                legendgroup: climate.thermostaat::temperature
                yaxis: y1
                mode: markers
                showlegend: false
                marker:
                  opacity: 0
                  size: 50
                lambda: (ys, xs) => ys.map((y,i)=> (i=== ys.length-1) && y)
            hours_to_show: 24
            refresh_interval: 10
            layout:
              xaxis:
                rangeselector:
                  'y': 1.2
                  buttons:
                    - count: 12
                      step: hour
                    - count: 1
                      step: day
                    - count: 7
                      step: day
                    - count: 14
                      step: day
            config:
              scrollZoom: false
          - type: button
            tap_action:
              action: navigate
              navigation_path: Sasman_home
            hold_action:
              action: navigate
              navigation_path: Sasman_home
            name: Home
            icon: mdi:home
  - title: Test 2
    path: test-2
    badges: []
    cards:
      - type: horizontal-stack
        cards:
          - type: markdown
            content: >
              <h3 style="font-size: 5px">Olivier Sassen</h3>  

              {% set years = state_attr('sensor.olivier_sassen', 'years') %} 

              {% set months = state_attr('sensor.olivier_sassen', 'months') %} 

              {% set weeks = state_attr('sensor.olivier_sassen', 'weeks') %} 

              {% set days = state_attr('sensor.olivier_sassen', 'daysW') %} 

              {{ years }} jaar{% if months > 0 or weeks > 0 or days > 0 %},{%
              endif %}  {% if months > 0 %}{{ months }} maanden{% if weeks > 0
              or days > 0 %},{% endif %}{% endif %}  {% if weeks == 1 %}1 week{%
              elif weeks > 1 %}{{ weeks }} weken{% endif %}  {% if days > 0 and
              weeks > 0 %}en {% endif %}{{ days }} dagen oud.

              <br>

              Nog {{ state_attr('sensor.olivier_sassen', 'days_until_birthday')
              }} dagen tot zijn verjaardag.
          - type: markdown
            content: >
              <h3 style="font-size: 5px">Charlotte Sassen</h3> 

              {% set years = state_attr('sensor.charlotte_sassen', 'years') %} 

              {% set months = state_attr('sensor.charlotte_sassen', 'months')
              %} 

              {% set weeks = state_attr('sensor.charlotte_sassen', 'weeks') %} 

              {% set days = state_attr('sensor.charlotte_sassen', 'daysW') %} 

              {{ years }} jaar, {% if months > 0 %}{{ months }} maanden, {%
              endif %}{% if weeks == 1 %}1 week{% elif weeks > 1 %}{{ weeks }}
              weken {% endif %} en {{ days }} dagen oud.<br>

              Nog {{ state_attr('sensor.charlotte_sassen',
              'days_until_birthday') }} dagen tot haar verjaardag.
          - type: markdown
            content: >+
              <h3 style="font-size: 5px">Julie Sassen</h3>

              {% set years = state_attr('sensor.julie_sassen', 'years') %}

              {% set months = state_attr('sensor.julie_sassen', 'months') %}

              {% set weeks = state_attr('sensor.julie_sassen', 'weeks') %}

              {% set days = state_attr('sensor.julie_sassen', 'daysW') %}

              {{ "" if years == 0 else years ~ " jaar" }}{{ "" if years == 0 or
              months == 0 and weeks == 0 and days == 0 else ", " }}{{ "" if
              months == 0 else months ~ " maand" }}{{ "" if months == 0 or weeks
              == 0 and days == 0 else ", " }}{{ "" if weeks == 0 else weeks ~ "
              week" }}{{ "" if weeks == 0 or days == 0 else " en " ~ days ~ "
              dag" }} oud.<br>

              Nog {{ state_attr('sensor.julie_sassen', 'days_until_birthday') }}
              dagen tot haar verjaardag.

          - type: markdown
            content: >
              <h3 style="font-size: 5px">{{
              state_attr('sensor.volgende_verjaardag', 'wie') }}</h3><br>
               wordt {{ state_attr('sensor.volgende_verjaardag', 'leeftijd') }} jaar oud.
      - camera_view: live
        type: picture-glance
        title: Kitchen
        entities:
          - sensor.hourly_energy
          - sensor.pregnancy_days_left
        camera_image: camera.03cabcc9_ring_mqtt
      - type: custom:clock-weather-card
        entity: weather.huis
        title: Home
        sun_entity: sun.sun
        weather_icon_type: line
        animated_icon: true
        forecast_days: 5
        locale: en
        time_format: 24
        date_pattern: P
        hide_today_section: false
        hide_forecast_section: false
      - type: custom:plotly-graph
        entities:
          - entity: sensor.olivier_mob_battery_level
          - entity: sensor.sm_g981b_battery_level
        hours_to_show: 24
        refresh_interval: 10
      - type: markdown
        content: >2
            <h3 style="font-size: 5px">Olivier Sassen</h2>
          {% set years = state_attr('sensor.olivier_sassen', 'years') %}

          {% set months = state_attr('sensor.olivier_sassen', 'months') %}

          {% set weeks = state_attr('sensor.olivier_sassen', 'weeks') %}

          {% set days = state_attr('sensor.olivier_sassen', 'daysW') %}


          {% if years == 1 %}{{ years }} jaar {% elif years > 1 %}{{ years }}
          jaren {% endif %}{% if months == 1 %}{{ months }} maand {% elif months
          > 1 %}{{ months }} maanden {% endif %}{% if weeks == 1 %}{{ weeks }}
          week {% elif weeks > 1 %}{{ weeks }} weken {% endif %}{% if days == 1
          %}{{ days }} dag {% elif days > 1 %}{{ days }} dagen {% endif %} oud,

          nog {{ state_attr('sensor.olivier_sassen', 'days_until_birthday') }}
          dagen tot zijn verjaardag.
  - title: Sharon
    path: sharon
    icon: ''
    badges: []
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            cards:
              - type: button
                tap_action:
                  action: call-service
                  service: rest_command.assistant_relay
                  service_data:
                    command: stofzuig de keuken
                  target: {}
                name: Keuken stofzuigen
                icon: mdi:robot-vacuum-variant
              - type: button
                tap_action:
                  action: call-service
                  service: rest_command.assistant_relay
                  service_data:
                    command: stofzuig de zitkamer
                  target: {}
                name: Zitkamer stofzuigen
                icon: mdi:robot-vacuum-variant
              - type: button
                tap_action:
                  action: call-service
                  service: rest_command.assistant_relay
                  service_data:
                    command: Stofzuig de slaapkamer
                  target: {}
                name: Slaapkamer stofzuigen
                icon: mdi:robot-vacuum-variant
              - type: button
                tap_action:
                  action: call-service
                  service: rest_command.assistant_relay
                  service_data:
                    command: Stofzuig de studeerkamer
                  target: {}
                name: Studeerkamer stofzuigen
                icon: mdi:robot-vacuum-variant
              - type: button
                tap_action:
                  action: call-service
                  service: rest_command.assistant_relay
                  service_data:
                    command: Dock Sharon
                  target: {}
                name: Dock Sharon
                icon: mdi:robot-vacuum-variant
          - type: button
            tap_action:
              action: navigate
              navigation_path: http://192.168.86.33:8123/lovelace/Sasman_home
            hold_action:
              action: navigate
              navigation_path: http://192.168.86.33:8123/lovelace/Sasman_home
            name: Home
            icon: mdi:home
  - path: default_view
    title: Home
    cards:
      - type: entities
        entities:
          - light.woonkamer_1
          - light.zithoek_r
          - light.zithoek_l
        title: A Woonkamer
      - type: entities
        entities:
          - sensor.beweging_light_level
          - sensor.beweging_temperature
          - binary_sensor.beweging_motion
          - entity: light.badkamer_1
            name: '1'
          - entity: light.badkamer_2
            name: '2'
        title: Badkamer
      - type: entities
        entities:
          - entity: light.gang_l
            name: L
          - entity: light.gang_r
            name: R
        title: Gang
      - type: entities
        entities:
          - entity: light.keuken_r
            name: R
          - entity: light.keuken_l
            name: L
          - entity: light.keuken_disco
            name: Disco
        title: Keuken
      - type: entities
        entities:
          - entity: light.slaapkamer_1
            name: '1'
        title: Slaapkamer
      - type: entities
        entities:
          - light.studeer_1
        title: Studeerkamer
      - type: entities
        entities:
          - sensor.hacs
          - sensor.onhub_b_sent_2
          - sensor.onhub_packets_received_2
          - sensor.onhub_packets_sent_2
          - sensor.onhub_kib_s_received_2
          - sensor.onhub_kib_s_sent_2
          - sensor.onhub_packets_s_received_2
          - sensor.onhub_packets_s_sent_2
          - sensor.onhub_b_received_2
          - light.kerstlamp
        title: Woonkamer
      - type: media-control
        entity: media_player.dikke_bmw
      - type: media-control
        entity: media_player.bitch
      - type: entities
        entities:
          - binary_sensor.badkamer_motion
          - binary_sensor.rpi_power_status
          - binary_sensor.sharon_bin_full
          - binary_sensor.updater
        title: Binary sensor
      - type: entities
        entities:
          - input_boolean.badkamer_beweging
          - input_boolean.home
          - input_boolean.volume
          - input_boolean.bulp
          - input_boolean.irobot_keuken
        title: Input boolean
      - type: media-control
        entity: media_player.a_woonkamer_tv
      - type: media-control
        entity: media_player.mi_smart_speaker5884
      - type: media-control
        entity: media_player.dikke_bmw_en_1
      - type: media-control
        entity: media_player.dikke_bmw_en_1_2
      - type: media-control
        entity: media_player.home_group
      - type: media-control
        entity: media_player.sasman_tv
      - type: entities
        entities:
          - person.olivier
        title: Person
      - type: entities
        entities:
          - scene.avond
          - scene.away
          - scene.thuis
          - scene.rood
        title: Scene
      - type: entities
        entities:
          - script.onderweg
          - script.thuis_scr
          - script.rood_scr
          - script.scrip_avond
          - script.turn_on_the_lights_after
        title: Script
      - type: entities
        entities:
          - sensor.mqtt_sensor
          - sensor.onhub_b_received
          - sensor.onhub_b_sent
          - sensor.onhub_kib_s_received
          - sensor.onhub_kib_s_sent
          - sensor.onhub_packets_received
          - sensor.onhub_packets_sent
          - sensor.onhub_packets_s_received
          - sensor.onhub_packets_s_sent
        title: Sensor
      - type: entities
        entities:
          - sun.sun
        title: Sun
      - type: entities
        entities:
          - vacuum.sharon
        title: vacuum
      - type: weather-forecast
        entity: weather.huis
        show_forecast: false
  - theme: Backend-selected
    title: Map
    path: Map
    icon: mdi:map-marker-radius
    badges: []
    cards:
      - type: map
        entities:
          - entity: device_tracker.sm_a415f
          - entity: device_tracker.sm_a415f
        title: map
        dark_mode: true
  - theme: Backend-selected
    title: Sonos
    path: sonos
    icon: ''
    type: panel
    badges: []
    cards:
      - type: custom:custom-sonos-card
  - theme: Backend-selected
    title: Mobiel
    path: mobiel
    type: panel
    badges: []
    cards:
      - type: custom:plotly-graph
        entities:
          - entity: sensor.olivier_mob_battery_level
          - entity: sensor.sm_g981b_battery_level
        hours_to_show: 24
        refresh_interval: 10