Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Wie aus einem HTML-Widget ein neues Widget machen?

    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

    Wie aus einem HTML-Widget ein neues Widget machen?

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Communicate last edited by

      So, den github Zugang hab ich schonmal. Jetzt muss ich aus

      dem Widgetset nur noch einen Adapter machen . Vielleicht gibt's dazu ja auch irgendwo ne Anleitung

      , die ich einfach nicht kenne

      von unterwegs gesendet

      1 Reply Last reply Reply Quote 0
      • Bluefox
        Bluefox last edited by

        Also erst eine aussagekräftige Name ausdenken 🙂
        48_2015-12-06_17_20_12-germanbluefox.png
        48_2015-12-06_17_45_02-create_a_new_repository.png
        URL von Repository copieren
        48_2015-12-06_17_45_41-germanbluefox_iobroker.vis-circlemenu.png
        Lokal auf dem Rechne Clonen. Ich verwende unter windows https://tortoisegit.org/TortouseGit+ WinGit https://git-scm.com/download/win
        48_2015-12-06_17_46_39-pwork.png

        Danach deine Dateien dorthin kopieren.
        48_2015-12-06_17_53_15-iobroker.vis-circlemenu.png
        Alle communicate oder was auch immer mit neuen Namen ersetzten.

        Unbedingt in package.json auch URLs anpassen.

        ! ````
        {
        "name": "iobroker.vis-circlemenu",
        "description": "circlemenu Widgets for ioBroker.vis",
        "version": "0.0.1",
        "author": {
        "name": "circlemenu",
        "email": "dominic@bialas24.de"
        },
        "contributors": [
        "communicate dominic@bialas24.de"
        ],
        "homepage": "https://github.com/GermanBluefox/ioBroker.vis-circlemenu",
        "repository": {
        "type": "git",
        "url": "https://github.com/GermanBluefox/ioBroker.vis-circlemenu"
        },
        "licenses": [
        {
        "type": "MIT",
        "url": "https://github.com/GermanBluefox/ioBroker.vis-circlemenu/blob/master/LICENSE"
        }
        ],
        "keywords": [
        "ioBroker",
        "GUI",
        "circlemenu vis"
        ],
        "devDependencies": {
        "grunt": "^0.4.5",
        "grunt-replace": "^0.9.3",
        "grunt-contrib-jshint": "^0.11.2",
        "grunt-jscs": "^2.0.0",
        "grunt-http": "^1.6.0",
        "grunt-contrib-clean": "^0.6.0",
        "grunt-contrib-compress": "^0.13.0",
        "grunt-contrib-copy": "^0.8.0",
        "grunt-exec": "^0.4.6"
        },
        "bugs": {
        "url": "https://github.com/GermanBluefox/ioBroker.vis-circlemenu/issues"
        },
        "main": "widgets/circlemenu.html",
        "scripts": {
        "test": "echo "Error: no test specified" && exit 1"
        },
        "license": "MIT"
        }/dominic@bialas24.de

        Ein Commit machen und dann push.
         ![48_2015-12-06_17_58_40-pwork.png](/assets/uploads/files/48_2015-12-06_17_58_40-pwork.png) 
         ![48_2015-12-06_17_59_00-pwork.png](/assets/uploads/files/48_2015-12-06_17_59_00-pwork.png) 
        
        Man kann hier anschauen, was gelungen ist:
        
        [https://github.com/GermanBluefox/ioBrok … circlemenu](https://github.com/GermanBluefox/ioBroker.vis-circlemenu)
        
        Man sollte die Attrubutes auf English nennen.
        
        
            data-vis-attrs3="schrift_groesse;schrift_groesse_oben;Einheit;"
            data-vis-attrs4="weite[40]/slider,0,1000,1;"
        
        
        Bei mir geht übrigens nicht.
        1 Reply Last reply Reply Quote 0
        • C
          Communicate last edited by

          Hallo Bluefox,

          ich habe jetzt alle Dateien in meinen GitHub Account hochgeladen:

          https://github.com/Nic0205/ioBroker.vis-menus

          wie installiere ich denn dieses Widgetset jetzt?

          Ich habe es mit

          npm install https://github.com/Nic0205/ioBroker.vis-menus
          

          probiert. Aber da kam folgendes:

          npm http GET https://github.com/Nic0205/ioBroker.vis-menus
          npm http 200 https://github.com/Nic0205/ioBroker.vis-menus
          npm ERR! not a package /root/tmp/npm-7079-psL5LX8D/1449604259484-0.333089035237208/tmp.tgz
          npm ERR! Error: ENOENT, open '/root/tmp/npm-7079-psL5LX8D/1449604259484-0.333089035237208/package/package.json'
          npm ERR! If you need help, you may report this log at:
          npm ERR!     <http: github.com/isaacs/npm/issues="">
          npm ERR! or email it to:
          npm ERR!     <npm-@googlegroups.com>
          
          npm ERR! System Linux 4.1.7+
          npm ERR! command "/usr/local/bin/node" "/usr/local/bin/npm" "install" "https://github.com/Nic0205/ioBroker.vis-menus"
          npm ERR! cwd /opt/iobroker
          npm ERR! node -v v0.10.22
          npm ERR! npm -v 1.3.14
          npm ERR! path /root/tmp/npm-7079-psL5LX8D/1449604259484-0.333089035237208/package/package.json
          npm ERR! code ENOENT
          npm ERR! errno 34
          npm ERR! 
          npm ERR! Additional logging details can be found in:
          npm ERR!     /opt/iobroker/npm-debug.log
          npm ERR! not ok code 0</npm-@googlegroups.com></http:>
          

          Was mache ich falsch?

          Und dann noch eine Frage: nachdem ich das template umbenannt habe, habe ich ja npm install eingegeben. Danach wurde im Widgetset ein Verzeichnis "node-modules" erstellt. Soll ich das wieder löschen? Hochgeladen nach GitHub habe ich es erst einmal nicht…

          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by

            > wie installiere ich denn dieses Widgetset jetzt?

            https://github.com/Nic0205/ioBroker.vis-menus/tarball/master
            

            Oder in admin
            48_2015-12-08_22_26_23-iobroker.admin.png

            1 Reply Last reply Reply Quote 0
            • C
              Communicate last edited by

              Hallo Bluefox,

              danke!

              Das installieren klappt jetzt, aber ich sehe das Widgetset nicht in VIS.

              Fehlt da noch etwas?

              1 Reply Last reply Reply Quote 0
              • C
                Communicate last edited by

                Hab die Instanz vergessen 😞 . Aber wenn ich eine neue Instanz vom widgetset erzeugen will, bekomme ich folgende Meldung :

                $ ./iobroker add vis-vis-menus
                ERROR: events.js:72
                        throw er; // Unhandled 'error' event
                              ^
                Error: listen EADDRINUSE
                    at errnoException (net.js:901:11)
                    at Server._listen2 (net.js:1039:14)
                    at listen (net.js:1061:10)
                    at Server.listen (net.js:1127:5)
                    at _initWebServer (/opt/iobroker/node_modules/iobroker.js-controller/lib/objects/objectsInMemServer.js:2460:24)
                    at /opt/iobroker/node_modules/iobroker.js-controller/lib/objects/objectsInMemServer.js:143:9
                    at new ObjectsInMemServer (/opt/iobroker/node_modules/iobroker.js-controller/lib/objects/objectsInMemServer.js:150:7)
                    at null._onTimeout (/opt/iobroker/node_modules/iobroker.js-controller/lib/setup.js:2158:27)
                    at Timer.listOnTimeout [as ontimeout] (timers.js:110:15)
                
                ERROR: process exited with code 8
                

                Woran könnte das liegen?

                Ich vermute, dass es damit zusammenhängt, dass die erste Zeile schon "vis-vis-menus" heisst und nicht "vis-menus".

                In welcher Datei habe ich das denn falsch geändert, falls es das wirklich sein sollte…

                von unterwegs gesendet

                1 Reply Last reply Reply Quote 0
                • Bluefox
                  Bluefox last edited by

                  @Communicate:

                  Ich vermute, dass es damit zusammenhängt, dass die erste Zeile schon "vis-vis-menus" heisst und nicht "vis-menus".

                  In welcher Datei habe ich das denn falsch geändert, falls es das wirklich sein sollte… `
                  https://github.com/Nic0205/ioBroker.vis … ge.json#L3

                  https://github.com/Nic0205/ioBroker.vis ... ge.json#L2

                  Es kann auch sein, dass dein RasPI timeout bekommt. Dann kannst du das machen:

                  http://forum.iobroker.net/viewtopic.php?f=22&t=1544

                  oder

                  http://forum.iobroker.net/viewtopic.php ... 224#p13224

                  1 Reply Last reply Reply Quote 0
                  • C
                    Communicate last edited by

                    Hallo Bluefox,

                    die Kombination aus TImeout erhöhen und Name ändern wars dann.

                    Nur leider wird mir das Widgetset immer noch nicht angezeigt 😞

                    Ich habe jetzt einen Adapter, eine Instanz, aber kein angezeigtes Widgetset 😞

                    Hast Du eine Idee für mich?

                    1 Reply Last reply Reply Quote 0
                    • Bluefox
                      Bluefox last edited by

                      @Communicate:

                      Hallo Bluefox,

                      die Kombination aus TImeout erhöhen und Name ändern wars dann.

                      Nur leider wird mir das Widgetset immer noch nicht angezeigt 😞

                      Ich habe jetzt einen Adapter, eine Instanz, aber kein angezeigtes Widgetset 😞

                      Hast Du eine Idee für mich? `
                      Habe dir einen Pull-Request gemacht.

                      1 Reply Last reply Reply Quote 0
                      • C
                        Communicate last edited by

                        Guten Morgen,

                        danke, das war dann wohl eigene doofheit :roll:

                        Ich habe gerade einmal versucht, die Version hochzusetzen. das klappt aber leider auch nicht.

                        bei````
                        grunt p

                        
                        erscheint
                        
                        

                        root@raspberrypi:/opt/iobroker/node_modules/iobroker.vis-menus# grunt p
                        Loading "Gruntfile.js" tasks...ERROR

                        TypeError: Cannot read property '0' of undefined
                        Warning: Task "p" not found. Use --force to continue.

                        Aborted due to warnings.

                        
                        Woran kann das liegen?
                        1 Reply Last reply Reply Quote 0
                        • C
                          Communicate last edited by

                          Hallo Bluefox, hast du einen tip für mich?

                          von unterwegs gesendet

                          1 Reply Last reply Reply Quote 0
                          • Bluefox
                            Bluefox last edited by

                            @Communicate:

                            Hallo Bluefox, hast du einen tip für mich?

                            von unterwegs gesendet `
                            Eigentlich man kann nur in 4 Dateien Version manuell hochzählen:

                            • package.json

                            • io-package.json

                            • /widgets/xxx.html

                            • /widgets/xxx/js/xxx.js

                            Aber du kannst auch Gruntfile.js von hier nehmen:

                            https://github.com/ioBroker/ioBroker.vi … untfile.js

                            (Habe Fehler gefunden)

                            1 Reply Last reply Reply Quote 0
                            • Lenny.CB
                              Lenny.CB Most Active last edited by

                              @Bluefox:

                              Schritt 1. - Template runterladen

                              Runterladen https://github.com/ioBroker/ioBroker.vi … master.zip.

                              Schritt 2 - Template auspacken

                              Auspacken in /opt/iobroker/node_modules

                              Schritt 3 - Template Verzeichnis umbenennen

                              Umbenennen "/opt/iobroker/node_modules/ioBroker.vis-template-master" ins "/opt/iobroker/node_modules/iobroker.vis-communicate"

                              Schritt 4 - npm Pakete laden

                                cd /opt/iobroker/node_modules/iobroker.vis-communicate
                                npm install
                              

                              Schritt 5 - Template selbst umbenennen

                              grunt rename –name=communicate --author=Communicate --email=dominic@bialas24.de

                              Schritt 6 - style.css befühlen

                              Die Datei /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate/css/style.css

                              mit

                              ! @font-face { font-family: 'CF'; src: url('Cicle Fina.ttf'); } ! .communicate-ul { margin:0px; padding:0px; list-style-type:none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } ! .communicate-var_nav { position:relative; background:#e2e1f4; width:361px; height:70px; margin-bottom:50px; } ! .communicate-link_bg { width:70px; height:70px; position:absolute; ! background:#7A56A0; color:white; ! z-index:2; } ! .communicate-link_bg-i { position:relative; } ! .communicate-link_title { position:absolute; width:100%; z-index:3; color:#7A56A0; } .communicate-link_title:hover .icon { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); } ! .communicate-var_nav:hover .link_bg { width:100%; background:#E01B6A; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ! .communicate-var_nav:hover { font-weight:bold; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; } ! .communicate-icon { position:relative; width:70px; height:70px; text-align:center; color:white; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; float:left; transition:all .5s ease-in-out; float:left; } ! .communicate-left { text-align:left; } .communicate-right { text-align: right; } .communicate-center { text-align: center; } .communicate-justify { text-align: justify; } .communicate-start { text-align: start; } .communicate-img { margin-top: 0.7em; } .communicate-p { margin-top: 0.7em; padding-left: 80px; } !
                              Befüllen.

                              Schritt 6 - communicate.html befühlen

                              Die Datei /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate.html

                              mit

                              Befüllen.

                              Schritt 7 - communicate.js löschen

                              Die Datei /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate/js/communicate.js

                              und Verzeichnis /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate/js/

                              löschen, weil nicht benutzt wird.

                              Schritt 8 - Image einfügen

                              Alles was in /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate/img liegt

                              löschen und die Datei sani_heating_temp.svg dorthin kopieren.

                              Schritt 9 - Font einfügen

                              Die Datei Cicle Fina.ttf ins /opt/iobroker/node_modules/ioBroker.vis-communicate/widgets/communicate/css kopieren.

                              Schritt 10 - Debug einschalten und Kode uploaden

                              cd /opt/iobroker
                              iobroker visdebug communicate
                              
                              

                              Hier sind Windows-Ausgaben:

                              ! ````
                              C:\pWork>iobroker visdebug communicate
                              ! C:\pWork>node node_modules/iobroker.js-controller/iobroker.js visdebug communicate
                              Upload "C:\pWork\node_modules\iobroker.js-controller\node_modules\iobroker.vis\www\index.html.original"
                              Upload "C:\pWork\node_modules\iobroker.js-controller\node_modules\iobroker.vis\www\edit.html.original"
                              Modify "C:\pWork\node_modules\iobroker.js-controller\node_modules\iobroker.vis\www\cache.manifest"
                              Modify config.js
                              Upload C:/pWork/node_modules/iobroker.vis-communicate/widgets
                              Upload "C:/pWork/node_modules/iobroker.vis-communicate/widgets/communicate/css/style.css"
                              Upload "C:/pWork/node_modules/iobroker.vis-communicate/widgets/communicate/img/sani_heating_temp.svg"
                              Upload "C:/pWork/node_modules/iobroker.vis-communicate/widgets/communicate/js/communicate.js"
                              Upload "C:/pWork/node_modules/iobroker.vis-communicate/widgets/communicate.html"

                              
                              Das muss man machen bei jeder Änderung in irgendeine Datei in ****C:/pWork/node_modules/iobroker.vis-communicate/widgets**** damit man die Änderungen in vis sieht.
                              
                              .
                              
                              .
                              
                              . `  
                              

                              ######################################################################################

                              hallo Bluefox, tolle Anleitung! Habe das mal ausprobiert aber leider werden mir die Widges nicht im vis-Editor angezeigt.

                              Im Admin ist es vorhanden. Auch eine Instanz ist da und läuft.

                              Was kann hier schief laufen? Ist alles wie in deiner Beschreibung durch gelaufen.

                              Bis auf (Schritt 10 der Anleitung):

                              root@lemaker:/opt/iobroker# iobroker visdebug lenny
                              Upload "/opt/iobroker/node_modules/iobroker.vis/www/index.html.original"
                              Upload "/opt/iobroker/node_modules/iobroker.vis/www/edit.html.original"
                              Modify "/opt/iobroker/node_modules/iobroker.vis/www/cache.manifest"
                              Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets"
                              Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/css/style.css"
                              Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/img/sani_heating_temp.png"
                              Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/js/lenny.js"
                              Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny.html"
                              root@lemaker:/opt/iobroker#
                              
                              

                              bei mir fehlt nach der Ausgabe in deiner Anleitung:

                              Modify config.js
                              

                              Grüße, Lenny

                              1 Reply Last reply Reply Quote 0
                              • Bluefox
                                Bluefox last edited by

                                ` > bei mir fehlt nach der Ausgabe in deiner Anleitung:

                                Код:

                                Modify config.js `
                                Cache gelöscht?

                                1 Reply Last reply Reply Quote 0
                                • Lenny.CB
                                  Lenny.CB Most Active last edited by

                                  @Bluefox:

                                  Cache gelöscht? ` npm chache clean + Browser-Cache ?

                                  muss das bei jedem neunen "iobroker visdebug" gemacht werden?

                                  Browser cache löschen
                                  
                                  hat keine Änderung gebracht
                                  
                                  npm chache clean
                                  
                                  muss ich Abend probieren, habe aus der Ferne "noch" keinen Konsolenzugriff
                                  

                                  Grüße, Lenny

                                  1 Reply Last reply Reply Quote 0
                                  • Bluefox
                                    Bluefox last edited by

                                    @Lenny.CB:

                                    @Bluefox:

                                    Cache gelöscht? ` npm chache clean + Browser-Cache ?

                                    muss das bei jedem neunen "iobroker visdebug" gemacht werden?

                                    Browser cache löschen
                                    
                                    hat keine Änderung gebracht
                                    
                                    npm chache clean
                                    
                                    muss ich Abend probieren, habe aus der Ferne "noch" keinen Konsolenzugriff
                                    

                                    Grüße, Lenny `
                                    Nein. Kannst du selbst checken, ob in /opt/iobroker/iobroker-data/files/vis/js/config.js dein Widget-Set aufgelistet ist?

                                    1 Reply Last reply Reply Quote 0
                                    • Lenny.CB
                                      Lenny.CB Most Active last edited by

                                      @Bluefox:

                                      Cache gelöscht? `
                                      Jupp, Browser-Cache und npm cache clean gemacht…

                                      selbes Ergebnis.

                                      root@lemaker:/opt/iobroker# iobroker visdebug lenny
                                      Upload "/opt/iobroker/node_modules/iobroker.vis/www/index.html.original"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis/www/edit.html.original"
                                      Modify "/opt/iobroker/node_modules/iobroker.vis/www/cache.manifest"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/css/style.css"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/img/sani_heating_temp.png"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/js/lenny.js"
                                      Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny.html"
                                      root@lemaker:/opt/iobroker#
                                      

                                      @Bluefox:

                                      Nein. Kannst du selbst checken, ob in /opt/iobroker/iobroker-data/files/vis/js/config.js dein Widget-Set aufgelistet ist? `
                                      Habe in der Datei geschaut. Ist ein Widget-Set angelegt. Wird dennoch nicht im VIS angezeigt.

                                      var visConfig = {
                                          "widgetSets": [
                                              "bars",
                                              "basic",
                                              "hqwidgets",
                                              "jqplot",
                                              {
                                                  "name": "jqui-mfd",
                                                  "depends": [
                                                      "basic",
                                                      "jqui"
                                                  ]
                                              },
                                              {
                                                  "name": "jqui",
                                                  "depends": [
                                                      "basic"
                                                  ]
                                              },
                                              {
                                                  "name": "lenny",
                                                  "depends": []
                                              },
                                              {
                                                  "name": "metro",
                                                  "depends": [
                                                      "jqui-mfd",
                                                      "basic"
                                                  ]
                                              },
                                              "plumb",
                                              "rgraph",
                                              "tabs",
                                              "timeandweather",
                                              "weather-adapter"
                                          ]
                                      };
                                      if (typeof exports != 'undefined') {
                                          exports.config = visConfig;
                                      } else {
                                          visConfig.language = window.navigator.userLanguage || window.navigator.language;
                                      }
                                      
                                      
                                      1 Reply Last reply Reply Quote 0
                                      • Lenny.CB
                                        Lenny.CB Most Active last edited by

                                        so bin weiter gekommen…

                                        habe mal eine höhere node-Version drauf gepackt....

                                        von````
                                        root@lemaker:/opt/iobroker# node -v
                                        v0.10.22

                                        auf
                                        root@lemaker:~# node -v
                                        v0.12.6

                                        
                                        nun läuft auch````
                                        iobroker visdebug lenny
                                        ````und die fehlende Zeile "Modify config.js" ist nun auch da.
                                        

                                        root@lemaker:/opt/iobroker# iobroker visdebug lenny
                                        Upload "/opt/iobroker/node_modules/iobroker.vis/www/index.html.original"
                                        Upload "/opt/iobroker/node_modules/iobroker.vis/www/edit.html.original"
                                        Modify "/opt/iobroker/node_modules/iobroker.vis/www/cache.manifest"
                                        Modify config.js
                                        Upload /opt/iobroker/node_modules/iobroker.vis-lenny/widgets
                                        Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/css/style.css"
                                        Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/img/sani_heating_temp.png"
                                        Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny/js/lenny.js"
                                        Upload "/opt/iobroker/node_modules/iobroker.vis-lenny/widgets/lenny.html"
                                        root@lemaker:/opt/iobroker#

                                        
                                        im VIS-Editor werden nun auch 13 Widget-Sätze geladen. Mein erstellter Satz wir auch angezeigt.
                                        
                                        Nur leider ohne Inhalt. Werd mal weiter probieren…
                                        1 Reply Last reply Reply Quote 0
                                        • B
                                          BuzzIbauz last edited by

                                          Hallo Liebe Leute,

                                          auch ich versuche mich gerade daran ein eigenens widget für einen Wand Thermostat zu erstellen, leider aber nur mit mäßigem Erfolg. ERstemal Danke @Bluefox für die tolle Anleitung! Das hat soweit geklappt, und ich kann auch mein Widget schon im Vis sehen und benutzen, allerdings schaffe ich es leider nicht, dass mein Javascipt läuft. Ich hab schon alles mögliche versucht, aber wenn ich im laufenden betrieb mit dem "prüfen" Feature von Chrome versuche zu debuggen finde ich meine .js Datei gar nicht. Ich hoffe ihr könnt mir helfen, denn ich komm selber einfach nicht drauf. Im Anhang findet ihr ein Zip mit meinem Widget vom Rasperry und dann nochmal das file "slider.html" das zeigt wie es aussehen sollte.

                                          Vielen Dank schon mal für eure Mühen!
                                          1366_slider.zip
                                          1366_iobroker.vis-buzzhome-wandthermostat.zip

                                          1 Reply Last reply Reply Quote 0
                                          • D
                                            dtp last edited by

                                            Hi,

                                            ich würde gerne das hier in ein fertiges Widget zur Steuerung meiner Heizung umgestalten:

                                            996_2017-02-26_10h38_33.gif

                                            Im Moment habe ich das Ganze noch als einen View in vis realisiert, den ich über ein Dialog-Widget aufrufe (siehe http://forum.iobroker.net/viewtopic.php?f=21&t=4199&p=40139#p40139). Nur leider ist der Bildaufbau ziemlich langsam. Daher dachte ich daran, das Dialogfenster in ein Widget umzugestalten.

                                            Geht das?

                                            Gruß,

                                            Thorsten

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            766
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            5
                                            79
                                            16082
                                            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