Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Visualisierung mit Node Red erstellen

    NEWS

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    • Minor js-controller 7.0.7 Update in latest repo

    Visualisierung mit Node Red erstellen

    This topic has been deleted. Only users with topic management privileges can see it.
    • mickym
      mickym Most Active @Damrak2022 last edited by

      @damrak2022 Nee dann lassen wir es - ist zwar nicht kompliziert. Im Prinzip steht hier alles drin: https://github.com/node-red-contrib-themes/theme-collection#install-with-npm

      Damrak2022 1 Reply Last reply Reply Quote 0
      • Damrak2022
        Damrak2022 @mickym last edited by

        @mickym Und wie geht das jetzt im einzelnen?

        mickym 1 Reply Last reply Reply Quote 0
        • mickym
          mickym Most Active @Damrak2022 last edited by

          @damrak2022 Nun Du musst das die Themen installieren und dann die settings,js bearbeiten.

          Also Du wechselst in Dein Datenvereichnis:

          cd /opt/iobroker/iobroker-data/node-red
          
          Damrak2022 1 Reply Last reply Reply Quote 0
          • Damrak2022
            Damrak2022 @mickym last edited by

            @mickym sagte in Visualisierung mit Node Red erstellen:

            cd /opt/iobroker/iobroker-data/node-red

            Bin ich

            mickym 1 Reply Last reply Reply Quote 0
            • mickym
              mickym Most Active @Damrak2022 last edited by

              @damrak2022 Dann die Themes installieren:

               npm install @node-red-contrib-themes/theme-collection
              
              Damrak2022 1 Reply Last reply Reply Quote 0
              • Damrak2022
                Damrak2022 @mickym last edited by

                @mickym sagte in Visualisierung mit Node Red erstellen:

                npm install @node-red-contrib-themes/theme-collection

                Habe ich auch:

                pi@homebridge:/opt/iobroker/iobroker-data/node-red $ npm install @node-red-contrib-themes/theme-collection
                
                added 1 package, and audited 409 packages in 7s
                
                16 packages are looking for funding
                  run `npm fund` for details
                
                10 vulnerabilities (1 low, 4 moderate, 5 high)
                
                To address issues that do not require attention, run:
                  npm audit fix
                
                To address all issues (including breaking changes), run:
                  npm audit fix --force
                
                Run `npm audit` for details.
                npm notice
                npm notice New major version of npm available! 8.19.3 -> 9.5.0
                npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.5.0
                npm notice Run npm install -g npm@9.5.0 to update!
                npm notice
                pi@homebridge:/opt/iobroker/iobroker-data/node-red $
                
                mickym 1 Reply Last reply Reply Quote 0
                • mickym
                  mickym Most Active @Damrak2022 last edited by

                  @damrak2022 Dann wechselst Du in das Verzeichnis:

                  cd /opt/iobroker/node_modules/iobroker.node-red
                  
                  Damrak2022 1 Reply Last reply Reply Quote 0
                  • Damrak2022
                    Damrak2022 @mickym last edited by

                    @mickym sagte in Visualisierung mit Node Red erstellen:

                    cd /opt/iobroker/node_modules/iobroker.node-red

                    pi@homebridge:/opt/iobroker/iobroker-data/node-red $ npm install @node-red-contrib-themes/theme-collection
                    
                    added 1 package, and audited 409 packages in 7s
                    
                    16 packages are looking for funding
                      run `npm fund` for details
                    
                    10 vulnerabilities (1 low, 4 moderate, 5 high)
                    
                    To address issues that do not require attention, run:
                      npm audit fix
                    
                    To address all issues (including breaking changes), run:
                      npm audit fix --force
                    
                    Run `npm audit` for details.
                    npm notice
                    npm notice New major version of npm available! 8.19.3 -> 9.5.0
                    npm notice Changelog: https://github.com/npm/cli/releases/tag/v9.5.0
                    npm notice Run npm install -g npm@9.5.0 to update!
                    npm notice
                    pi@homebridge:/opt/iobroker/iobroker-data/node-red $ cd /opt/iobroker/node_modules/iobroker.node-red
                    pi@homebridge:/opt/iobroker/node_modules/iobroker.node-red $
                    
                    mickym 1 Reply Last reply Reply Quote 0
                    • mickym
                      mickym Most Active @Damrak2022 last edited by

                      @damrak2022 Dort die settings.js bearbeiten - also

                      nano settings.js
                      
                      Damrak2022 1 Reply Last reply Reply Quote 0
                      • Damrak2022
                        Damrak2022 @mickym last edited by

                        @mickym sagte in Visualisierung mit Node Red erstellen:

                        nano settings.js

                        Bin ich

                        mickym 1 Reply Last reply Reply Quote 0
                        • mickym
                          mickym Most Active @Damrak2022 last edited by mickym

                          @damrak2022 Nun dann gehst Du ungefähr zu Ende in die Sektion

                          4e22f591-2790-47ad-9257-bf9c484a5e13-image.png

                          also Editor Settings - Editor Theme

                          das theme: ist mit 2 Schrägstrichen auskommentiert. Die beiden Schrägstriche löschen und dort dann den Namen des Themes eintragen. Also entweder "dark" oder "midnight-red".

                          Wenn Du hier Fehler machst - irgendwelche Kommas löschst oder Anführungszeichen vergisst, wird dein Node-Red nicht mehr starten.

                          Vielleicht beendest Du den Editor nochmal ohne was zu verändern und machst eine Sicherungskopie.

                          Beende also nano nochmals und dann

                          cp settings.js settings.js.bak
                          

                          und dann erst bearbeiten.

                          Damrak2022 1 Reply Last reply Reply Quote 0
                          • Damrak2022
                            Damrak2022 @mickym last edited by Damrak2022

                            @mickym Habe midnight-red eingetragen und wie speichere ich das jetzt - Mit control X
                            Bildschirm­foto 2023-02-21 um 03.15.12.png

                            mickym 1 Reply Last reply Reply Quote 0
                            • mickym
                              mickym Most Active @Damrak2022 last edited by mickym

                              @damrak2022 Ok dann musst du noch etwas nach unten zum monaco Editor.

                              a1a85893-44f3-4333-b1ba-bba0fcd8b62c-image.png

                              dort zum codeEditor. Dort gibst auch noch eine theme - das steht vs drin - das musst Du ändern in "monoindustrial"

                              Wenn Du das hast mit Control+X beenden und mit J bestätigen und settings.js bestätigen.

                              Dann Node-Red Instanz neu starten, das wars.

                              Damrak2022 1 Reply Last reply Reply Quote 0
                              • Damrak2022
                                Damrak2022 @mickym last edited by

                                @mickym Habe ich
                                Bildschirm­foto 2023-02-21 um 03.20.07.png

                                mickym 1 Reply Last reply Reply Quote 0
                                • mickym
                                  mickym Most Active @Damrak2022 last edited by

                                  @damrak2022 Genua wie gesagt mit Control+X beenden mit Y oder J bestätigen und settings.js ebenfalls bestätigen. Die Node-Red Instanz muss dann neu gestartet werden.

                                  Damrak2022 1 Reply Last reply Reply Quote 0
                                  • Damrak2022
                                    Damrak2022 @mickym last edited by

                                    @mickym Ja, muss nur kurz überlegen, denn Control X war es nicht. Da passiert nichts.

                                    mickym 1 Reply Last reply Reply Quote 0
                                    • mickym
                                      mickym Most Active @Damrak2022 last edited by mickym

                                      @damrak2022 sagte in Visualisierung mit Node Red erstellen:

                                      @mickym Ja, muss nur kurz überlegen, denn Control X war es nicht. Da passiert nichts.

                                      Doch 675f8d5d-9e6c-41a7-816e-7f8041179b1d-image.png

                                      Alternativ mit Control O Speichern - das siehst DU doch unten im Editor.

                                      Ich hab nur keine Ahnung ob Dein Mac das macht - der hat glaub keine Ctrl Taste oder die heißt anders.

                                      Damrak2022 1 Reply Last reply Reply Quote 0
                                      • Damrak2022
                                        Damrak2022 @mickym last edited by

                                        @mickym Bei mir sieht das etwas anders aus:
                                        Bildschirm­foto 2023-02-21 um 03.24.48.png

                                        mickym 1 Reply Last reply Reply Quote 0
                                        • mickym
                                          mickym Most Active @Damrak2022 last edited by

                                          @damrak2022 Ist aber die gleiche Tastenkobination Ctrl+X ist Exit und Ctrl+O ist Speichern.

                                          Damrak2022 1 Reply Last reply Reply Quote 0
                                          • Damrak2022
                                            Damrak2022 @mickym last edited by

                                            @mickym Ist seltsam

                                            bei Control O bin ich hier gelandet:
                                            Bildschirm­foto 2023-02-21 um 03.26.54.png

                                            mickym 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            950
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            4
                                            4845
                                            2005799
                                            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