Widget circle-menu

Communicate

Hallo zusammen,

ich hätte auch starkes Interesse an so einer Menülösung.

Ich würde mich dran versuchen und das ganze dann auch als Widget zur verfügung stellen (wenn es denn klappen sollte).

Leider bin ich im Moment beruflich stark eingespannt (deshalb ist das Widget set aus dem zitierten Link auch noch nicht veröffentlicht).

Mal schauen, ob und was ich ggf. am Wochenende hinbekommen kann…

Communicate

Hallo zusammen,

ich bin mit einem ersten Widget schon relativ weit.

Woran ich noch scheitere ist folgender Sachverhalt:

Ich möchte einem a href den Inhalt einer Eigenschaft zuweisen, die man vorher in den Widgeteinstellungen erfasst hat.

So sieht der Code aus:

*   [> <%== this.data.attr('link3')%>](#)

Link3 ist der Name der Widget-Eigenschaft. Hier sollte eigentlich der View stehen, zu welchen der Link führen soll.

Doch wie kann ich den in <%== this.data.attr('link3') %> vorhandenen Text in in einen html a Href link umwandeln?

Hat hier jemand einen Tip für mich?
8413_unbenannt.jpg

Bluefox

So?

*   [<%== this.data.attr('link3')%>](#<%== this.data.attr('link3') %>)

mc-hollin

Super!

Dann bekomme ich vielleicht doch noch mein Weihnachtsgeschenk :D

Könntest du beim Widget eventuell eine Möglichkeit einplanen, die es ermöglicht im Mainmenüpunkt immer den aktuellen Text des ausgewählten Submenupunkt anzuzeigen?

Dann sieht man immer was gerade aktuell ist ohne die Views selber zu beschriften.

simpixo

Zeige mal was du da bastelst ;-)

Gesendet von meinem iPhone mit Tapatalk

Communicate

Ich schau mal, ob ich das heute abend zu einer 0.001 Version schaffe.

Aber das ist nur ein allererster Versuch - und auch nur ein einziges Menu - quasi eine Machbarkeitsstunde.

Weiterentwickeln müssen wir die Ideen dann gemeinsam.

Communicate

Hallo zusammen,

so, anbei ein erster Versuch.

Das ganze war für mich eine Machbarkeitsstudie - es ist also noch viel zu tun.

Ich habe mir ein Menü aus dem Link von Bluefox rausgesucht und versucht es als Widget umzusetzen.

Dabei habe ich ein Menu genommen, das auch schön nur mit CSS funktioniert, da ich noch keine

Ahnung habe, wie ich JS in ein Widget integrieren kann.

Hier nun das erste Ergebnis:
515_iobroker.vis-communicate_001.zip
Wenn ich das alles richtig verstanden habe, dann sollte es folgendermaßen funkionieren:

Bitte die Dateien nach

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

entpacken.

Danach

cd /opt/iobroker
iobroker visdebug communicate

Jetzt sollte alles hochgeladen sein, so dass nach einen Reload von vis eine Neues Widgetset "Communicate" vorhanden sein sollte.

Berichtet doch mal, ob es geklappt hat…

Grüße

Dominic

mc-hollin

Klasse,

werde versuchen es heute Abend in der Testumgebung einzubauen.

Ist ja der 1.Advent und da ist der WAF nicht so hoch ;)

pix

Hallo Dominic,

Adapter mit Widget Set entpackt, taucht in Admin auf und lässt sich installieren. Danach allerdings keine Änderung in VIS (7.7), finde die Widgets in der Widgetauswahl nicht.

Admin/Instanzen (log level fehlt noch) 261_bildschirmfoto_2015-11-29_um_18.40.32.jpg
Übrigens: ~~@Communicate:~~

