Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Schlagschatten]

Verstehe jetzt kommen wir der Sache näher.
Text als Zeichenkette anlegen und das Widget für die Vis über github installieren

[liv-in-sky]

@Schlagschatten
das erste ja- das zweite: in der vis auf widget - import widget gehen und vom letzten post aus dem widget.txt-file rauskopieren und in den import einfügen - von github brauchen wir nichts

[Schlagschatten]

habe ein Vis angefertigt, das auch angepasst werden muss. Sekunden sind nicht so wichtig. Schau mal hier

Spoiler

[{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":true,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"gestures-swipeRight-limit":"-6","gestures-swipeDown-limit":"-5","gestures-rotateLeft-limit":"3","gestures-swipeLeft-limit":"5","html":"Water 1"},"style":{"left":"133px","top":"494px","width":"300px","height":"172px","background-color":"","z-index":"3","box-shadow":"0px 0px 10px 3px blue","border-radius":"40px","text-align":"center","font-size":"large","font-style":"normal","font-variant":"normal","font-weight":"normal","line-height":"","color":"#ffffff"},"widgetSet":"basic"},{"tpl":"tplJustgageJustGage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_tdp":false,"factor":"1","balance1":"50","balance2":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"donut":true,"donutStartAngle":"90","gaugeColor":"#646262","noGradient":true,"color1":"#750000","color2":"#ffffff","color3":"","oid":"vis.0.HansNOTAUS.Wasserzaehler1.Tag","unit":"","labelFontColor":"#ffffff","titleFontColor":"","title":"","titleBelow":true,"label_oid":"d","valueFontColor":"#ffffff","digits":"","sector1":"5","sector2":"","gaugeWidthScale":"50","min_oid":"0","max_oid":"150","mid_oid":"75"},"style":{"left":"148px","top":"520px","width":"80px","height":"80px","color":"","z-index":6},"widgetSet":"justgage"},{"tpl":"tplJustgageJustGage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_tdp":false,"factor":"1","balance1":"50","balance2":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"donut":true,"donutStartAngle":"90","gaugeColor":"#646262","noGradient":true,"color1":"#ffffff","color2":"#750000","color3":"","oid":"vis.0.HansNOTAUS.Wasserzaehler1.Stunde","unit":"","labelFontColor":"#ffffff","titleFontColor":"","title":"","titleBelow":true,"label_oid":"h","valueFontColor":"#ffffff","digits":"","sector1":"12","sector2":"","gaugeWidthScale":"50","min_oid":"0","max_oid":"24","mid_oid":"12"},"style":{"left":"243px","top":"520px","width":"80px","height":"80px","color":"","z-index":6},"widgetSet":"justgage"},{"tpl":"tplJustgageJustGage","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_tdp":false,"factor":"1","balance1":"50","balance2":"50","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"donut":true,"donutStartAngle":"90","gaugeColor":"#646262","noGradient":true,"color1":"#ffffff","color2":"#750000","color3":"","oid":"vis.0.HansNOTAUS.Wasserzaehler1.Minuten","unit":"","labelFontColor":"#ffffff","titleFontColor":"","title":"","titleBelow":true,"label_oid":"min","valueFontColor":"#ffffff","digits":"","sector1":"30","sector2":"","gaugeWidthScale":"50","min_oid":"0","max_oid":"60","mid_oid":"30"},"style":{"left":"337px","top":"520px","width":"80px","height":"80px","color":"","z-index":6},"widgetSet":"justgage"},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"vis.0.HansNOTAUS.Wasserzaehler1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/piod9kEjT.png","icon_on":"/vis.0/piod9kEjT.png","signals-cond-0":"==","signals-val-0":"true","signals-icon-0":"/vis.0/317EZH8ZOxL.png","signals-icon-size-0":"70","signals-blink-0":true,"signals-horz-0":"4","signals-vert-0":"3","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"signals-oid-0":"vis.0.HansNOTAUS.Wasserzaehler1"},"style":{"left":"151px","top":"586px","width":"75px","height":"75px","z-index":"5","border-radius":"180px","border-color":"#1f1f1f","border-width":"","background":"black","border-style":"none","box-shadow":"","background-color":"#000000","color":"","background-origin":""},"widgetSet":"basic"},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"vis.0.HansNOTAUS.Wasserzaehler1","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/pause-button-png-20.png","icon_on":"/vis.0/pause-button-png-20.png","signals-cond-0":"==","signals-val-0":"false","signals-icon-0":"/vis.0/317EZH8ZOxL.png","signals-icon-size-0":"70","signals-blink-0":false,"signals-horz-0":"3","signals-vert-0":"3","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"signals-oid-0":"vis.0.HansNOTAUS.Wasserzaehler1"},"style":{"left":"246px","top":"585px","width":"75px","height":"75px","z-index":"5","border-radius":"180px","border-color":"#1f1f1f","border-width":"","background":"black","border-style":"none","box-shadow":"","background-color":"#000000","color":"","background-origin":""},"widgetSet":"basic"},{"tpl":"tplBulbOnOffCtrl","data":{"oid":"vis.0.HansNOTAUS.Wasserzaehler1.Reset","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":true,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","icon_off":"/vis.0/index.jpg","icon_on":"/vis.0/index.jpg","signals-cond-0":"not exist","signals-val-0":"true","signals-icon-0":"/vis.0/317EZH8ZOxL.png","signals-icon-size-0":"76","signals-blink-0":false,"signals-horz-0":"-13","signals-vert-0":"-13","signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"signals-oid-0":"0"},"style":{"left":"345px","top":"594px","width":"60px","height":"60px","z-index":"5","border-radius":"180px","border-color":"","border-width":"","background":"","border-style":"none","box-shadow":"","background-color":"","color":"","background-origin":""},"widgetSet":"basic"}]

[Schlagschatten]

Habe soweit alles eingestellt und das Script am laufen.
Leider sind die Zeiten auch nicht sauber, wie bei dem script von mir.

[liv-in-sky]

@Schlagschatten

was meinst du damit - nicht sauber

[liv-in-sky]

@Schlagschatten

die sekunden werden eh nur alle 30 sek upgedated - also 0 und 30 in der anzeige - erst bei stop werden die aktuellen sek angezeigt

die beiden schalter haben als datenpunkt vis.0. .... da, glaube ich, sollte noch ein anderer datenpunkt rein .z.b der start und stop datenpunkt - reset ist stop

schaut doch schon ganz gut aus - hab irgendwelche bilder für die schalter von mir genommen

[Schlagschatten]

Reset stellt die Zahlen auf Null. Mit Stop soll die Zeit nur angehalten werden und mit Start weiterlaufen. Stoppe mal bitte die Zeit, die ersten beiden Minuten werden nicht angezeigt und sind nicht syncron.

[Schlagschatten]

[liv-in-sky]

was nicht geht ist das wieder aufnehmen der zeit - gestoppt ist gestoppt - mal sehen, ob ich da noch was machen kann - hab ich nicht daran gedacht, weil das mit der sommerzeit so aufwendig war

wegen dem sauber - es gibt nochmal eine änderung im script - ich zeige es dir - weil du sonst beim import wieder alle datenpunkte machen musst. ich füge aber das aktuelle script noch mal ein manchmal - wegen laufzeit - stimmt bei mir eine sekunde nicht .

zum ändern

das eine blockly element steuern "Momentan" mit verzögerung hinzufügen

das ganze script (mit dieser änderung)

script-stoppuhr.txt

in diesem beispiel stimmt es auf die sekunde

[Schlagschatten]

Muss mich korrigieren, Minute eins wird doch angezeigt, allerdings startet das Script zeitversetzt.

[liv-in-sky]

@Schlagschatten

mit der letzten änderung ist nicht mehr zeitversetzt

[Schlagschatten]

Prima das sieht schon alles ganz gut aus. Leider verstehe ich dein Script nicht komplett. Für ein paar Erläuterungen, wäre ich echt dankbar.

[liv-in-sky]

@Schlagschatten

mach ich gern - könntest du ein wenig eingrenzen, was du wissen möchtest

[Schlagschatten]

Ich scheitere gerade an der Änderung. Die Timeouts sind auch neu angelegt?

[liv-in-sky]

@Schlagschatten

wenn es nicht heute sein muss:

warte noch ein wenig - ich konnte die laufzeit und den performancegebrauch noch etwas reduzieren - außerdem überlege ich noch an dem stopp und der wiederaufnahme. das werden dann mehrere änderungen

dann ist es sinnvoller, wenn du noch mal alles importierst und die datenpunkte setzt - da übersieht man dann weniger

ist das ok für dich

[Schlagschatten]

Prima, dann warte ich noch und teste erstmal das aktuelle Script.
Danke für die Mühe

[Schlagschatten]

Zur Info: Habe das Script angepasst und es startet bei mir immer Zeitversetzt zwischen 10 und 30 sek.
Die Zeit selbst läuft richtig.

[liv-in-sky]

@Schlagschatten

das ist richtig so -. ich wollte vermeiden, das es ein script gibt, das jede sekunde etwas ausführen muss - alle 30 sekunden wird die anzeige upgedatet und berechnet - braucht man die sekunden anzeige nicht wirklich, könnte man das auch auf alle 1 oder 2,5 minuten stellen - berechnung und die letzte anzeige ist immer richtig - kommt auf die benutzung an

habe jetzt einen scriptversuch mit wiederaufnahme der startfunktion - kann man unendlich oft ausführen (start-stopp - start-stopp - ....). die zeiten sollten addiert werden
für den reset muss vorher stopp gedrückt werden und dann erst der reset knopf

es gibt noch 2 neue datenpunkte: "reset" als logiktyp und "berechnen" als zahlentyp

widget:

widget.txt

script:

script-stoppuhr.txt

nach dem import bitte wieder alle datenpunkte einrichten (sorry dafür)
ich hoffe, es gibt keine weiteren großen updates mehr

[rantanplan]

@liv-in-sky Hallo

Habe mir gerade mal das Script importiert. Fleißig, fleißig:relaxed:

Mir ist aufgefallen, dass da noch ein Block nicht verbunden ist.
Bei so umfangreichen und in Blockly dann recht unübersichtlichen Scripten, habe ich mir angewöhnt das "Prüfe Icon" (Flagge) häufiger zu klicken. Da werden dann solche "Leichen" angezeigt.

Dann steuerst Du die Datenpunkte immer direkt und davon eine ganze Menge, die dann noch teilweise von einander abhängig sind. Dazu jede Menge Timer und Verzögerungen.
Man sollte bei solchen Sachen immer daran denken das JavaScript asyncron läuft!
"steuere" wartet immer auf eine Bestätigung und während auf die Bestätigung gewartet wird, werden die nächsten Befehle schon ausgeführt.
Da können die wildesten Sachen passieren und eine Fehlersuche kann einen dann wahnsinnig machen.

Es ist zwar am Anfang viel Arbeit aber lege doch für die Datenpunkte jeweils eine lokale Variablen an.

1. Aktuelle Werte in lokale Varible einlesen. (Funktion)
2. Mit den lokalen Variablen arbeiten
3. Lokale Variablen in Datenpunkte schreiben. (Funktion)

Das ist hinterher viel leichter zu warten und Du kannst Dir die ganzen Verzögerungen sparen.

Verstehe das bitte als Tipp und nicht als Kritik.

[liv-in-sky]

i @rantanplan

bin immer dankbar für wertvolle tipps ! werd das mal in ruhe anschauen

im moment versuche ich das anlegen der datenpunkte hinzubekommen - funktioniert noch nicht richtig, die erzeugten datenpunkte machen irgendwelche probleme

magst du mal drüber schauen - besonders die "numbers" machen ärger

Spoiler

createState('STOPPUHR.Werte.Sekunden', { name: 'Sek', desc: 'Sek', type: 'number', unit: 'Sek' });
createState('STOPPUHR.Werte.Minuten', { name: 'Minuten', desc: 'Sek', type: 'number', unit: 'Min' });
createState('STOPPUHR.Werte.Stunden', { name: 'Stunden', desc: 'Sek', type: 'number', unit: 'Std' });
createState('STOPPUHR.Werte.Tage', { name: 'Tage', desc: 'Sek', type: 'number', unit: 'Day' });
createState('STOPPUHR.Berechnen', { name: 'Berechnen', desc: 'Sek', type: 'number', unit: 'mSek' });

createState('STOPPUHR.Steuerung.Reset', { name: 'Reset', desc: 'Reset', type: 'boolean' });
createState('STOPPUHR.Steuerung.Start', { name: 'Start', desc: 'Start', type: 'boolean' });
createState('STOPPUHR.Steuerung.Stopp', { name: 'Stopp', desc: 'Stopp', type: 'boolean' });

createState('STOPPUHR.Anfang', { name: 'Anfang', desc: 'Anfang in ms', type: 'string' })
createState('STOPPUHR.Ausgabehilfe', { name: 'Ausgabehilfe', desc: 'Ausgabehilfe', type: 'string' })
createState('STOPPUHR.Ende', { name: 'Ende', desc: 'Ende', type: 'string' })
createState('STOPPUHR.Momentan', { name: 'Momentan', desc: 'Momentan', type: 'string' })