02_temperature.yaml

  - title: temperature
    icon: 'mdi:thermometer'
    path: temperature
    cards:
      - cards:
          - cards:
              - template: bordures
                type: 'custom:button-card'
              - template: return_button
                type: 'custom:button-card'
              - template: pilule_temperature
                type: 'custom:button-card'
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack
          - type: 'custom:button-card'
            name: Températures
            template: titre
          - cards:
              - template: bordures
                type: 'custom:button-card'
              - type: weather-forecast
                style: |
                  ha-card {
                    box-shadow: var(--box-shadow);
                    border-radius: 20px;
                    padding: 12px !important;
                  }
                  .icon-image{
                    min-width: 42px !important;
                    margin-right: 12px !important;
                  }
                  .icon-image > *{
                    height: 42px !important;
                    width: 42px;
                    flex: 0 0 42px !important;
                  }
                  .state {
                    font-size: 14px !important;
                    font-weight: bold;
                  }
                  .name{
                    font-weight: bolder;
                    font-size: 12px !important;
                    filter: opacity(40%);
                    color: #333333 !important;
                  }
                  .temp{
                    font-size: 14px !important;
                    font-weight: bold;
                    margin-right: 14px !important;
                  }
                  .attribute{
                    font-size: 12px !important;
                    font-weight: bolder;
                    filter: opacity(40%);
                    color: #333333 !important;
                  }
                  span{
                    font-size: 14px !important;
                    font-weight: bold;
                  }
                entity: weather.dark_sky
                show_forecast : false
                name: Toulouse
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack
          - type: 'custom:button-card'
            label: 'Intérieur'
            template: titre

          - cards:
              - template: bordures
                type: 'custom:button-card'
              - type: grid
                columns: 2
                square: false
                cards:
                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.fibaro_multisensor_salon_temperature"
                      color: "var(--google-blue-500)"
                      name: "Température"
                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.fibaro_multisensor_salon_luminosite"
                      color: "var(--google-blue-500)"
                      name: "Luminosité"
                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.xiaomi_multisensor_salon_humidite"
                      color: "var(--google-blue-500)"
                      name: "Humidité"

                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.xiaomi_multisensor_salon_pression"
                      color: "var(--google-blue-500)"
                      name: "Pression"
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack

          - type: 'custom:button-card'
            label: 'Extérieur'
            template: titre

          - cards:
              - template: bordures
                type: 'custom:button-card'
              - type: grid
                columns: 2
                square: false
                cards:
                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.fibaro_multisensor_balcon_temperature"
                      color: "var(--google-green-500)"
                      name: "Température"

                  - type: 'custom:button-card'
                    template: graph
                    variables:
                      entity: "sensor.fibaro_multisensor_balcon_luminosite"
                      color: "var(--google-green-500)"
                      name: "Luminosité"
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack

          - type: 'custom:button-card'
            name: Thermostat
            template: titre
          - cards:
              - template: bordures
                type: 'custom:button-card'
              - type: 'custom:button-card'
                styles:
                  card:
                    - border-radius: 20px
                    - box-shadow: var(--box-shadow)
                    - padding: 0px
                  grid:
                    - grid-template-areas: '"item1" "item2"'
                    - grid-template-columns: 1fr
                    - grid-template-rows: min-content  min-content
                    - row-gap: 12px
                custom_fields:
                  item1:
                    card:
                      entity: sensor.fibaro_multisensor_salon_temperature
                      name: Température
                      template:
                        - icon_info
                        - generique
                      styles:
                        card:
                          - margin-left: 12px
                          - margin-top: 12px
                      type: 'custom:button-card'
                  item2:
                    card:
                      type: 'custom:mini-graph-card'
                      name: Appartement
                      hours_to_show: 24
                      points_per_hour: 60
                      height: 150
                      tap_action:
                        action: more-info
                        entity: climate.thermostat
                      hour24: true
                      show:
                        name: false
                        icon: false
                        legend: false
                        state: false
                      entities:
                        - entity: sensor.fibaro_multisensor_salon_temperature
                          name: Intérieure
                          show_fill: true
                        - entity: sensor.climate_temperature_cible
                          name: Cible
                          show_fill: false
                        - entity: sensor.climate_temperature_heating
                          name: Chauffe
                          show_fill: true
                          show_line: false
                          show_points: false
                      line_color:
                        - var(--google-blue-500)
                        - var(--google-red-500)
                        - var(--google-red-500)
                      line_width: 2
                      style: |
                        ha-card {
                          box-shadow: none;
                          border-radius: var(--border-radius);
                        }
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack

          - cards:
              - template: bordures
                type: 'custom:button-card'
              - entity: climate.thermostat
                tap_action:
                    action: more-info
                    entity: group.thermostat_detail
                template:
                  - icon_info_bg
                  - thermostat
                type: 'custom:button-card'
              - entity: light.qubino
                template:
                  - icon_info_bg
                  - qubino
                type: 'custom:button-card'
              - template: bordures
                type: 'custom:button-card'
            type: horizontal-stack
        type: vertical-stack