DD - Automatic area-based dashboard for desktop, tablet and mobile - V3.7.0

danigarcia · February 27, 2020, 11:18am

Hello,

First of all congratulations on such an amazing theme, it has been love at first sight. I am running latest version 1.2.0 with latest HASS 0.106 under the latest iOS HomeAssistant app on an iPhone 8.

I don’t know if it is only my problem but headers are not loaded much of the times (tried with latest HomeAssistant App). Usually it gets like on the first picture and when I click on the door and close the window it displays correctly (like on the second picture).

Appart from that, on iPhone 8 the last icon on the footer is cut, same as movement sensor, see picture:

Did I do anything wrong on the setup?

Thank you so much for your time.

dwains · February 27, 2020, 11:37am

This is an problem I’m aware of. Need to look into this, didn’t find out why its causing this atm.

I don’t have any iPhone 7 or 8 here, but I tested it in a iPhone 8 simulator and here is the footer working, so not sure whats the problem there. The problem with the sensor is known because normally there can be 3 items there so the text of the movement name is too long so its hides the rest of the text.

danigarcia · February 27, 2020, 11:50am

Hello,

Thank you for your quick response. I’ve tried now in 2 different iPhone 8, both in the app and in Chrome and Safari, same problem everywhere…

Later on I’ll try to take a look at the styles to see if I can fix it…

Thank you!

perevers · February 27, 2020, 12:13pm

For me on a iphone 11, its much better to open HA with a browser, then it’s working perfectly. I also had some errors when opening HA with the app

perevers · February 27, 2020, 2:18pm

Im trying to add 1 of my google calenders, but am strugling a little.
When checking under Developer Tool > states i can see a entity: calender.contacts.
Tried adding that in the house_information.yaml file under calender, but nothing shows.
Anyone been lucke to ad a google calender? All i want for now is to show the next upcoming birthday

dwains · February 27, 2020, 2:19pm

I use a google calendar myself so that works. Keep in mind it only shows activities for the next 3 or 4 days I believe (need to check) So place a test item tomorrow in your calendar. If still nothing shows up please post your house_information.yaml here

perevers · February 27, 2020, 2:26pm

Have an all day birthday entry tomorrow, so it sgould be visable. Here is my yaml file
#house_information:

  # favorites:
  #   - entity: binary_sensor.doorbell_button
  #     icon_on: fas:bell
  #     icon_off: fas:bell
  #   - entity: binary_sensor.hallway_door_contact
  #     icon_on: fas:door-open
  #     icon_off: fas:door-closed

 #calendar:
 #  - calendar.trash
  - calendar.contacts

adamlaakso1 · February 27, 2020, 2:29pm

Don’t you have to remove the # in front off #calendar?

calendar:
- calendar.contacts

perevers · February 27, 2020, 2:42pm

Tried that, but no luck.
File looks like this now:

house_information:
  # favorites:
  #   - entity: binary_sensor.doorbell_button
  #     icon_on: fas:bell
  #     icon_off: fas:bell
  #   - entity: binary_sensor.hallway_door_contact
  #     icon_on: fas:door-open
  #     icon_off: fas:door-closed

calendar:
 #  - calendar.trash
  - calendar.contacts

adamlaakso1 · February 27, 2020, 3:33pm

I’m not sure if you need to restart HA? I don’t use contacts calendar but I do use a few other Google calendars and it works without any problem

dwains · February 27, 2020, 3:54pm

I see what you did wrong there, but the important thing you need to see it yourself Maybe if you check the documentation house_information.yaml example you see what’s wrong in your code https://dwainscheeren.github.io/lovelace-dwains-theme/configuration/house_information.html#house-information-example

perevers · February 27, 2020, 4:12pm

ahh, found the problem. thanks for making me look spacing was the problem.

house_information:
  calendar:
    - calendar.contacts

dwains · February 27, 2020, 9:06pm

Awesome glad its working now

dmoses1969 · February 28, 2020, 12:00am

Anyone know which file needs to be edited to remove the Scenes/Camera tabs on the bottom bar? I don’t have any scenes or cameras connected to HA.

Nevermind, I found it. dwains-theme/plugins/custom_header/ configuration.yaml
Thanks

juan11perez · February 28, 2020, 8:41am

