floorplan-portrait.yaml

name: Floorplan
image: /local/custom_ui/floorplan/floorplan-portrait.svg
stylesheet: /local/custom_ui/floorplan/floorplan.css

# These options are optional
# warnings:                  # enable warnings (to find out why things might ot be working correctly)
# pan_zoom:                  # enable experimental panning / zooming
hide_app_toolbar:          # hide the application toolbar (when used as a custom panel)
date_format: DD-MMM-YYYY   # Date format to use in hover-over text

# last_motion_entity: sensor.template_last_motion
#last_motion_class: last-motion

groups:

  #- name: Sensors
  #  entities:
  #     -  sensor.dark_sky_temperature
    #text_template: '${entity.state ? entity.state : "unknown"}'
    # An example of rounding up a number, i.e. a temperature of 90.1 becomes 91
  #  text_template: '${entity.state ? Math.ceil(entity.state) : "undefined"}'
  #  class_template: '
  #    var temp = parseFloat(entity.state.replace("°", ""));
  #    if (temp < 10)
  #      return "temp-low";
  #    else if (temp < 30)
  #      return "temp-medium";
  #    else
  #      return "temp-high";
  #    '

  - name: Lights
    entities:
       - light.kitchen
       - light.paperlight
       - light.desk
       - light.yellow_light
       - light.big_light
       - light.hallway
    states:
      - state: 'on'
        class: 'light-on'
      - state: 'off'
        class: 'light-off'
    action:
      domain: homeassistant   # This optional parameter allows you to use other services such as homeassistant.toggle like here.
      service: toggle

  - name: Media Players
    entities:
       - media_player.speaker
    states:
      - state: 'off'
        class: 'squeezebox-off'
      - state: 'idle'
        class: 'squeezebox-off'
      - state: 'paused'
        class: 'squeezebox-off'
      - state: 'playing'
        class: 'squeezebox-on'
    action:
      domain: homeassistant   # This optional parameter allows you to use other services such as homeassistant.toggle like here.
      service: toggle

  - name: Rooms
    entities:
       - group.kitchen
       - group.hallway
       - group.living_room
       - group.bed_room
    states:
      - state: 'on'
        class: 'group-on'
      - state: 'off'
        class: 'group-off'
    action:
      domain: homeassistant   # This optional parameter allows you to use other services such as homeassistant.toggle like here.
      service: toggle

  #- name: Switches
  #  entities:
  #     - switch.doorbell
  #  states:
  #    - state: 'on'
  #      class: 'doorbell-on'
  #    - state: 'off'
  #      class: 'doorbell-off'

  #- name: NVR
  #  entities:
  #     - binary_sensor.blue_iris_nvr
  #  text_template: '${(entity.state === "on") ? "online" : "offline"}'
  #  states:
  #    - state: 'off'
  #      class: 'danger-text'
  #    - state: 'on'
  #      class: 'success-text'

  #- name: Alarm Panel
  #  entities:
  #     - alarm_control_panel.alarm
  #  states:
  #    - state: 'armed_away'
  #      class: 'alarm-armed'
  #    - state: 'armed_home'
  #      class: 'alarm-armed'
  #    - state: 'disarmed'
  #      class: 'alarm-disarmed'

  #- name: Binary sensors
  #  entities:
  #    - binary_sensor.front_hallway
  #    - binary_sensor.kitchen
  #    - binary_sensor.master_bedroom
  #    - binary_sensor.theatre_room
  #  states:
  #    - state: 'off'
  #      class: 'info-background'
  #    - state: 'on'
  #      class: 'warning-background'
  #  state_transitions:
  #    - name: On to off
  #      from_state: 'on'
  #      to_state: 'off'
  #      duration: 10

  #- name: Cameras
  #  entities:
  #    - camera.hallway
  #    - camera.driveway
  #    - camera.front_door
  #    - camera.backyard
  #  states:
  #    - state: 'idle'
  #      class: 'camera-idle'

#        - name: thermostat_temp
#          entities:
#            - climate.downstairs
#            - climate.upstairs
#          text_template: '${entity.attributes.current_temperature ? entity.attributes.current_temperature : "undefined"}'
#
# The above text_template uses extended attributes from the climate.* objects to get current temperature.

#        - name: text_states
#          entities:
#            - sensor.downstairs_thermostat_humidity
#            - sensor.dark_sky_temperature
#            - sensor.last_message
#          text_template: '${entity.state ? entity.state.replace(/\s{2,}/g,"") : "undefined"}'
#
# The above text_template uses jQuery syntax to search and replace any instance of 2 consecutive (or more) spaces in a string of text.