IoBroker.vis - hqWidgets (nur 2 Widgets)
-
Ich habe endlich Zeit und Mut gefunden hqWidgets anzufassen. Tatsache ist, dass ich alles umschreiben sollte, Vorteil aber, dass es viel stabiler und schneller jetzt läuft.
Es sind erstmal nur 2 Widgets fertig: Button und Dimmer.
Auch Import aus DashUI funktioniert noch nicht (Werde aber als nächstes machen)
Bitte spielen und testen.Es gibt auch neues Widget - CircleKnob:
So kann es aussehen: http://anthonyterrien.com/knob/Ich habe auch Binding gefixt. Sollte jetzt funktionieren. Auch javascript in binding sollte jetzt gehen:
Hypotenuse of {height} and {width} = {h:height;w:width;Math.max(20, Math.sqrt(Math.pow(parseFloat(h), 2) + Math.pow(parseFloat(w), 2)))}Beschreibung kann man hier finden:
-
Die Buttons funktionieren
Leider gibt es jetzt beim Neu-Import Probleme.
Habe drei Views aus dashui nacheinander in .vis importiert.
Einige widgets aus dem dritten view erschienen danach im ersten
Beim zweiten view fehlten die Scrollbalken im Editorfenster, erst nach ändern der canvas-Größe und zurückstellen waren sie da.
Und beim views-bar (siehe anderen Thread) lässt sich zusätzlich jetzt die z-ebene nicht mehr einstellen.
Gruß
Rainer
-
Hi,
habe auch ein wenig getestet.
Versuche die Soll-Temp der Heizung einzustellen. Leider ohne Erfolg
! [
! {
! "tpl": "tplHqDimmer",
! "data": {
! "visibility-cond": "==",
! "visibility-val": 1,
! "oid": "hm-rpc.0.LEQ0423237.4.SET_TEMPERATURE",
! "unit": " °C ",
! "min": "10",
! "max": "25",
! "digits": "0",
! "is_comma": "true",
! "iconName": "",
! "btIconWidth": "55",
! "offsetAuto": "true",
! "leftOffset": "15",
! "topOffset": "55",
! "circleWidth": "50",
! "showValue": "true",
! "timeAsInterval": "true",
! "infoLeftFontSize": "12",
! "infoFontRightSize": "12",
! "caption": "Soll 2.OG",
! "iconOn": "/vis/img/OutsideTemp.png",
! "alwaysShow": false,
! "hoursLastAction": "1",
! "format_date": "DD.MM.YYYY hh:mm:ss",
! "descriptionLeft": ""
! },
! "style": {
! "left": "560px",
! "top": "700px",
! "width": "100px",
! "height": "74px",
! "z-index": "6"
! },
! "widgetSet": "hqWidgets"
! },
! {
! "tpl": "tplHqCircle",
! "data": {
! "visibility-cond": "==",
! "visibility-val": 1,
! "oid": "hm-rpc.0.LEQ0423237.4.ACTUAL_TEMPERATURE",
! "min": "0",
! "max": "30",
! "step": "1",
! "displayPrevious": "true",
! "oid-working": "",
! "unit": "°C",
! "readOnly": true,
! "caption": "Wohn 2.OG",
! "hideNumber": false,
! "angleOffset": "",
! "angleArc": "180",
! "cursor": "",
! "thickness": "",
! "color": "green",
! "bgcolor": "blue",
! "linecap": false,
! "anticlockwise": false,
! "oid-signal": ""
! },
! "style": {
! "left": "560px",
! "top": "600px",
! "width": "100px",
! "height": "100px",
! "z-index": "5",
! "text-align": "center",
! "color": "white",
! "font-family": "Arial, Helvetica, sans-serif",
! "font-style": "",
! "font-variant": "",
! "font-weight": "",
! "font-size": "",
! "background-color": "#c4c0c0",
! "padding": "5",
! "padding-left": "",
! "padding-top": "",
! "box-shadow": ""
! },
! "widgetSet": "hqWidgets"
! },
! {
! "tpl": "tplHqCircle",
! "data": {
! "visibility-cond": "==",
! "visibility-val": 1,
! "oid": "",
! "min": "4.5",
! "max": "30.5",
! "step": "1",
! "displayPrevious": "true",
! "oid-working": "",
! "unit": "°C",
! "readOnly": false,
! "caption": "",
! "hideNumber": false,
! "angleOffset": "",
! "angleArc": "",
! "cursor": "",
! "thickness": "",
! "color": "red",
! "bgcolor": "blue",
! "linecap": false,
! "anticlockwise": false,
! "oid-signal": "hm-rpc.0.LEQ0423237.4.SET_TEMPERATURE"
! },
! "style": {
! "left": "670px",
! "top": "600px",
! "width": "100px",
! "height": "100px",
! "z-index": "4",
! "text-align": "center",
! "color": "white",
! "font-family": "Arial, Helvetica, sans-serif",
! "font-style": "",
! "font-variant": "",
! "font-weight": "",
! "font-size": "",
! "background-color": "#c4c0c0",
! "padding": "5",
! "padding-left": "",
! "padding-top": "",
! "box-shadow": ""
! },
! "widgetSet": "hqWidgets"
! }
! ]
Wo für sind die 4 Allgemeinen Einträge? Was bewirken sie?
Gruß
derAuge
-
Hi,
habe auch ein wenig getestet.
Versuche die Soll-Temp der Heizung einzustellen. Leider ohne Erfolg
Wo für sind die 4 Allgemeinen Einträge? Was bewirken sie?
Gruß
derAuge `
Was genau geht nicht? Dimmer?
oid[Object ID] - Anzeige oder SteuerID.. Funktioniert.
oid-working[In Arbeit Zustand ID] - noch ohne Funktion
oid-battery [Battery ObjectID]- ob Battery symbol (low-battery) angezeigt werden muss (beim CirlcleKnob) noch ohne funktion.
oid-signal[Signal ObjektID] - ist noch ohne Funktion. Man kann später die RF Signalstärke hier anzeigen lassen.
-
Die Buttons funktionieren
Leider gibt es jetzt beim Neu-Import Probleme.
Habe drei Views aus dashui nacheinander in .vis importiert.
Einige widgets aus dem dritten view erschienen danach im ersten
Beim zweiten view fehlten die Scrollbalken im Editorfenster, erst nach ändern der canvas-Größe und zurückstellen waren sie da.
Und beim views-bar (siehe anderen Thread) lässt sich zusätzlich jetzt die z-ebene nicht mehr einstellen.
filename="iobroker_bars_z-index.jpg" index="0">~~Gruß
Rainer `
Ich kann das nicht reproduzieren. Kann noch jemand das bestätigen? -
Hier sind die Buttons nach dem Einfügen nicht rund, sondern viereckig - was mach ich jetzt schon wieder falsch ???
-
Du musst den eckenradius definieren.
War in dashui auch schon so.
Gesendet von meinem Cynus T7 mit Tapatalk
-
achso, nein, dashui hatte ich nicht eingesetzt. jetzt ist der button rund, aber es gibt noch schwarze Reste links und oben. da ist noch etwas feintuning angesagt.
-
achso, nein, dashui hatte ich nicht eingesetzt. jetzt ist der button rund, aber es gibt noch schwarze Reste links und oben. da ist noch etwas feintuning angesagt. `
Was meinst du? Ich sehe keine Reste.
-
ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
-
…mal aus Neugier. Gibt es einen Grund nicht "CTRL Bulb on/off" zu verwenden ?
es ist leichter skalierbar und hat einen glow Effekt. Gefällt mir persönlich gut.
Ich hatte aber in DashUI bisher auch immer das entsprechende HQ widget im Einsatz.
Für mich wären vor allem die HQ-Widgets für die Heizung und Shutter super wichtig.
Sobald die da sind werde ich umstellen.
DashUI sieht schon richtig "out of date" aus, im Vergleich zu IOBroker.
Freue mich schon auf die Umstellung.
vG Looxer
-
ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
filename="rund.PNG" index="0">~~ `
Was für einen Browser hast du? -
ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
filename="rund.PNG" index="0">~~Was für einen Browser hast du?
… ich glaubs ja nicht, schon wieder auf diese doofen Browser reingefallenFirefox (v.38) macht viereckige Buttons
Chrome macht schöne runde Buttons
-
ist nicht wirklich wichtig, ich hab auch noch keinen schönen Rand drum herum.
filename="rund.PNG" index="1">~~Was für einen Browser hast du?
… ich glaubs ja nicht, schon wieder auf diese doofen Browser reingefallenFirefox (v.38) macht viereckige Buttons
Chrome macht schöne runde Buttons `
Ich kann dein Problem nicht reproduzieren ich habe FF 37 (Windows)
Und bei mir nach border-radius editieren ist alles rund und schön. -
hallo Bluefox, naja, möglicherweise ist es doch browser-spezifisch (ff v.38 ) oder eben PC-spezifisch, bei meinem Laptop mit ff 37 sehe ich auch keine "schwarze Reste" eigentlich ist das Ganze kein Problem, Interessant allerdings, dass es beim Chrom kein border-radius braucht (verifiziert auf 2 verschiedenen PC´s). Einfach rüberziehen und rund ists. Danke jedenfalls fürs Anschauen.
-
hallo Bluefox, naja, möglicherweise ist es doch browser-spezifisch (ff v.38 ) oder eben PC-spezifisch, bei meinem Laptop mit ff 37 sehe ich auch keine "schwarze Reste" eigentlich ist das Ganze kein Problem, Danke jedenfalls fürs Anschauen. `
Ich habe jetzt auch mit FF38.0.1 ausprobiert und sehe auch kein Problem. Hast du OSX?> Interessant allerdings, dass es beim Chrom kein border-radius braucht (verifiziert auf 2 verschiedenen PC´s). Einfach rüberziehen und rund ists.
Das ist browser Problem. Firefox kennt nur (denke ich) "-moz-border-radius-topright" oder "-webkit-border-top-right-radius" und deswegen am Anfang greift die Default-Einstellung vom Widget (border-radius: 50px) nicht. Danach aber wird Border-Radius mit der Hilfe von jquery eingestellt und jquery kennt das Problem und nimmt richtigen Flag dafür. -
Ich habe jetzt auch mit FF38.0.1 ausprobiert und sehe auch kein Problem. Hast du OSX? `
Nein Kein OSX - aber ich konnte das "Problem" auf einen einzelnen PC einschränken, also ist es wohl kein echtes Problem. -
Hallo zusammen!
Es sind ja jetzt schon einige Widgets im hqWidget set vorhanden.
Ich steige gerade von ccu.io und dashui um auf iobroker und vis.
Blöderweise habe ich fast alle Beschriftungen meiner Fenster, Buttons, etc. mit dem hqWidgets Text Widget gemacht. Nur gibts das jetzt leider nicht mehr
Ist das eventuell recht einfach zu realisieren oder soll ich mir die Arbeit machen und alles ändern?
Vielen Dank und lg
Michael
-
Hallo!
Ich habe mir die HQWidgets ebenfalls mal auf meinem Raspberry installiert, aber leider sehe ich nur was im angehängtem Screenshot
zu sehen ist.
Weiterhin kann ich diese Widgets nicht auswählen und in meine View legen.
Installiert habe ich die Widgets über die CLI vom Rasperry mit
./iobroker stop
npm install iobroker.vis-hqwidgets
./iobroker start
Diese ist auch ohne Probleme durch gelaufen, ich kann sie nur nicht nutzen.
Was ist zu tun? Werden weitere Infos benötigt?
Danke und Gruß
Mercy
2465_hqwidgets.png -
cd /opt/ioroker sudo iobroker stop sudo iobroker upload vis-hqwidgets sudo iobroker start
