home.yaml

# lovelace_gen

theme: {{_global.tablet.settings.theme}}
title: {{_global.tablet.startPage.title}}
path: home
icon: {{_global.tablet.startPage.icon}}
type: custom:ha-dashboard
usePanel: true
style: !include ../templates/sidebar/styles/styles.yaml
sidebar: 
  stickyCards:
    - type: custom:digital-clock
      locale: sv
  cards: !include ../templates/sidebar/menu.yaml
      
cards:
  - type: custom:layout-card
    layout_type: custom:horizontal-layout
    layout:
      max_width: 1000
      width: 300
      max_cols: {{ _global.tablet.startPage.max_columns }}
    cards:
      {% for part in _global.tablet.startPage.parts|sort(attribute='sortOrder') %}
        {% if part.type == 'sensors' %}
      - type: custom:layout-card
        layout_type: custom:{{part.display_type}}-layout
        layout:
          max_cols: {{part.min_width}}
          width: {{part.min_width}}
          max_width: {{part.max_width}}
        view_layout:
          column: {{part.column}}
          {% if part.hideOnMobile %}
          show:
            mediaquery: "(min-width: 480px)"
          {% endif %}        
        cards: !include 
            - ../templates/partials/home/sensors.yaml
            - entities: {{(part.entities|tojson)}}
        {% endif %}
        {% if part.type == 'weather' %}
      - type: custom:layout-card
        layout_type: custom:{{part.display_type}}-layout
        layout:
          max_cols: {{part.max_columns}}
          width: {{part.min_width}}
          max_width: {{part.max_width}}
        view_layout:
          column: {{part.column}}
          {% if part.hideOnMobile %}
          show:
            mediaquery: "(min-width: 480px)"
          {% endif %}        
        cards: !include 
            - ../templates/partials/home/weather.yaml
            - entities: {{(part.entities|tojson)}}
        {% endif %}
        {% if part.type == 'cameras' %}
      - type: custom:layout-card
        layout_type: custom:{{part.display_type}}-layout
        layout:
          max_cols: {{part.max_columns}}
          width: {{part.min_width}}
          max_width: {{part.max_width}}
        view_layout:
          column: {{part.column}}
          {% if part.hideOnMobile %}
          show:
            mediaquery: "(min-width: 480px)"
          {% endif %}        
        cards: !include 
            - ../templates/partials/home/cameras.yaml
            - entities: {{(part.entities|tojson)}}
        {% endif %}
        {% if part.type == 'charts' %}
      - type: custom:layout-card
        layout_type: custom:{{part.display_type}}-layout
        layout:
          max_cols: {{part.max_columns}}
          width: {{part.min_width}}
          max_width: {{part.max_width}}
        view_layout:
          column: {{part.column}}
          {% if part.hideOnMobile %}
          show:
            mediaquery: "(min-width: 480px)"
          {% endif %}        
        cards: !include 
            - ../templates/partials/home/charts.yaml
            - entities: {{(part.entities|tojson)}}
        {% endif %}
        {% if part.type == 'entities' %}
      - type: custom:layout-card
        layout_type: custom:{{part.display_type}}-layout
        layout:
          max_cols: {{part.max_columns}}
          width: {{part.min_width}}
          max_width: {{part.max_width}}
        view_layout:
          column: {{part.column}}
          {% if part.hideOnMobile %}
          show:
            mediaquery: "(min-width: 480px)"
          {% endif %}        
        cards: !include 
            - ../templates/partials/home/entities.yaml
            - entities: {{(part.entities|tojson)}}
        {% endif %}

      {% endfor %}