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

Mike_D · March 3, 2020, 12:30pm

I’m not 100%, I think i’m using a persons addon. Here is what I have.

persons.yaml

persons: 
  - name: Mike
    track: person.mike
    picture_path: 'images/persons/mike.jpg'
    addons:
      - name: Mobile info
        icon: fas:mobile
        path: 'dwains-theme/addons/persons/mike/page.yaml'

page.yaml

- type: custom:mod-card
  style: |
    ha-card {
      padding: 0px 8px 20px 8px;
    }
  card:
    type: vertical-stack
    cards:
      - type: horizontal-stack
        cards:
          - template: room_device
            type: custom:button-card
            entity: sensor.mikes_phone_battery_level
            show_last_changed: false
          - template: room_device
            type: custom:button-card
            entity: sensor.mikes_phone_battery_state
            show_last_changed: false
          - template: room_device
            type: custom:button-card
            entity: sensor.mikes_phone_wifi
            show_last_changed: false
          - template: room_device
            type: custom:button-card
            entity: sensor.mikes_phone_location
            show_last_changed: false

Mike_D · March 3, 2020, 12:47pm

Ok. I switched from addon to page_entities. Thanks for the help and the awesome theme.

Mike

Nilskilz · March 3, 2020, 1:11pm

Anyone know what i’m doing wrong to get the below results?

This is a fresh install of the theme, on HA 0.106.4

r1kkie · March 3, 2020, 1:15pm

I can see in your config files that you use custom:cover-slider-card, what card is that? I cant find anything about it when I serch on the web?

Mike_D · March 3, 2020, 1:39pm

On a side note (not sure I want to do this yet) but is there a way to remove the map all together from the persons section?

dwains · March 3, 2020, 4:46pm

From version 1.2.0 and on, you don’t need an addon for the person page like you want.
You can do it with persons.yaml like this:

persons: 
  - name: Dwain
    track: person.dwain
    picture_path: 'images/persons/dwain.jpg'
    #show_map: 'false' #Map is enabled by default, uncomment this line to disable the map
    page_entities:
      columns: 2 #optional number of columns I recomend 1, 2 or 3 (default is 2)
      entities:
        - entity: sensor.mikes_phone_battery_level
        - entity: sensor.mikes_phone_battery_state
        - entity: sensor.mikes_phone_wifi
        - entity: sensor.mikes_phone_location

dwains · March 3, 2020, 4:47pm

Try updating your button card plugin in HACS or re-install it.

dwains · March 3, 2020, 4:47pm

It’s a custom card I made myself its located in www/dwains-theme/plugins not in HACS

dmoses1969 · March 3, 2020, 6:40pm

How did you make the Battery, Charging, Wifi, Location cards smaller?

Mike_D · March 3, 2020, 6:51pm

Pretty sure it’s 4 columns vs 2. The cards are smaller to fit 4 across the row.

mase · March 3, 2020, 10:44pm

add show_map: 'false' to your persons.yaml

Mike_D · March 3, 2020, 11:19pm

I should rtfm, I see it in the docs now.

dmoses1969 · March 4, 2020, 1:21am

Installed the new Coronavirus Integration and used the Dynamic Page for this.

Darbos · March 4, 2020, 3:56am

Can you sbare you code? Nice job

dmoses1969 · March 4, 2020, 5:15am

Here you go,
I installed the Coronavirus Integration for U.S. and Worldwide. Put the code below in config\dwains-theme\addons\dynamic_page\hello-dynamic-page\page.yaml file. For the icon on the dock I used mdi:scull-crossbones in my config\dwains-theme\config\dyanmic_page.yaml

# dwains_theme

- type: custom:mod-card
  style: |
    ha-card {
      padding: 0px 8px 20px 8px;
    }
  card:
    type: vertical-stack
    cards:
      - type: picture
        image: 'https://www.dshs.state.tx.us/uploadedImages/Content/Consumer_and_External_Affairs/coronavirus/banner.png'
        tap_action:
          action: url
          url_path: 'https://www.arcgis.com/apps/opsdashboard/index.html#/bda7594740fd40299423467b48e9ecf6'

      - type: entities
              - type: entities
        style: |
          ha-card {
            background-color: var(--dwains-theme-primary);
            border-radius: 100px
            font-weight: bold;
            font-size: 14px;
            overflow: hidden;
            width: 100%;
            height: 75%;
            margin: 0 auto;
            padding-top: 0px;
          }
        title: United States Cases
        show_header_toggle: false
        entities:
          - entity: sensor.us_confirmed
            icon: 'mdi:emoticon-neutral-outline'
            name: Confirmed
          - entity: sensor.us_current
            icon: 'mdi:emoticon-frown-outline'
            name: Current
          - entity: sensor.us_recovered
            icon: 'mdi:emoticon-happy-outline'
            name: Recovered
          - entity: sensor.us_deaths
            icon: 'mdi:emoticon-dead-outline'
            name: Deaths
    
      - type: entities
              - type: entities
        style: |
          ha-card {
            background-color: var(--dwains-theme-primary);
            border-radius: 100px
            font-weight: bold;
            font-size: 14px;
            overflow: hidden;
            width: 100%;
            height: 75%;
            margin: 0 auto;
            padding-top: 0px;
          }
        title: World Wide Cases
        show_header_toggle: false
        entities:
          - entity: sensor.worldwide_confirmed
            icon: 'mdi:emoticon-neutral-outline'
            name: Confirmed
          - entity: sensor.worldwide_current
            icon: 'mdi:emoticon-frown-outline'
            name: Current
          - entity: sensor.worldwide_recovered
            icon: 'mdi:emoticon-happy-outline'
            name: Recovered
          - entity: sensor.worldwide_deaths
            icon: 'mdi:emoticon-dead-outline'
            name: Deaths

dwains · March 4, 2020, 8:20am

I also typed a complete example for you 5 posts above your post… Dwains Dashboard - 1 CLICK install Dashboard for desktop, tablet and mobile - V3.1.0 - #417 by dwains

Mike_D · March 4, 2020, 11:28am

Lol, sorry I didn’t notice this line in your example. I thought you were just answering the part about moving the items up above the map. Again, I should read more thoroughly.

#show_map: ‘false’ #Map is enabled by default, uncomment this line to disable the map

dwains · March 4, 2020, 3:16pm

Yeah haha no problem. A lot of things are in the documentation so, but you are not the only one asking questions which are in the documentation

Darbos · March 5, 2020, 1:26am

Thank you!!

Cornflake · March 5, 2020, 7:12am

Hi this is excellent I just had a few issues implementing the page.yaml file you have shown here.
I needed to remove the second
“- type: entities” in both cases in the yaml.

Thank you again