[HowTo] Script Sticky Notes (PostIt) für VIS und Telegram

liv-in-sky

das script ermglicht eine post-it system mit dem material design alarm widget zu erstellen - die idee kam daher: https://forum.iobroker.net/topic/51577/echo-show-15-ab-17-2-lieferbar/113

neue version des scriptes wäre hier https://forum.iobroker.net/post/1071461

was wird benötigt:

das material design widget muss als adapter installiert sein
einen telegram bot mit einer installierten instanz
ein blockly, welches die post-it's verwaltet

in der vis wird das widget so plaziert, dass es immer über allen anderen widgets liegt - ist ja sinn von post-it's. es können info post-it's oder alarme vom system audgegeben werden

post-it erstellen:

man kann in telegram (also von auswärts) ein post-it z.b. an die küchen-vis senden
man kann von der vis aus, ein post-it eingeben
man kann es über einen dp erstellen lassen - z.b. wichtige meldungen von scripten

post-it löschen:

man kann das post-it direkt auf der vis löschen
man kann es in telegram löschen
man kann über einen dp löschen - z.b um meldungen, die in scripten erstellt worden sind, wieder zu löschen, wenn das problem nicht mehrexistiert

das blockly script:

erzeugt die dp und übernimmt die steuerung:

telegram instanz eingeben !!! (oben im script)

import der widgets

eingabe über vis
das material design alarm widget

[{"tpl":"tplVis-materialdesign-Input","data":{"oid":"0_userdata.0.Alarm-MaterialDesign.PostItErstellen","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"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","inputType":"text","inputLayout":"regular","inputAlignment":"left","inputLayoutBorderColor":"#mdwTheme:vis-materialdesign.0.colors.input.border","inputLayoutBorderColorHover":"#mdwTheme:vis-materialdesign.0.colors.input.border_hover","inputLayoutBorderColorSelected":"#mdwTheme:vis-materialdesign.0.colors.input.border_selected","inputTextFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.input.text","inputTextFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.input.text","inputTextColor":"#a5f3ac","inputLabelColor":"#mdwTheme:vis-materialdesign.0.colors.input.label","inputLabelColorSelected":"#mdwTheme:vis-materialdesign.0.colors.input.label_selected","inputLabelFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.input.label","inputLabelFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.input.label","inputAppendixColor":"#mdwTheme:vis-materialdesign.0.colors.input.appendix","inputAppendixFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.input.appendix","inputAppendixFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.input.appendix","showInputMessageAlways":"true","inputMessageFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.input.message","inputMessageFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.input.message","inputMessageColor":"#mdwTheme:vis-materialdesign.0.colors.input.message","showInputCounter":"true","inputCounterColor":"#mdwTheme:vis-materialdesign.0.colors.input.counter","inputCounterFontSize":"#mdwTheme:vis-materialdesign.0.fontSizes.input.counter","inputCounterFontFamily":"#mdwTheme:vis-materialdesign.0.fonts.input.counter","clearIconShow":"true","clearIconColor":"#mdwTheme:vis-materialdesign.0.colors.input.icon_clear","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,"inputLayoutBackgroundColor":"linear-gradient(90deg, rgba(85,116,125,1) 0%, rgba(124,167,183,1) 49%, rgba(65,90,98,1) 100%)"},"style":{"left":"20px","top":"419px","z-index":"800","width":"162px","height":"77px"},"widgetSet":"materialdesign"},{"tpl":"tplVis-materialdesign-Alerts","data":{"oid":"0_userdata.0.Alarm-MaterialDesign.PostItMessages","g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"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","showMaxAlerts":"5","alertLayouts":"normal","alertDense":"true","alertElevation":"1","alertMarginBottom":"16","alertBorderLayout":"right","alertFontSize":"19","alertFontFamily":"Ubuntu-Light","closeIcon":"close-circle-outline","closeIconColor":"#mdwTheme:vis-materialdesign.0.colors.alerts.close_icon","closeIconPressColor":"#mdwTheme:vis-materialdesign.0.colors.alerts.close_icon_hover","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,"alertIconSize":"50"},"style":{"left":"343px","top":"155px","height":"400px","color":"#8efb83","width":"300px"},"widgetSet":"materialdesign"}]

wie sieht das ganze aus.

post it anlegen:

postit-dp (6).gif

postit löschen:

postit-dp (4).gif

über datenpunkt:

postit-dp (5).gif

pin bilder:

Postit über Alexaspracheingabe:

https://forum.iobroker.net/post/778137

skokarl

@liv-in-sky

bin noch unterwegs, aber schonmal einen Wunsch und einen Fehler

Fehler : man kann einen leeren Postit erstellen

Wunsch: bitte vierten Datenpunkt anlegen der von true auf false schaltet
Das benötige ich um das Inputfeld nach dem Post it wieder auszublenden

noch nen Wunsch.... das Inputfeld ( Datenpunkt ) leeren, sonst bleibt der letzte Text erhalten

liv-in-sky

@skokarl

ist erledigt

neuer dp für deine sichtbarkeit - wird auf false gehen, nach der eingabe in mit dem input-widget - die sichtbarkeit auf true setzen, machst du ja mit einem extra-schalter
eingabe von leeren werten sollte auch nicht mehr funktionieren

ist nur im blockly geändert worden - das andere script bleibt gleich

liv-in-sky

@scrounger -

EDIT: hat sich erledigt - war ein "vergessenes" css setting

hätte ein paar fragen zu dem md alert widget - vielleicht hast du ein paar tipps

ich kann die größe der schrift nicht einstellen - weder über das spezielle setting

Image 2.png

noch über das standard CSS Font & Text

wenn man ein bild einfügt, wird immer über die festgelegte breite darüber hinaus geschrieben - aus dem textfeld hinaus ins "freie"
wenn man einen langen text ohne leerzeichen eingibt, verläßt der text auch das textfeld - wie bei der zugabe eines bildes - sieht dann so aus

Image 3.png

Latzi

@liv-in-sky sagte in [HowTo] Script Sticky Notes (PostIt) für VIS und Telegram:

ich kann die größe der schrift nicht einstellen

auch nicht mit "18px"?

liv-in-sky

@latzi man kann dort kein px eingeben

Latzi

@liv-in-sky

skokarl

@liv-in-sky sagte in [HowTo] Script Sticky Notes (PostIt) für VIS und Telegram:

@scrounger - hätte ein paar fragen zu dem md alert widget - vielleicht hast du ein paar tipps

ich kann die größe der schrift nicht einstellen - weder über das spezielle setting

noch über das standard CSS Font & Text

doch..... nimm mal den Pfeil nach oben auf der rechten Seite

skokarl

@liv-in-sky sagte in [HowTo] Script Sticky Notes (PostIt) für VIS und Telegram:

@skokarl

ist erledigt

neuer dp für deine sichtbarkeit - wird auf false gehen, nach der eingabe in mit dem input-widget - die sichtbarkeit auf true setzen, machst du ja mit einem extra-schalter

eingabe von leeren werten sollte auch nicht mehr funktionieren

ist nur im blockly geändert worden - das andere script bleibt gleich

und Eingabe Objekt Datenpunkt nach Eingabe gelöscht ?

Sorry, 100% ist mein zweiter Vorname

liv-in-sky

@skokarl logo

skokarl

@liv-in-sky

kann ich die "Reste" irgendwie entfernen ?

liv-in-sky

@skokarl diese "reste" habe ich schon mal bei gesehen - wenn ich das script importiere ist das auch so - wenn ich dann aber den javascript tab im browser refreshe - dann ist es richtig

zu dem thema im chat: du hat hoffentlich nicht das "globale" script nochmal installiert - bei dir haben wir das schon gemacht - wenn ja - bitte wieder rauslöschen

ich habe das ganze mal ohne globales script gemacht bzw umgestellt - mit dem neuen script (post 1 )brauchst du keine globale scripte mehr !!