cd /opt/iobroker
iobroker visdebug communicate
```` `  brachte die Anzeige der iobroker Hilfe:

! MacMini-Ethernet:iobroker pix$ ./iobroker visdebug communicate
! Commands:
! iobroker setup [–objects <host>] [–states <host>] [custom]
! iobroker start
! iobroker stop
! iobroker start <adapter>iobroker stop <adapter>iobroker start all
! iobroker restart
! iobroker restart <adapter>iobroker add <adapter>[–enabled] [–host <host>] [–port <port>]
! iobroker install <adapter>iobroker del <adapter>iobroker del <adapter>. <instance>iobroker update [repository url] [–updatable]
! iobroker upgrade [repository url]
! iobroker upgrade self [repository url]
! iobroker upgrade <adapter>[repository url]
! iobroker upload <adapter>iobroker upload all
! iobroker object get <id>iobroker object chmod <object-mode>[state-mode] <id>iobroker object chown <user><group><id>iobroker object list <id>iobroker state get <id>iobroker state getplain <id>iobroker state set <id><value>[ack]
! iobroker list <type>[filter]
! iobroker chmod <mode><file>iobroker chown <user><group><file>iobroker touch <file>iobroker rm <file>iobroker adduser <user>[–ingroup group] [–password pass]
! iobroker deluser <user>iobroker passwd <user>[–password pass]
! iobroker set <adapter>. <instance>[–port port] [–ip address] [–ssl
! true|false]
! iobroker clean
! iobroker backup
! iobroker restore <backup name/or/path="">Optionen:
! --objects [Standard: "127.0.0.1"]
! –states [Standard: "127.0.0.1"]
! –lang [Standard: "en"]</backup></instance></adapter></user></user></user></file></file></file></group></user></file></mode></type></value></id></id></id></id></id></group></user></id></object-mode></id></adapter></adapter></instance></adapter></adapter></adapter></port></host></adapter></adapter></adapter></adapter></host></host>

:?:

Gruß,

Pix

Communicate

Welche ja Controller version hast du?

pix

Js-Controller 0.7.14

Gesendet von meinem iPhone mit Tapatalk

Communicate

ah, ok. dann haben wir da schon das Problem.

Hier in diesem Thread hat Bluefox erwähnt, dass man dafür mindestens 0.7.15 benötigt:

<url url="http://forum.iobroker.net/viewtopic.php?f=30&t=1556&hilit=widget+entwicklung#p13205">~~[http://forum.iobroker.net/viewtopic.php?f=30&t=1556&hilit=widget+entwicklung#p13205 " target="_blank">](</s><LINK_TEXT text=)~~[<link_text text="http://forum.iobroker.net/viewtopic.php … ng#p13205
">http://forum.iobroker.net/viewtopic.php?f=30&t=1556&hilit=widget+entwicklung#p13205</link_text>](</s><LINK_TEXT text=)</url>

Man kann die 0.7.15 wie folgt installieren:

cd /opt/iobroker
sudo iobroker stop
sudo npm install https://github.com/ioBroker/ioBroker.js-controller/tarball/master
sudo iobroker start

Magst Du berichten, ob es geklappt hat - danach können wir dann gemeinsam weiter an den Widgets entwickeln…

Grüße aus dem stürmischen Norden

Dominic

pix

Hallo,

leider habe ich das Update auf 0.7.15 gemacht, bevor ich mehr gelesen habe. Jetzt ist mein Produktivsystem wieder mal abgeschmiert.

Log (ganzer Vorgang im Textfile-Anhang)

! ├── npm@2.14.13
! ├── rimraf@2.4.4
! └─┬ socket.io-adapter@0.3.1
! └─┬ debug@1.0.2
! └── ms@0.6.2
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/package.json'
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/node_modules/ftp-response-parser/package.json'
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/node_modules/jsftp/package.json'
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/node_modules/mqtt-packet/package.json'
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/node_modules/node_modules/package.json'
! npm WARN ENOENT ENOENT: no such file or directory, open '/Users/pix/Documents/iobroker/node_modules/through2/package.json'
! npm WARN EPACKAGEJSON iobroker No description
! npm WARN EPACKAGEJSON iobroker No repository field.
! npm WARN EPACKAGEJSON iobroker No README data
! npm WARN EPACKAGEJSON iobroker No license field.
! MacMini-Ethernet:iobroker pix$ ./iobroker start
! Starting ioBroker controller daemon…
! /Users/pix/Documents/iobroker/node_modules/daemonize2/lib/daemonize.js:136
! throw new Error(msg.error);
! ^
! Error: Error: Cannot find module 'socket.io'
! at Function.Module._resolveFilename (module.js:337:15)
! at Function.Module._load (module.js:287:25)
! at Module.require (module.js:366:17)
! at require (module.js:385:17)
! at Object. <anonymous>(/Users/pix/Documents/iobroker/node_modules/iobroker.js-controller/lib/objects/objectsInMemServer.js:8:16)
! at Module._compile (module.js:425:26)
! at Object.Module._extensions..js (module.js:432:10)
! at Module.load (module.js:356:32)
! at Function.Module._load (module.js:311:12)
! at Module.require (module.js:366:17)
! at ChildProcess. <anonymous>(/Users/pix/Documents/iobroker/node_modules/daemonize2/lib/daemonize.js:136:19)
! at emitTwo (events.js:87:13)
! at ChildProcess.emit (events.js:172:7)
! at handleMessage (internal/child_process.js:686:10)
! at Pipe.channel.onread (internal/child_process.js:440:11)
! MacMini-Ethernet:iobroker pix$</anonymous></anonymous>

Zum Glück habe ich TimeMachine und heute etwas Zeit. 261_fehler.txt

Gruß

Pix

Communicate

Oh :-( das tut mir leid. Vielleicht kann bluefox hier unterstützen

von unterwegs gesendet

mc-hollin

So, ich hab dein Widget auch mal installiert.

Ging soweit alles ohne Fehler.

Im VIS wird das Widget-Packet "communicate" auch angezeigt.

Leider sehe ich kein Widget.

Meine js.controller Version ist 0.7.15

Mir ist Aufgefallen, dass bei der Instanz kein Default-Log eingestellt ist.

Gruß

Holger

Communicate

Hmm. Den visdebug communicate hast du aber gemacht, oder?

von unterwegs gesendet

Communicate

Sonst muss bluefox hier mal mit unterstützen.

von unterwegs gesendet

mc-hollin

Hier die Ausgabe von visdebug:

! D:\Hausserver-Entwicklung\ioBroker>node node_modules/iobroker.js-controller/iobroker.js visdebug communicate
! Upload "D:\Hausserver-Entwicklung\ioBroker\node_modules\ioBroker.vis\www\index.html.original"
! Upload "D:\Hausserver-Entwicklung\ioBroker\node_modules\ioBroker.vis\www\edit.html.original"
! Modify "D:\Hausserver-Entwicklung\ioBroker\node_modules\ioBroker.vis\www\cache.manifest"
! Upload "D:/Hausserver-Entwicklung/ioBroker/node_modules/iobroker.vis-communicate/widgets"
! Upload "D:/Hausserver-Entwicklung/ioBroker/node_modules/iobroker.vis-communicate/widgets/communicate/css/Cicle Fina.ttf"
! Upload "D:/Hausserver-Entwicklung/ioBroker/node_modules/iobroker.vis-communicate/widgets/communicate/css/style.css"
! Upload "D:/Hausserver-Entwicklung/ioBroker/node_modules/iobroker.vis-communicate/widgets/communicate/img/sani_heating_temp.svg"
! Upload "D:/Hausserver-Entwicklung/ioBroker/node_modules/iobroker.vis-communicate/widgets/communicate.html"

Communicate

Das sieht eigentlich gut aus.

Hast du mal einen reboot probiert? Aber das ist jetzt nur stochern im Nebel.

@Bluefox: haben wir etwas vergessen?

von unterwegs gesendet

mc-hollin

Ich hab mal mit "jqui-mfd" verglichen.

Hier liegt noch eine "doc.html" im Verzeichnis "ioBroker\node_modules\iobroker.vis-jqui-mfd\widgets\jqui-mfd".

Ist die eventuell für die Ansicht zuständig?

Community Forum

NEWS

Widget circle-menu

Support us

824

32.6k

81.9k

1.3m