Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test lovelace 4.x

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Test lovelace 4.x

    This topic has been deleted. Only users with topic management privileges can see it.
    • David G.
      David G. @Garfonso last edited by David G.

      @garfonso
      @Dave69

      Habe mir jetzt selber die Wetterkarte mit den animierten Icons nachgebaut.
      Auf meinem Desktop sowie am Smartphone sieht alles ordentlich aus.

      Die Farben werden aus dem Theme geholt, sollte also auch überall passen.

      Animation.gif

      Installation:

      Den Ordner "wetter_animated" in den cards_Ordner von Lovelace kopieren.
      Ich habe es über den Filemanager vom iobroker gemacht. Man kann man allerdings keinen Ordner hochladen.
      Also erst den Ordner wetter_animated anlegen, dann kann man alle Bilder auf einmal hochladen.
      Zusätzlich gibt es noch einen Ordner "nicht_animiert". Wenn man keine bewegten Icons haben möchte den Inhalt von diesem Ordner in wetter_animated hochladen.

      icons.zip

      Die Werte für die Karte werden nicht vom Typedetector erkannt.
      Für Folgende Werte muss manuell in den Einstellungen des Datenpunktes Lovelace aktiviert werden:
      (Alle im Ordner Summary vom AccuWheater-Adapter)

      DayOfWeekd1-5
      HoursOfSun
      Pressure
      RelativeHumidity
      TempMax_d1-5
      TempMin_d1-5
      Temperature
      WeatherIcon
      WeatherIcon_d1-5
      WindDirectionStr
      Windspeed

      Ich habe überall den automatisch ausgewählten Typ und Namen gelassen, so sollte es bei jedem funktionieren.

      Wenn alles Erledigt ist noch folgende Karte in eurer Visualisierung einfügen:

      type: picture-elements
      elements:
       - type: image
         entity: input_text.Summary_WeatherIcon
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 12%
           left: 18%
           width: 25%
       - type: state-label
         entity: input_text.Summary_WeatherText
         tap_action:
           action: none
         style:
           top: 5%
           left: 26%
           font-size: 18px
           color: var(--secondary-text-color)
           transform: translate(0%, 0%)
       - type: state-label
         entity: input_text.Summary_Temperature
         tap_action:
           action: none
         style:
           top: 5%
           left: 88%
           font-size: 43px
           color: var(--primary-text-color)
           transform: translate(-100%, 0%)
       - type: custom:text-element
         text: °C
         style:
           top: 4%
           left: 87%
           font-size: 15px
           color: var(--secondary-text-color)
           transform: translate(0%,0%)
       - type: icon
         icon: mdi:weather-windy
         style:
           top: 32%
           left: 15%
           color: var(--paper-item-icon-color)
           '--mdc-icon-size': 22px
       - type: state-label
         entity: input_text.Summary_WindDirectionStr
         tap_action:
           action: none
         style:
           top: 30%
           left: 17%
           font-size: 12px
           color: var(--secondary-text-color)
           transform: translate(0%, -50%)
       - type: state-label
         entity: input_number.Summary_WindSpeed
         tap_action:
           action: none
         style:
           top: 35%
           left: 17%
           font-size: 12px
           color: var(--secondary-text-color)
           transform: translate(0%, -50%)
       - type: icon
         icon: mdi:white-balance-sunny
         style:
           top: 41%
           left: 41.5%
           color: var(--paper-item-icon-color)
           '--mdc-icon-size': 9%
       - type: state-label
         entity: sensor.Summary_HoursOfSun
         suffix: ' h'
         tap_action:
           action: none
         style:
           top: 42%
           left: 17%
           font-size: 12px
           color: var(--secondary-text-color)
           transform: translate(0%, -50%)
       - type: icon
         icon: mdi:water-percent
         style:
           top: 33%
           left: 76%
           color: var(--paper-item-icon-color)
           '--mdc-icon-size': 26%
       - type: state-label
         entity: input_number.Summary_RelativeHumidity
         tap_action:
           action: none
         style:
           top: 33%
           left: 70%
           font-size: 12px
           color: var(--secondary-text-color)
           transform: translate(0%, -50%)
       - type: icon
         icon: mdi:gauge
         style:
           top: 42%
           left: 76.5%
           color: var(--paper-item-icon-color)
           '--mdc-icon-size': 21%
       - type: state-label
         entity: input_number.Summary_Pressure
         tap_action:
           action: none
         style:
           top: 42.5%
           left: 70%
           font-size: 13px
           color: var(--secondary-text-color)
           position: absolute
           transform: translate(0%, -50%)
       - type: custom:text-element
         text: '|'
         style:
           top: 64%
           left: 23%
           font-size: 37px
           color: var(--secondary-text-color)
           transform: rotate(0.0turn) scale(0.5,2.8) translate(0%,0%)
       - type: state-label
         entity: input_text.Summary_DayOfWeek_d1
         tap_action:
           action: none
         style:
           top: 54%
           left: 15%
           font-size: 13px
           color: var(--primary-text-color)
       - type: image
         entity: input_text.Summary_WeatherIcon_d1
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 65%
           left: 15%
           width: 17%
       - type: state-label
         entity: input_number.Summary_TempMax_d1
         tap_action:
           action: none
         style:
           top: 79%
           left: 15%
           font-size: 12px
           color: var(--primary-text-color)
       - type: state-label
         entity: input_number.Summary_TempMin_d1
         tap_action:
           action: none
         style:
           top: 87%
           left: 15%
           font-size: 12px
           color: var(--secondary-text-color)
       - type: custom:text-element
         text: '|'
         style:
           top: 64%
           left: 40%
           font-size: 37px
           color: var(--secondary-text-color)
           transform: rotate(0.0turn) scale(0.5,2.8)
       - type: state-label
         entity: input_text.Summary_DayOfWeek_d2
         tap_action:
           action: none
         style:
           top: 54%
           left: 32.5%
           font-size: 13px
           color: var(--primary-text-color)
       - type: image
         entity: input_text.Summary_WeatherIcon_d2
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 65%
           left: 32.5%
           width: 17%
       - type: state-label
         entity: input_number.Summary_TempMax_d2
         tap_action:
           action: none
         style:
           top: 79%
           left: 32.5%
           font-size: 12px
           color: var(--primary-text-color)
       - type: state-label
         entity: input_number.Summary_TempMin_d2
         tap_action:
           action: none
         style:
           top: 87%
           left: 32.5%
           font-size: 12px
           color: var(--secondary-text-color)
       - type: custom:text-element
         text: '|'
         style:
           top: 64%
           left: 57.5%
           font-size: 37px
           color: var(--secondary-text-color)
           transform: rotate(0.0turn) scale(0.5,2.8)
       - type: state-label
         entity: input_text.Summary_DayOfWeek_d3
         tap_action:
           action: none
         style:
           top: 54%
           left: 50%
           font-size: 13px
           color: var(--primary-text-color)
       - type: image
         entity: input_text.Summary_WeatherIcon_d3
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 65%
           left: 50%
           width: 17%
       - type: state-label
         entity: input_number.Summary_TempMax_d3
         tap_action:
           action: none
         style:
           top: 79%
           left: 50%
           font-size: 12px
           color: var(--primary-text-color)
       - type: state-label
         entity: input_number.Summary_TempMin_d3
         tap_action:
           action: none
         style:
           top: 87%
           left: 50%
           font-size: 12px
           color: var(--secondary-text-color)
       - type: state-label
         entity: input_text.Summary_DayOfWeek_d4
         tap_action:
           action: none
         style:
           top: 54%
           left: 67.5%
           font-size: 13px
           color: var(--primary-text-color)
       - type: image
         entity: input_text.Summary_WeatherIcon_d4
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 65%
           left: 67.5%
           width: 17%
       - type: state-label
         entity: input_number.Summary_TempMax_d4
         tap_action:
           action: none
         style:
           top: 79%
           left: 67.5%
           font-size: 12px
           color: var(--primary-text-color)
       - type: state-label
         entity: input_number.Summary_TempMin_d4
         tap_action:
           action: none
         style:
           top: 87%
           left: 67.5%
           font-size: 12px
           color: var(--secondary-text-color)
       - type: custom:text-element
         text: '|'
         style:
           top: 64%
           left: 75%
           font-size: 37px
           color: var(--secondary-text-color)
           transform: rotate(0.0turn) scale(0.5,2.8)
       - type: state-label
         entity: input_text.Summary_DayOfWeek_d5
         tap_action:
           action: none
         style:
           top: 54%
           left: 85%
           font-size: 13px
           color: var(--primary-text-color)
       - type: image
         entity: input_text.Summary_WeatherIcon_d5
         tap_action:
           action: none
         image: /cards/wetter_animated/x.png
         state_image:
           '1': /cards/wetter_animated/day.svg
           '2': /cards/wetter_animated/cloudy-day-1.svg
           '3': /cards/wetter_animated/cloudy-day-2.svg
           '4': /cards/wetter_animated/cloudy-day-3.svg
           '5': /cards/wetter_animated/cloudy-day-3.svg
           '6': /cards/wetter_animated/cloudy-day-3.svg
           '7': /cards/wetter_animated/cloudy.svg
           '8': /cards/wetter_animated/cloudy.svg
           '11': /cards/wetter_animated/cloudy-day-1.svg
           '12': /cards/wetter_animated/rainy-5.svg
           '13': /cards/wetter_animated/rainy-2.svg
           '14': /cards/wetter_animated/rainy-2.svg
           '15': /cards/wetter_animated/thunder.svg
           '16': /cards/wetter_animated/thunder.svg
           '17': /cards/wetter_animated/thunder.svg
           '18': /cards/wetter_animated/rainy-6.svg
           '19': /cards/wetter_animated/snowy-4.svg
           '20': /cards/wetter_animated/snowy-1.svg
           '21': /cards/wetter_animated/snowy-1.svg
           '22': /cards/wetter_animated/snowy-4.svg
           '23': /cards/wetter_animated/snowy-1.svg
           '24': /cards/wetter_animated/snowy-5.svg
           '25': /cards/wetter_animated/snowy-5.svg
           '26': /cards/wetter_animated/snowy-6.svg
           '27': /cards/wetter_animated/snowy-6.svg
           '28': /cards/wetter_animated/snowy-6.svg
           '29': /cards/wetter_animated/snowy-6.svg
           '30': /cards/wetter_animated/day.svg
           '31': /cards/wetter_animated/snowy-6.svg
           '32': /cards/wetter_animated/weather_sagittarius.svg
           '33': /cards/wetter_animated/night.svg
           '34': /cards/wetter_animated/cloudy-night-1.svg
           '35': /cards/wetter_animated/cloudy-night-2.svg
           '36': /cards/wetter_animated/cloudy-night-3.svg
           '37': /cards/wetter_animated/cloudy-night-3.svg
           '38': /cards/wetter_animated/cloudy-night-3.svg
           '39': /cards/wetter_animated/rainy-5.svg
           '40': /cards/wetter_animated/rainy-5.svg
           '41': /cards/wetter_animated/thunder.svg
           '42': /cards/wetter_animated/thunder.svg
           '43': /cards/wetter_animated/snowy-6.svg
           '44': /cards/wetter_animated/snowy-6.svg
         style:
           top: 65%
           left: 85%
           width: 17%
       - type: state-label
         entity: input_number.Summary_TempMax_d5
         tap_action:
           action: none
         style:
           top: 79%
           left: 85%
           font-size: 12px
           color: var(--primary-text-color)
       - type: state-label
         entity: input_number.Summary_TempMin_d5
         tap_action:
           action: none
         style:
           top: 87%
           left: 85%
           font-size: 12px
           color: var(--secondary-text-color)
      image: cards/wetter_animated/bgwettertr.png
      
      

      Die original Karte mit den Animierten Icons hat nicht die größte Auswahl an Icons.
      Habe versucht alles so passend wie möglich zuzuordnen.
      Wenn irgendwo etwas nicht passt einfach melden.
      Evtl findet ja auch jmd in der original Karte das Mapping. Ich habe nichts gefunden.

      1 Reply Last reply Reply Quote 3
      • E
        Erstam Developer last edited by

        Hallo zusammen,

        ich erlebe gerade ein merkwürdiges Problem in Zusammenhang mit der apexcharts-Card. Abhängig davon, ob ich im Konfigurationsmodus oder im Ansichtsmodus bin, zeigt das Diagramm unterschiedliche Werte an. Die richtigen Werte bekomme ich nur im Konfigurationsmodus zu sehen, die Werte im Ansichtsmodus sind falsch.

        Hier der Vergleich:
        Konfigurationsmodus
        2bdd99a4-715f-4d81-bdec-3184d9a0fc64-image.png

        Ansichtsmodus
        b5f038e8-9cd1-4895-946e-9186dfa76ed0-image.png

        Das einzige, was ich zwischen den beiden Screenshots geändert habe, war, den Konfigurationsmodus über die Schaltfläche "Fertig" zu verlassen.

        Hat irgendwer eine Idee, wie ich die korrekten Werte im Ansichtsmodus angezeigt bekomme oder woran das Problem überhaupt liegen kann?

        Viele Grüße!

        Marc

        David G. 1 Reply Last reply Reply Quote 0
        • David G.
          David G. @Erstam last edited by

          @erstam

          Vorab, ich habe keine Idee.... .
          Haben die normale Karten bei dem Datenpunkt das selbe Verhalten?

          E 1 Reply Last reply Reply Quote 0
          • E
            Erstam Developer @David G. last edited by Erstam

            @david-g : Nein, das habe ich bisher nur in der apexcharts-Card bemerkt. Ich hatte mir zur Sicherheit den Sensor noch in eine Entity Card gepackt, aber da erscheint er unabhängig vom Ansichtszustand richtig.

            Hab mal bei Github in die Issues der apexcharts-Card geschaut. Da gibt es schon mehrere Bugberichte, die sich auf die Darstellung in verschiedenen Diagrammtypen beziehen. Zwar noch nichts spezifisches, was zwischen Konfigurationsmodus und Ansichtsmodus unterscheidet, aber das könnte trotzdem irgendwie zusammenhängen.

            ? 1 Reply Last reply Reply Quote 0
            • ?
              A Former User @Erstam last edited by

              @erstam hmm ja irgendwas stimmt mit der Karte nicht. Teste diese gerade weil ich die ganz cool finde von der Ansicht. Selbst wenn man zwei mal die selbe entity hat zeigt die davon verschiedene werte an 😰

              Aber allgemein haut bei mir irgendwas nicht richtig in. Auf Safari sehe ich den Raw Editor und den editor der Karten nicht mehr und mit Firefox schon aber wenn ich da ein Wert ändern will schreibt die Tastatur spiegelverkehrt 🙇‍♂️

              nukleuz 1 Reply Last reply Reply Quote 0
              • nukleuz
                nukleuz @Guest last edited by

                @ciddi89

                Versuch mal den Cache in den Browsern zu löschen - zumindest war das Rückwärtsschreiben wieder ok…

                ? 1 Reply Last reply Reply Quote 0
                • ?
                  A Former User @nukleuz last edited by

                  @nukleuz danke, das hat zumindest schon mal das problem mit dem Rückwertsschreiben behoben. 🙂

                  nukleuz 1 Reply Last reply Reply Quote 0
                  • nukleuz
                    nukleuz @Guest last edited by

                    @ciddi89

                    Bei mir tritt das häufiger auf, gerade wenn man mal wieder was umbaut… Aber so richtig reproduzieren konnte ich es auch noch nicht. Scheint aber ein HA Problem zu sein, denn in einer Testumgebung mit HAOS 9.5 tritt es ebenfalls auf.

                    Ich war mal der Meinung, dass es durch die Rücklöschtaste am Zeilenanfang zu tun hat… Leg mich da aber nicht fest 🧐

                    1 Reply Last reply Reply Quote 0
                    • M
                      M1R0O @David G. last edited by

                      @david-g @XBiT
                      Danke für eure Hilfe. Ich habe es mit der Website-Karte gelöst und das reicht mir vorerst. Habe da gerade keinen Nerv, mich einzuarbeiten.

                      ich treibt gerade eine RGBW- oder Dimm-Karte in Verbindung mit Shelly um. Da habe ich noch keine zufriedenstellende Lösung gefunden.

                      Garfonso 1 Reply Last reply Reply Quote 0
                      • Garfonso
                        Garfonso Developer @M1R0O last edited by

                        @m1r0o
                        shelly dazu prügeln, dass die Geräte vom type-detector (also "Geräte" Tab im Admin) erkannt werden, dann kriegst du auch ordentliche light entities automatisch generiert und dann einfach das in lovelace eingebaute nehmen. 🙂

                        M 1 Reply Last reply Reply Quote 0
                        • S
                          Scrub last edited by

                          Hallo zusammen,

                          Ich reiche einmal meine Fragen aus dem anderen Thread hierher weiter:

                          Eigentlich bin ich mit meinem vorläufigen Ergebnis, das nur einen simplen Ein- und Aus-Schalter beinhaltet, schon recht zufrieden. Allerdings habe ich ein Problem ausgemacht, zu dem ich nun gerne ein paar Profi-Tipps hätte:
                          Ich habe auf dem Home-Screen drei Schaltflächen mit den drei Shellys eingebunden. Das klappt auch richtig super. Allerdings besteht die große Gefahr, aus Versehen beim Antippen des Displays einen der Schalter zu betätigen und damit beispielsweise den angeschlossenen PC im Betrieb abzuschießen. Kann ich eine Sicherheitsabfrage ("Willst du wirklich ausschalten?") einbauen, die nur beim Ausschalten abfrägt?

                          Und die zweite Frage: Wie realisiere ich eine verbrauchsgesteuerte Abschaltung ("Wenn für 15 Minuten weniger als 50 Watt verbraucht werden, schalte selbständig ab")? Brauche ich da Blockly?

                          David G. 1 Reply Last reply Reply Quote 0
                          • David G.
                            David G. @Scrub last edited by

                            @scrub

                            Das wurde doch ALLES in deinem verlinkten Thread beantwortet....

                            1 Reply Last reply Reply Quote 0
                            • M
                              M1R0O @Garfonso last edited by

                              @garfonso Ich gebe alles 😉

                              1 Reply Last reply Reply Quote 0
                              • M
                                M1R0O last edited by M1R0O

                                Hi, ich habe nun das Problem, dass mein Adapter nach dem Start abstürzt, weil ein Target nicht verfügbar ist.

                                host.raspberrypi
                                2023-04-19 15:42:37.348	error	instance system.adapter.lovelace.0 terminated with code 6 (UNCAUGHT_EXCEPTION)
                                
                                lovelace.0
                                2023-04-19 15:42:36.709	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason
                                
                                lovelace.0
                                2023-04-19 15:42:36.708	info	terminating
                                
                                lovelace.0
                                2023-04-19 15:42:36.706	info	cleaned everything up...
                                
                                lovelace.0
                                2023-04-19 15:42:36.701	error	Alias alias.0.WHZ.Dyson.MODE has no target 12
                                
                                lovelace.0
                                2023-04-19 15:42:36.701	error	Error: Alias alias.0.WHZ.Dyson.MODE has no target 12 at Adapter._addAliasSubscribe (/opt/iobroker/node_modules/@iobroker/js-controller-adapter/build/lib/adapter/adapter.js:6946:63) at Adapter.subscribeForeignStates (/opt/iobroker/node_modules/@iobroker/js-controller-adapter/build/lib/adapter/adapter.js:7159:36) at runNextTicks (node:internal/process/task_queues:60:5) at process.processImmediate (node:internal/timers:447:9)
                                
                                lovelace.0
                                2023-04-19 15:42:36.698	error	unhandled promise rejection: Alias alias.0.WHZ.Dyson.MODE has no target 12
                                

                                Ich weiß, um welche Karte es sich handelt, da der Adapter aber nicht startet, kann ich die Karte nicht löschen/ändern.

                                Wie kann ich das Problem beheben? Danke!

                                Garfonso 1 Reply Last reply Reply Quote 0
                                • Garfonso
                                  Garfonso Developer @M1R0O last edited by Garfonso

                                  @m1r0o said in Test lovelace 3.x:

                                  Hi, ich habe nun das Problem, dass mein Adapter nach dem Start abstürzt, weil ein Target nicht verfügbar ist.

                                  host.raspberrypi
                                  2023-04-19 15:42:37.348	error	instance system.adapter.lovelace.0 terminated with code 6 (UNCAUGHT_EXCEPTION)
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.709	warn	Terminated (UNCAUGHT_EXCEPTION): Without reason
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.708	info	terminating
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.706	info	cleaned everything up...
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.701	error	Alias alias.0.WHZ.Dyson.MODE has no target 12
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.701	error	Error: Alias alias.0.WHZ.Dyson.MODE has no target 12 at Adapter._addAliasSubscribe (/opt/iobroker/node_modules/@iobroker/js-controller-adapter/build/lib/adapter/adapter.js:6946:63) at Adapter.subscribeForeignStates (/opt/iobroker/node_modules/@iobroker/js-controller-adapter/build/lib/adapter/adapter.js:7159:36) at runNextTicks (node:internal/process/task_queues:60:5) at process.processImmediate (node:internal/timers:447:9)
                                  
                                  lovelace.0
                                  2023-04-19 15:42:36.698	error	unhandled promise rejection: Alias alias.0.WHZ.Dyson.MODE has no target 12
                                  

                                  Ich weiß, um welche Karte es sich handelt, da der Adapter aber nicht startet, kann ich die Karte nicht löschen/ändern.

                                  Wie kann ich das Problem beheben? Danke!

                                  Du solltest am besten das Objekt alias.0.WHZ.Dyson.MODE löschen. Dem fehlt ein common.alias feld bzw. den state auf das der zeigt, gibt es nicht.
                                  Das sollte zwar nicht zum Absturz des Adapters führen, aber wird halt auch nicht funktionieren können. Wenn das Objekt weg ist, wird sich der Fehler auflösen und die Karte sollte nur noch "entity missing" oder sowas melden.

                                  Alternativ kannst du deine Konfiguration auch als json im Objekt lovelace.0.configuration bearbeiten (würde ich aber eher nicht empfehlen).

                                  //Edit:
                                  kannst du mir kurz sagen, welche js-controller Version du installiert hast, damit ich da mal nachforschen kann, ob das Problem gefixt ist?

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    M1R0O @Garfonso last edited by

                                    @garfonso Danke, hat geklappt.
                                    js-controller ist 4.0.24

                                    Christof.Kac 1 Reply Last reply Reply Quote 1
                                    • Christof.Kac
                                      Christof.Kac @M1R0O last edited by

                                      Hi,
                                      ich scheitere seit Stunden nun daran, die Farbtemperatur meiner Leuchte angezeigt zu bekommen.
                                      Nachdem ich nun diverse Threads ohne Erfolg durch habe, hier mein Hilferuf in dieses Forum 😉
                                      Ich denke, alles wird korrekt erkannt:
                                      7c67f33f-c9f2-4af4-bcb7-263822863c82-image.png

                                      States sind meiner Meinung nach auch korrekt:
                                      329c0a7b-c667-4e19-a3bc-d5e13024026f-image.png

                                      Leider kann ich nur die Helligkeit einstellen:
                                      7f27dc61-ad86-4231-af2d-465176ebd1ad-image.png

                                      Auch die more-info-card zeigt nur die Helligkeitssteuerung an:
                                      ab9e7aa3-f298-4645-9b3e-fbe4947f10bf-image.png

                                      Hat jemand eine Idee?
                                      Danke
                                      Christof

                                      Garfonso 1 Reply Last reply Reply Quote 0
                                      • Garfonso
                                        Garfonso Developer @Christof.Kac last edited by

                                        @christof-kac

                                        more-info zeigt Farbtemperatur usw. nur an, wenn die Lampe an ist.

                                        1 Reply Last reply Reply Quote 0
                                        • E
                                          Erstam Developer last edited by

                                          Probleme mit Conditional Row in Entities Card:

                                          Hi zusammen,

                                          ich nutze eine Entities-Card mit einer Reihe von Sensoren, die eine Startzeit anzeigen. Die Startzeit ist einfach ein EPOCH-Wert, also ein Wert in Millisekunden. Wenn keine Startzeit hinterlegt ist, steht dort eine 0. So sieht das ganze aus:

                                          194f4d5e-ae80-42c6-be34-007fbaec46f8-image.png

                                          Ich würde jetzt gerne die 0-Werte mit einer Conditional-Zeile abfangen, erhalte dabei aber folgende Fehlermeldung. Bei Werten größer als 0 bekomme ich diese Fehlermeldung nicht:

                                          type: entities
                                          entities:
                                            - sensor.Aussen_Bewaesserung_Zone0_timeNextStart
                                            - type: conditional
                                              conditions:
                                                - entity: sensor.Aussen_Bewaesserung_Zone0_timeNextStart
                                                  state: 0
                                              row:
                                                entity: sensor.Aussen_Bewaesserung_Zone0_timeNextStart
                                            - type: conditional
                                              conditions:
                                                - entity: sensor.Aussen_Bewaesserung_Zone8_timeNextStart
                                                  state: 1683139782000
                                              row:
                                                entity: sensor.Aussen_Bewaesserung_Zone8_timeNextStart
                                          

                                          c8f585ec-c168-4000-b2d3-488a3e7f3212-image.png

                                          Wenn ich die States in der Conditions-Abfrage in Anführungsstriche setze, verschwindet zwar die Fehlermeldung, allerdings greift dann die Abfrage nicht, so dass die Zeile überhaupt nicht angezeigt wird.

                                          Aus meiner Sicht ist das ein Fehler in der Verarbeitung von 0 als Abfragebedingung. @Garfonso: Könntest du das mal prüfen?

                                          Viele Grüße!

                                          Marc

                                          1 Reply Last reply Reply Quote 0
                                          • David G.
                                            David G. last edited by

                                            Hey,

                                            wollte grad in meinem Theke nochmal einen Hintergrund testen.

                                            Hat sich da was geändert?
                                            Mit:

                                            background: center / cover no-repeat url("/cards/wilke_logo.png") fixed
                                            

                                            zeigt er mir keinen.

                                            P. S.
                                            Weiß zufällig auch jmd, wie ich den in die untere rechte Ecke bekomme? Ist nur ein kleines Bild was dahin soll.

                                            XBiT 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            522
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            86
                                            872
                                            221670
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo