Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Hardware
  4. SONOFF NSPanel mit Lovelace UI

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.0k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.0k

SONOFF NSPanel mit Lovelace UI

Scheduled Pinned Locked Moved Hardware
lovelace uinspanelsonoff
7.7k Posts 271 Posters 6.7m Views 253 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • draexlerD draexler

    Hi, habe das aktuellste Sript geupdatet. Wie kann ich nun diese Temperatur von einen anderen Datenpunkt bekommen?
    Bei dem vorherigen Script konnte man recht einfach den Datenpunkt ändern.

    // Create atomatically Wheather-Alias, if exists accuweather.0. and is not exists Config-Wheather-Alias
    async function CreateWeatherAlias () {
        try {
            if (autoCreateAlias) {
                if (weatherAdapterInstance == 'daswetter.0.') {
                    try {
                        if (!existsState(config.weatherEntity + '.ICON') && existsState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value')) {
                            console.log('Weather alias for daswetter.0. does not exist yet, will be created now'); 
                            setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                            await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.0.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                            await createAliasAsync(config.weatherEntity + '.TEMP', 'daswetter.0.NextHours.Location_1.Day_1.current.temp_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                        } else {
                            console.log('weather alias for daswetter.0. already exists');
                        }
                    } catch (err) {
                        console.log('error at function CreateWeatherAlias daswetter.0. : ' + err.message);
                    }
                } else if (weatherAdapterInstance == 'accuweather.0.') {
                    try {
                        if (!existsState(config.weatherEntity + '.ICON') && existsState('accuweather.0.Current.WeatherIcon')) {
                            console.log('Weather alias for accuweather.0. does not exist yet, will be created now'); 
                            setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                            await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.0.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                            await createAliasAsync(config.weatherEntity + '.TEMP', 'netatmo.0.6118e0e2345dw4f23e47c0915.70-e9-50-7a-f7-e9.02-00-00-7a-de-60.Temperature.Temperature', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                        } else {
                            console.log('weather alias for accuweather.0. already exists');
                        }
                    } catch (err) {
                        console.log('error at function CreateWeatherAlias accuweather.0.: ' + err.message);
                    }
    

    Jetzt scheint das ein bisschen komplizierter zu sein.

    // Create atomatically Wheather-Alias, if exists accuweather.0. and is not exists Config-Wheather-Alias
    async function CreateWeatherAlias () {
        try {
            if (autoCreateAlias) {
                if (weatherAdapterInstance == 'daswetter.' + weatherAdapterInstanceNumber + '.') {
                    try {
                        if (!existsState(config.weatherEntity + '.ICON') && existsState('daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.symbol_value')) {
                            console.log('Weather alias for daswetter.' + weatherAdapterInstanceNumber + '. does not exist yet, will be created now'); 
                            setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                            await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                            await createAliasAsync(config.weatherEntity + '.TEMP', 'daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.temp_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.' + weatherAdapterInstanceNumber + '.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.' + weatherAdapterInstanceNumber + '.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                        } else {
                            console.log('weather alias for daswetter.' + weatherAdapterInstanceNumber + '. already exists');
                        }
                    } catch (err) {
                        console.log('error at function CreateWeatherAlias daswetter.' + weatherAdapterInstanceNumber + '. : ' + err.message);
                    }
                } else if (weatherAdapterInstance == 'accuweather.' + weatherAdapterInstanceNumber + '.') {
                    try {
                        if (!existsState(config.weatherEntity + '.ICON') && existsState('accuweather.' + weatherAdapterInstanceNumber + '.Current.WeatherIcon')) {
                            console.log('Weather alias for accuweather.' + weatherAdapterInstanceNumber + '. does not exist yet, will be created now'); 
                            setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                            await createAliasAsync(config.weatherEntity + '.ICON', 'accuweather.' + weatherAdapterInstanceNumber + '.Current.WeatherIcon', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                            await createAliasAsync(config.weatherEntity + '.TEMP', 'accuweather.' + weatherAdapterInstanceNumber + '.Current.Temperature', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'accuweather.' + weatherAdapterInstanceNumber + '.Daily.Day1.Temperature.Minimum', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                            await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'accuweather.' + weatherAdapterInstanceNumber + '.Daily.Day1.Temperature.Maximum', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                        } else {
                            console.log('weather alias for accuweather.' + weatherAdapterInstanceNumber + '. already exists');
                        }
                    } catch (err) {
                        console.log('error at function CreateWeatherAlias accuweather.' + weatherAdapterInstanceNumber + '.: ' + err.message);
                    }
                }
            } 
    

    Ich möchte das dieser Wert von einen Netatmo Datenpunkt kommt. Wenn mehr Infos benötigt werden, kein Problem 😉

    Bildschirmfoto 2023-10-01 um 23.33.21.png

    icebearI Online
    icebearI Online
    icebear
    wrote on last edited by
    #3860

    @draexler said in SONOFF NSPanel mit Lovelace UI:

    Wie kann ich nun diese Temperatur von einen anderen Datenpunkt bekommen?

    Wenn ich mich recht erinnere, ist das glaub ich hier beschrieben

    Die Dargestellten Wetter-Icons (groß und klein) werden im NSPanel TS-Script ermittelt. Daher ist die Installation von Accuweather zwingend erforderlich. Weitere Hinweise zur Installation des Accuweather Adapters hier: https://github.com/iobroker-community-adapters/ioBroker.accuweather

    1 Reply Last reply
    0
    • draexlerD draexler

      Hi, habe das aktuellste Sript geupdatet. Wie kann ich nun diese Temperatur von einen anderen Datenpunkt bekommen?
      Bei dem vorherigen Script konnte man recht einfach den Datenpunkt ändern.

      // Create atomatically Wheather-Alias, if exists accuweather.0. and is not exists Config-Wheather-Alias
      async function CreateWeatherAlias () {
          try {
              if (autoCreateAlias) {
                  if (weatherAdapterInstance == 'daswetter.0.') {
                      try {
                          if (!existsState(config.weatherEntity + '.ICON') && existsState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value')) {
                              console.log('Weather alias for daswetter.0. does not exist yet, will be created now'); 
                              setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                              await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.0.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                              await createAliasAsync(config.weatherEntity + '.TEMP', 'daswetter.0.NextHours.Location_1.Day_1.current.temp_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                          } else {
                              console.log('weather alias for daswetter.0. already exists');
                          }
                      } catch (err) {
                          console.log('error at function CreateWeatherAlias daswetter.0. : ' + err.message);
                      }
                  } else if (weatherAdapterInstance == 'accuweather.0.') {
                      try {
                          if (!existsState(config.weatherEntity + '.ICON') && existsState('accuweather.0.Current.WeatherIcon')) {
                              console.log('Weather alias for accuweather.0. does not exist yet, will be created now'); 
                              setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                              await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.0.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                              await createAliasAsync(config.weatherEntity + '.TEMP', 'netatmo.0.6118e0e2345dw4f23e47c0915.70-e9-50-7a-f7-e9.02-00-00-7a-de-60.Temperature.Temperature', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.0.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.0.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                          } else {
                              console.log('weather alias for accuweather.0. already exists');
                          }
                      } catch (err) {
                          console.log('error at function CreateWeatherAlias accuweather.0.: ' + err.message);
                      }
      

      Jetzt scheint das ein bisschen komplizierter zu sein.

      // Create atomatically Wheather-Alias, if exists accuweather.0. and is not exists Config-Wheather-Alias
      async function CreateWeatherAlias () {
          try {
              if (autoCreateAlias) {
                  if (weatherAdapterInstance == 'daswetter.' + weatherAdapterInstanceNumber + '.') {
                      try {
                          if (!existsState(config.weatherEntity + '.ICON') && existsState('daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.symbol_value')) {
                              console.log('Weather alias for daswetter.' + weatherAdapterInstanceNumber + '. does not exist yet, will be created now'); 
                              setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                              await createAliasAsync(config.weatherEntity + '.ICON', 'daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.symbol_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                              await createAliasAsync(config.weatherEntity + '.TEMP', 'daswetter.' + weatherAdapterInstanceNumber + '.NextHours.Location_1.Day_1.current.temp_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'daswetter.' + weatherAdapterInstanceNumber + '.NextDays.Location_1.Day_1.Minimale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'daswetter.' + weatherAdapterInstanceNumber + '.NextDays.Location_1.Day_1.Maximale_Temperatur_value', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                          } else {
                              console.log('weather alias for daswetter.' + weatherAdapterInstanceNumber + '. already exists');
                          }
                      } catch (err) {
                          console.log('error at function CreateWeatherAlias daswetter.' + weatherAdapterInstanceNumber + '. : ' + err.message);
                      }
                  } else if (weatherAdapterInstance == 'accuweather.' + weatherAdapterInstanceNumber + '.') {
                      try {
                          if (!existsState(config.weatherEntity + '.ICON') && existsState('accuweather.' + weatherAdapterInstanceNumber + '.Current.WeatherIcon')) {
                              console.log('Weather alias for accuweather.' + weatherAdapterInstanceNumber + '. does not exist yet, will be created now'); 
                              setObject(config.weatherEntity, {_id: config.weatherEntity, type: 'channel', common: {role: 'weatherCurrent', name:'media'}, native: {}});
                              await createAliasAsync(config.weatherEntity + '.ICON', 'accuweather.' + weatherAdapterInstanceNumber + '.Current.WeatherIcon', true, <iobJS.StateCommon>{ type: 'number', role: 'value', name: 'ICON' });
                              await createAliasAsync(config.weatherEntity + '.TEMP', 'accuweather.' + weatherAdapterInstanceNumber + '.Current.Temperature', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature', name: 'TEMP' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MIN', 'accuweather.' + weatherAdapterInstanceNumber + '.Daily.Day1.Temperature.Minimum', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.forecast.0', name: 'TEMP_MIN' });
                              await createAliasAsync(config.weatherEntity + '.TEMP_MAX', 'accuweather.' + weatherAdapterInstanceNumber + '.Daily.Day1.Temperature.Maximum', true, <iobJS.StateCommon>{ type: 'number', role: 'value.temperature.max.forecast.0', name: 'TEMP_MAX' });
                          } else {
                              console.log('weather alias for accuweather.' + weatherAdapterInstanceNumber + '. already exists');
                          }
                      } catch (err) {
                          console.log('error at function CreateWeatherAlias accuweather.' + weatherAdapterInstanceNumber + '.: ' + err.message);
                      }
                  }
              } 
      

      Ich möchte das dieser Wert von einen Netatmo Datenpunkt kommt. Wenn mehr Infos benötigt werden, kein Problem 😉

      Bildschirmfoto 2023-10-01 um 23.33.21.png

      ArmilarA Offline
      ArmilarA Offline
      Armilar
      Most Active Forum Testing
      wrote on last edited by Armilar
      #3861

      @draexler
      @icebear

      einer der Adapter "daswetter" oder "accuweather" muss installiert sein, damit die Wetterwerte überhaupt erst im unteren Teil des NSPanel-Screensavers visualisiert werden können.

      Hierzu legt das NSPanel-Script bei Festlegung des Adapters im oberen Bereich automatisch einen ALIAS an. Im Anschluss kann aber der Datenpunkt für die Außentemperatur im Wetteralias durchaus auf einen abweichenden Datenpunkt einer eigenen Wetterstation geroutet werden.

      siehe auch Wiki zum Screensaver:
      https://github.com/joBr99/nspanel-lovelace-ui/wiki/ioBroker-Config-Screensaver#screensaver-icons

      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
      https://github.com/joBr99/nspanel-lovelace-ui/wiki

      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      1 Reply Last reply
      0
      • E Offline
        E Offline
        eMd
        wrote on last edited by
        #3862

        Frage zum Update:

        Bin aktuell bei
        Script 4.0.5.2
        TFT 50
        Berrydriver 8
        Tasmota 12.4.0

        Mit welchen Schritten kann ich alles auf den aktuellsten Stand bringen?

        MfG
        eMd

        Master: Intel NUC 16GB/500GB
        Slave: Raspberry Pi 3 + Homematicmodul
        Shelly, Google Home, Zigbee Aqara, Sonoff

        Meine VIS: https://youtu.be/JMYr2KYlpME

        ArmilarA 1 Reply Last reply
        0
        • E eMd

          Frage zum Update:

          Bin aktuell bei
          Script 4.0.5.2
          TFT 50
          Berrydriver 8
          Tasmota 12.4.0

          Mit welchen Schritten kann ich alles auf den aktuellsten Stand bringen?

          MfG
          eMd

          ArmilarA Offline
          ArmilarA Offline
          Armilar
          Most Active Forum Testing
          wrote on last edited by Armilar
          #3863

          @emd

          Meines Erachtens gab es keine Änderungen mehr im oberen Teil, mit ausnahme der Service-Pages...

          • Demnach müsste es reichen, den unteren Teil des NSPanalTs.ts Scriptes zu ersetzen und das Service-Menü und Header nach zu ziehen.

          • Aktuelles Script sichern 😉

          • Upgrades in Konsole:

            • Tasmota BerryDriver:

              Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
              
            • TFT EU STABLE Version:

              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft
              
          • Da Tasmota noch unter der 13.0.0 ist, ist wahrscheinlich eine Umpartitionierung erforderlich, sofern die Tasmota-Version angehoben werden soll:

            https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme

          EDIT: Das Team und insbesondere @Kuckuckmann ist gerade dabei die Wiki zu erneuern/verbessern. In diesem Zuge sind die Beispiele aus der NSPanelTs.ts rausgeflogen und in der Wiki gelandet. Also als Basis dieses Script nehmen:

          https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

          Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
          https://github.com/joBr99/nspanel-lovelace-ui/wiki

          Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

          E 1 Reply Last reply
          1
          • M Offline
            M Offline
            michael_4358
            wrote on last edited by
            #3864

            hallo

            ich habe bei den wetter Symbolen folgendes problem.

            https://developer.accuweather.com/sites/default/files/11-s.png

            Bildschirmfoto 2023-10-04 um 12.45.15.png

            also wolkig/bedeckt

            das ist nicht wirklich zu erkennen auf schwarzen Hintergrund.

            habt ihr da ne bessere Idee❓ oder is das einfach nur Zufall?

            ArmilarA 1 Reply Last reply
            0
            • M michael_4358

              hallo

              ich habe bei den wetter Symbolen folgendes problem.

              https://developer.accuweather.com/sites/default/files/11-s.png

              Bildschirmfoto 2023-10-04 um 12.45.15.png

              also wolkig/bedeckt

              das ist nicht wirklich zu erkennen auf schwarzen Hintergrund.

              habt ihr da ne bessere Idee❓ oder is das einfach nur Zufall?

              ArmilarA Offline
              ArmilarA Offline
              Armilar
              Most Active Forum Testing
              wrote on last edited by Armilar
              #3865

              @michael_4358

              ich habe bei den wetter Symbolen folgendes problem.

              https://developer.accuweather.com/sites/default/files/11-s.png

              Bildschirmfoto 2023-10-04 um 12.45.15.png

              also wolkig/bedeckt

              versuche soeben einen Zusammenhang zwischen dem Symbol und dem NSPanel zu finden.

              Das NSPanel hat eigene Icons und nutzt nicht die von Accuweather. Bei der 11 dürfte es sich demnach um Nebel (fog) handeln. Die Nummern aus den Wetteradaptern werden dann über ein Mapping in HASP-Icons gewandelt.

              Oder möchtest du das irgendwo anders benutzen? Verstehe im Moment den Zusammenhang nicht 🙄

              Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
              https://github.com/joBr99/nspanel-lovelace-ui/wiki

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              M 1 Reply Last reply
              0
              • ArmilarA Armilar

                @michael_4358

                ich habe bei den wetter Symbolen folgendes problem.

                https://developer.accuweather.com/sites/default/files/11-s.png

                Bildschirmfoto 2023-10-04 um 12.45.15.png

                also wolkig/bedeckt

                versuche soeben einen Zusammenhang zwischen dem Symbol und dem NSPanel zu finden.

                Das NSPanel hat eigene Icons und nutzt nicht die von Accuweather. Bei der 11 dürfte es sich demnach um Nebel (fog) handeln. Die Nummern aus den Wetteradaptern werden dann über ein Mapping in HASP-Icons gewandelt.

                Oder möchtest du das irgendwo anders benutzen? Verstehe im Moment den Zusammenhang nicht 🙄

                M Offline
                M Offline
                michael_4358
                wrote on last edited by
                #3866

                @armilar

                Da wirst du recht haben.
                Klingt auch logischer…

                Aber warum wird dann nichts angezeigt bei der 11

                ArmilarA 1 Reply Last reply
                0
                • M michael_4358

                  @armilar

                  Da wirst du recht haben.
                  Klingt auch logischer…

                  Aber warum wird dann nichts angezeigt bei der 11

                  ArmilarA Offline
                  ArmilarA Offline
                  Armilar
                  Most Active Forum Testing
                  wrote on last edited by
                  #3867

                  @michael_4358

                  Ich könnte das am Wochenende einmal simulieren. Bin leider bis dahin nicht in Reichweite eines NSPanel's...

                  Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                  https://github.com/joBr99/nspanel-lovelace-ui/wiki

                  Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                  M 1 Reply Last reply
                  0
                  • ArmilarA Armilar

                    @michael_4358

                    Ich könnte das am Wochenende einmal simulieren. Bin leider bis dahin nicht in Reichweite eines NSPanel's...

                    M Offline
                    M Offline
                    michael_4358
                    wrote on last edited by
                    #3868

                    @armilar

                    Aber der müsste was anzeigen❓ dachte erst es liegt am schwarzen Hintergrund

                    ArmilarA 1 Reply Last reply
                    0
                    • M michael_4358

                      @armilar

                      Aber der müsste was anzeigen❓ dachte erst es liegt am schwarzen Hintergrund

                      ArmilarA Offline
                      ArmilarA Offline
                      Armilar
                      Most Active Forum Testing
                      wrote on last edited by
                      #3869

                      @michael_4358

                      Ja, laut Farbkonstanten müsste das ein helleres grau sein

                      Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                      https://github.com/joBr99/nspanel-lovelace-ui/wiki

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      1 Reply Last reply
                      0
                      • M Offline
                        M Offline
                        michael_4358
                        wrote on last edited by michael_4358
                        #3870

                        Weiß du wo das konfiguriert ist❓ (auswendig)

                        Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

                        T ArmilarA 2 Replies Last reply
                        0
                        • M michael_4358

                          Weiß du wo das konfiguriert ist❓ (auswendig)

                          Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

                          T Offline
                          T Offline
                          TT-Tom
                          wrote on last edited by TT-Tom
                          #3871

                          @michael_4358

                          suchst du jetzt im Script die Stelle oder was genau meinst du??

                          EDIT: habe icon 11 getestet ist Grau und sieht so aus Bild 2.jpeg

                          Gruß Tom
                          https://github.com/tt-tom17
                          Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                          NSPanel Script Wiki
                          https://github.com/joBr99/nspanel-lovelace-ui/wiki

                          NSPanel Adapter Wiki
                          https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                          1 Reply Last reply
                          1
                          • M michael_4358

                            Weiß du wo das konfiguriert ist❓ (auswendig)

                            Ich kann aber auch nicht finden wo die Symbole hinterlegt sind

                            ArmilarA Offline
                            ArmilarA Offline
                            Armilar
                            Most Active Forum Testing
                            wrote on last edited by Armilar
                            #3872

                            @michael_4358

                            Das Icon wird aus dem jeweiligen DP WeatherIcon aus accuweather.0... extrahiert.

                            Die Symbole sind im NSPanel selbst hinterlegt und ist ein Teil der Icons-Datei:
                            https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                            Die Farbzuordnung im TS-Script unter:

                            //Auto-Weather-Colors
                            const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
                            const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
                            const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
                            const swFog:            RGB = { red: 150, green: 150, blue: 150};
                            const swHail:           RGB = { red: 200, green: 200, blue: 200};
                            const swLightning:      RGB = { red: 200, green: 200, blue:   0};
                            const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
                            const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
                            const swPouring:        RGB = { red:  50, green:  50, blue: 255};
                            const swRainy:          RGB = { red: 100, green: 100, blue: 255};
                            const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
                            const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
                            const swSunny:          RGB = { red: 255, green: 255, blue:   0};
                            const swWindy:          RGB = { red: 150, green: 150, blue: 150};
                            

                            Das Mapping in:

                            function GetAccuWeatherIcon
                            

                            und die Farbzuweisung in:

                            function GetAccuWeatherIconColor
                            

                            Installationsanleitung, Tipps, Alias-Definitionen, FAQ für das Sonoff NSPanel mit lovelace UI unter ioBroker
                            https://github.com/joBr99/nspanel-lovelace-ui/wiki

                            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                            M P 2 Replies Last reply
                            1
                            • ArmilarA Armilar

                              @michael_4358

                              Das Icon wird aus dem jeweiligen DP WeatherIcon aus accuweather.0... extrahiert.

                              Die Symbole sind im NSPanel selbst hinterlegt und ist ein Teil der Icons-Datei:
                              https://htmlpreview.github.io/?https://github.com/jobr99/Generate-HASP-Fonts/blob/master/cheatsheet.html

                              Die Farbzuordnung im TS-Script unter:

                              //Auto-Weather-Colors
                              const swClearNight:     RGB = { red: 150, green: 150, blue: 100};
                              const swCloudy:         RGB = { red:  75, green:  75, blue:  75};
                              const swExceptional:    RGB = { red: 255, green:  50, blue:  50};
                              const swFog:            RGB = { red: 150, green: 150, blue: 150};
                              const swHail:           RGB = { red: 200, green: 200, blue: 200};
                              const swLightning:      RGB = { red: 200, green: 200, blue:   0};
                              const swLightningRainy: RGB = { red: 200, green: 200, blue: 150};
                              const swPartlycloudy:   RGB = { red: 150, green: 150, blue: 150};
                              const swPouring:        RGB = { red:  50, green:  50, blue: 255};
                              const swRainy:          RGB = { red: 100, green: 100, blue: 255};
                              const swSnowy:          RGB = { red: 150, green: 150, blue: 150};
                              const swSnowyRainy:     RGB = { red: 150, green: 150, blue: 255};
                              const swSunny:          RGB = { red: 255, green: 255, blue:   0};
                              const swWindy:          RGB = { red: 150, green: 150, blue: 150};
                              

                              Das Mapping in:

                              function GetAccuWeatherIcon
                              

                              und die Farbzuweisung in:

                              function GetAccuWeatherIconColor
                              
                              M Offline
                              M Offline
                              michael_4358
                              wrote on last edited by
                              #3873

                              @armilar
                              müssen die mapping ts und js noch angelegt werden?

                              T 1 Reply Last reply
                              0
                              • M michael_4358

                                @armilar
                                müssen die mapping ts und js noch angelegt werden?

                                T Offline
                                T Offline
                                TT-Tom
                                wrote on last edited by TT-Tom
                                #3874

                                @michael_4358
                                ja mapping TS, JS war nur eine Alternative wenn TS nicht funktioniert

                                Gruß Tom
                                https://github.com/tt-tom17
                                Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                NSPanel Script Wiki
                                https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                NSPanel Adapter Wiki
                                https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                1 Reply Last reply
                                1
                                • M Offline
                                  M Offline
                                  michael_4358
                                  wrote on last edited by michael_4358
                                  #3875

                                  Dann wird es das sein…

                                  Muss die noch verlinkt werden❓

                                  T 1 Reply Last reply
                                  0
                                  • M michael_4358

                                    Dann wird es das sein…

                                    Muss die noch verlinkt werden❓

                                    T Offline
                                    T Offline
                                    TT-Tom
                                    wrote on last edited by TT-Tom
                                    #3876

                                    @michael_4358

                                    du musst die Datei unter global anlegen.

                                    Bildschirmfoto 2023-10-04 um 17.27.05.png

                                    Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                    verlinkt wird sie automatisch vom Script.

                                    du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                    Gruß Tom
                                    https://github.com/tt-tom17
                                    Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                    NSPanel Script Wiki
                                    https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                    NSPanel Adapter Wiki
                                    https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                    M 1 Reply Last reply
                                    0
                                    • T TT-Tom

                                      @michael_4358

                                      du musst die Datei unter global anlegen.

                                      Bildschirmfoto 2023-10-04 um 17.27.05.png

                                      Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                      verlinkt wird sie automatisch vom Script.

                                      du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                      M Offline
                                      M Offline
                                      michael_4358
                                      wrote on last edited by
                                      #3877

                                      @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                      @michael_4358

                                      du musst die Datei unter global anlegen.

                                      Bildschirmfoto 2023-10-04 um 17.27.05.png

                                      Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                      verlinkt wird sie automatisch vom Script.

                                      du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                      die Datei ist vorhanden...
                                      also müssen die auf dem panel noch drauf...

                                      T 1 Reply Last reply
                                      0
                                      • M michael_4358

                                        @tt-tom said in SONOFF NSPanel mit Lovelace UI:

                                        @michael_4358

                                        du musst die Datei unter global anlegen.

                                        Bildschirmfoto 2023-10-04 um 17.27.05.png

                                        Dazu musst du auf Expertenmodus umschalten, um den Ordner zu sehen.

                                        verlinkt wird sie automatisch vom Script.

                                        du musst aber doch Symbole auf dem Panel haben, die kommen alle aus der selben Datei.

                                        die Datei ist vorhanden...
                                        also müssen die auf dem panel noch drauf...

                                        T Offline
                                        T Offline
                                        TT-Tom
                                        wrote on last edited by
                                        #3878

                                        @michael_4358

                                        so noch mal von vorne. Deine Seiten zeigen doch Icons, oder?
                                        das Wetter icon wird nicht angezeigt?

                                        Gruß Tom
                                        https://github.com/tt-tom17
                                        Wenn meine Hilfe erfolgreich war, benutze bitte das Voting unten rechts im Beitrag

                                        NSPanel Script Wiki
                                        https://github.com/joBr99/nspanel-lovelace-ui/wiki

                                        NSPanel Adapter Wiki
                                        https://github.com/ticaki/ioBroker.nspanel-lovelace-ui/wiki

                                        M 1 Reply Last reply
                                        0
                                        • ArmilarA Armilar

                                          @emd

                                          Meines Erachtens gab es keine Änderungen mehr im oberen Teil, mit ausnahme der Service-Pages...

                                          • Demnach müsste es reichen, den unteren Teil des NSPanalTs.ts Scriptes zu ersetzen und das Service-Menü und Header nach zu ziehen.

                                          • Aktuelles Script sichern 😉

                                          • Upgrades in Konsole:

                                            • Tasmota BerryDriver:

                                              Backlog UpdateDriverVersion https://raw.githubusercontent.com/joBr99/nspanel-lovelace-ui/main/tasmota/autoexec.be; Restart 1
                                              
                                            • TFT EU STABLE Version:

                                              FlashNextion http://nspanel.pky.eu/lovelace-ui/github/nspanel-v4.3.1.tft
                                              
                                          • Da Tasmota noch unter der 13.0.0 ist, ist wahrscheinlich eine Umpartitionierung erforderlich, sofern die Tasmota-Version angehoben werden soll:

                                            https://github.com/joBr99/nspanel-lovelace-ui/wiki/NSPanel-Tasmota-FAQ#3-tasmota-update-probleme

                                          EDIT: Das Team und insbesondere @Kuckuckmann ist gerade dabei die Wiki zu erneuern/verbessern. In diesem Zuge sind die Beispiele aus der NSPanelTs.ts rausgeflogen und in der Wiki gelandet. Also als Basis dieses Script nehmen:

                                          https://github.com/joBr99/nspanel-lovelace-ui/blob/main/ioBroker/NsPanelTs.ts

                                          E Offline
                                          E Offline
                                          eMd
                                          wrote on last edited by
                                          #3879

                                          @armilar

                                          Vielen Dank, habe alles so gemacht und nun läuft alles wieder.

                                          Nur Tasmota habe ich nicht angehoben, glaube das ist gar nicht notwendig 😉

                                          MfG
                                          eMd

                                          Master: Intel NUC 16GB/500GB
                                          Slave: Raspberry Pi 3 + Homematicmodul
                                          Shelly, Google Home, Zigbee Aqara, Sonoff

                                          Meine VIS: https://youtu.be/JMYr2KYlpME

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          658

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe