Cannot get Floorplan to show

Configuration
1

So have tried several things to get floorplan to show and at first, just wanted to use the examples built in. My main config looks like:

# Configure a default setup of Home Assistant (frontend, api, etc)
default_config:

# Uncomment this if you are using SSL/TLS, running in Docker container, etc.
http:
  base_url: https://xxxxx.duckdns.org
  ssl_certificate: /ssl/fullchain.pem
  ssl_key: /ssl/privkey.pem

#ring:
#username: !secret ringu
#password: !secret ringp

ffmpeg:

stream:

# Sensors
sensor:
  # Weather prediction
  - platform: yr
  # - platform: ring
  #   scan_interval: 60
  - platform: aarlo
    monitored_conditions:
    - last_capture
    - total_cameras
    - battery_level
    - captured_today
    - signal_strength

light:
  - platform: mqtt
    command_topic: 'light/double_garage'
    name: Double Garage
    optimistic: true
    
switch:
  - platform: mqtt
    name: Living Area Fan
    command_topic: 'switch/living_area_fan'
    optimistic: true
    retain: false

# Text to speech
tts:
  - platform: google_translate

#secrets: !include secrets.yaml

# Enables the frontend
frontend:
  themes: !include themes.yaml
  extra_html_url:
    - /local/custom_ui/state-card-floorplan.html
  resources:
    - type: module
    - url: /local/battery-entity.js?v=0.2
#    - critical
#    - warning

panel_custom:
  - name: floorplan
    sidebar_title: Floorplan
    sidebar_icon: mdi:home
    url_path: floorplan
    config: !include floorplan.yaml

binary_sensor:
  - platform: mqtt
    state_topic: dummy/floorplan/sensor
    name: Floorplan

  # - platform: ring
  #   scan_interval: 60
  - platform: aarlo
    monitored_conditions:
    - motion
#   - sound
#   - ding

homeassistant:
  customize:    
    binary_sensor.floorplan:
      custom_ui_state_card: state-card-floorplan
      config: !include floorplan.yaml
      
# camera: !include camera.yaml
group: !include groups.yaml
#automation: !include automations.yaml
script: !include scripts.yaml
#customize: !include customize.yaml
#panel_custom: !include panel_custom.yaml
#binary_sensors: !include binary_sensors.yaml

hacs:
  token: 0a34b727ce9ae4eb4574e31207f0b3621884cde5

aarlo:
  username: !secret arlo_username
  password: !secret arlo_password
  packet_dump: True
  db_motion_time: 30
  db_ding_time: 10
  recent_time: 10
  last_format: '%m-%d %H:%M'
  conf_dir: /config/.aarlo
  no_media_upload: True
  mode_api: auto
  refresh_devices_every: 0
  http_connections: 5
  http_max_size: 10

camera:
  - platform: ring
    ffmpeg_arguments: '-pred 1 -q:v 2'
  - platform: aarlo
    ffmpeg_arguments: '-pred 1 -q:v 2'
#  - platform: generic
#    still_image_url: http://192.168.1.71/IMAGE.JPG?cidx=1612157614
  - platform: generic
    name: New York Broadway
    still_image_url: 'http://archives.earthcam.com/archives5/ecnetwork/us/ny/nyc/tsmpr/archive10/live2.jpg'

As you can see in these screenshots, I have all of the files in place where I thought they should be.Capture

Capture

Where am I going wrong with this? Have watched Dr. Z’s video and looked at the github repo and while I initially wanted to do as a panel, tried with lovelace card to without any luck.

2

Anything more I can add to get some ideas on this?

Much appreciated.

3

Posting links to the sources cited (‘examples built in’, ‘Dr. Z’s video’, ‘github repo’) is often helpful, as well as the version and ‘type’ of Home Assistant installation (Hass.io, Hassbian, etc. [which is admittedly confusing]).

But what you did post is probably the most helpful: I’m not seeing any references to those .js files in your config. Are they in floorplan.yaml?