Good day, would you mind sharing a section of your system tab conf.
For instance the HACS button/notification. Thank you

dwains · February 28, 2020, 9:24am

Jup, correct one. I’m working on a function for in a next to release to set your own tabs in the menu. Also a option to add own complete views to the menu (like it’s normally works in lovelace). So maybe a nice solution for people who want to still have some own tabs/views.

thundergreen · February 28, 2020, 11:39am

He’s mate of he be frontend Lovelace solution on this project I was wondering if you work on vacuum integration… you know it won’t work without a script or something… I did not try as I was thinking u might wanna fix this by yourself ? Using valetudo on rooted vacuum… Like you I guess ?

Is it actually possible to use rss somehow ?

dwains · February 28, 2020, 12:41pm

Not sure what you mean, but you can control the vacuum on the vacuum page. The map will only won’t show up if you don’t have a rooted roborock.

You can make an addon for it.

TTT · February 28, 2020, 1:48pm

I get the following error when completing installation (exactly as indicated) when I go to check config / restart Homeassistant.

Package dwains_theme_configuration setup failed. Component frontend has duplicate key 'primary-font-family'

mase · February 28, 2020, 2:01pm

- type: custom:mod-card
  style: |
    ha-card {
      padding: 0px 8px 20px 8px;
    }
  card:
    type: vertical-stack
    cards:
      - type: markdown
        style: |
          ha-card {
            box-shadow: none;
            background: none;
            color: var(--dwains-theme-grey);
            font-weight: bold;
            font-size: 14px;
          }
          .markdown {
            padding: 0px 16px 0px 16px;
          }
        content: "System"
      - type: custom:button-card
        template: room_device
        name: Hass.io
        icon: fas:home
        #color: var(--dwains-theme-grey)
        entity: binary_sensor.updater
        show_last_changed: false
        tap_action:
          haptic: light
          action: navigate
          navigation_path: /hassio
        styles:
          img_cell:
            - width: 45px
            - height: 45px
            - background: var(--dwains-theme-background)
            - color: white
            - border-radius: 100%
        state:
          - value: 'on'
            styles:
              icon:
                - color: var(--dwains-theme-accent)
          - value: 'off'
            styles:
              icon:
                - color: var(--dwains-theme-grey)
          - value: 'unavailable'
            styles:
              icon:
                - color: var(--dwains-theme-grey)
      - type: custom:button-card
        template: room_device
        name: HACS
        icon: fas:store-alt
        entity: sensor.hacs
        show_last_changed: false
        tap_action:
          haptic: light
          action: navigate
          navigation_path: /hacs
        styles:
          img_cell:
            - width: 45px
            - height: 45px
            - background: var(--dwains-theme-background)
            - color: white
            - border-radius: 100%
        state:
          - value: '0'
            styles:
              icon:
                - color: var(--dwains-theme-grey)
          - value: '1'
            styles:
              icon:
                - color: var(--dwains-theme-accent)
      - type: custom:button-card
        template: room_device
        name: Pi-hole
        icon: mdi:pi-hole
        color: var(--dwains-theme-accent)
        entity: sensor.pi_hole_ads_percentage_blocked_today
        show_last_changed: false
        show_state: false
        show_label: true
        label: '[[[ return entity.state + "% blocked today" ]]]'
        tap_action:
          haptic: light
          action: more-info
          #action: navigate
          #navigation_path: /a0d7b954_pi-hole
        styles:
          grid:
            - grid-template-areas: '"i n""i l"'
          label:
            - font-size: 13px
          img_cell:
            - width: 45px
            - height: 45px
            - background: var(--dwains-theme-background)
            - color: white
            - border-radius: 100%
      - type: markdown
        style: |
          ha-card {
            box-shadow: none;
            background: none;
            color: var(--dwains-theme-grey);
            font-weight: bold;
            font-size: 14px;
          }
          .markdown {
            padding: 0px 16px 0px 16px;
          }
        content: "Automations"
      - type: horizontal-stack
        cards:
          - type: custom:button-card
            template: system_automation
            name: Enter Home
            entity: automation.lights_home
            icon: fas:door-open
          - type: custom:button-card
            template: system_automation
            name: Leave Home
            entity: automation.leave_home
            icon: fas:door-closed