Trash HTML Widget VIS2
-
Da es noch kein Trash-Widget für die VIS2 gibt, habe ich mir eins gebastelt.
@haus-automatisierung .. vielen Dank für deinen Addapter!
Die nächste Abholung steht immer vorn. Ich habe das json von Matthias Kleine (Trash-Adapter) als Grundlage genommen. Aus dem json hole ich mir die Reihenfolge der Abholungen und baue mit die Tabelle in einem Blockly zusammen.
Die Tonnen stammen aus meinem icontwo Adapter
Die View:
- Die Größen der Icons, des Titels und die Breite der Tabelle ist im Blockly definierbar.
- Die Icons sind per URL eingebunden und lassen sich austauschen
- Die Zeilen können im Blockly ein- und ausgeblendet werden.
Ein Auszug vom Blockly (hier nur die Config gezeigt)
Hier ein Beispiel mit veränderter Config:
Die Einstellungen dazu:
Ich brauche noch ein/zwei Tage zum Testen, dann poste ich hier den Code.
-
Hier das Blockly als Export:
<xml xmlns="https://developers.google.com/blockly/xml"> <variables> <variable id="n,[uo}Ph?(sa?dn{inu}">daysLeft</variable> <variable id="_L#0h36,]LOpyIy.NEgy">text</variable> <variable id="OF*BKPZ[c`(~lHU)0)6z">Ziel-Datenpunkt</variable> <variable id="Nh*#(~Gw3~g)L0~^lyI}">Zeilen-Titel</variable> <variable id="RyBz1Cbj7xoor~0!tG})">Zeilen-Icons</variable> <variable id="uy{Z=e*uFv!PO}WP4[[Y">trashAdapter-json</variable> <variable id="A.pH.8t-Qb!=RJz^%[Z5">Zeilen-Datum</variable> <variable id="r*]@Os`JkpzA%(Y;$jR}">Zeilen-Tage</variable> <variable id="w:sZiO5u5$]bIi%sq_P`">Tabellenbreite in px</variable> <variable id="6z,9gw8xZ7{}LoeL?iU.">i</variable> <variable id="0];!=K@}Wq9E.e}KS-+R">HTML-Tabelle</variable> <variable id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</variable> <variable id="!!Sh[xImBwE^6iZhHo|F">Titel anzeigen</variable> <variable id="1|H~ukS;lNTlpUe6w?`J">Icon anzeigen</variable> <variable id="RoFwWy0J$.!=3e+IB=HZ">Titelhöhe</variable> <variable id=";QA/H_..PcID(d]wqzuc">Icon Mapping</variable> <variable id="NcE`bYk]gtBM2*b5n8V?">Datum anzeigen</variable> <variable id="-1Zj,4nV^oE!m2lXhqi]">Tage anzeigen</variable> </variables> <block type="comment" id="Xl8BUHG9#{-m/j2k%uiY" x="413" y="-637"> <field name="COMMENT">HTML-Tabelle für den trash-Adapter</field> <next> <block type="comment" id="E0hrxG~Mcz@IICnXpNUc"> <field name="COMMENT">inventwo wünscht viel Spaß mit diesem Script</field> </block> </next> </block> <block type="comment" id="q5*3YYvcb%tgk:|EwQvW" x="413" y="-537"> <field name="COMMENT">Datenpunkt: Ziel der Tabelle</field> <next> <block type="variables_set" id="35P`k+!6hqOxCE1qPc^N"> <field name="VAR" id="OF*BKPZ[c`(~lHU)0)6z">Ziel-Datenpunkt</field> <value name="VALUE"> <block type="field_oid" id="0^dCdc7ex21?PQaBjQ3W"> <field name="oid">0_userdata.0.Termine.Kalender_Müll.Widget</field> </block> </value> <next> <block type="comment" id="@(Yo5wm$@Ra}rs}gi!0p"> <field name="COMMENT">Datenpunkt: trash-Adapter JSON</field> <next> <block type="variables_set" id="REWsn)?]@vAjZJu!6Rm2"> <field name="VAR" id="uy{Z=e*uFv!PO}WP4[[Y">trashAdapter-json</field> <value name="VALUE"> <block type="field_oid" id="!FA^zfxE_zGHa$uE:!m;"> <field name="oid">trashschedule.0.type.json</field> </block> </value> <next> <block type="comment" id="B}VTEN=)1u:EHP*0W.3X"> <field name="COMMENT">Tabellenbreite in px</field> <next> <block type="variables_set" id="18kkliD@x3fUdHJ`~f;Y"> <field name="VAR" id="w:sZiO5u5$]bIi%sq_P`">Tabellenbreite in px</field> <value name="VALUE"> <block type="math_number" id="5|.vJ-or_?jr4bNe3tE1"> <field name="NUM">700</field> </block> </value> <next> <block type="comment" id="P3YPBt0[{,]hO,N0zh:5"> <field name="COMMENT">Iconhöhe in px</field> <next> <block type="variables_set" id="Ftx/TT4G^FTfSvJo`dv1"> <field name="VAR" id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</field> <value name="VALUE"> <block type="math_number" id="7o25*Cg+mG^!_4{qBzaB"> <field name="NUM">80</field> </block> </value> <next> <block type="comment" id="L}XL4fM(BfpoZkG1JX7:"> <field name="COMMENT">Titelhöhe 1-7</field> <next> <block type="variables_set" id="c-(A+r8Vs;;cnm={k$-*"> <field name="VAR" id="RoFwWy0J$.!=3e+IB=HZ">Titelhöhe</field> <value name="VALUE"> <block type="math_number" id="aob`QCII8C+tvYKJ5j!/"> <field name="NUM">3</field> </block> </value> <next> <block type="comment" id="QJ=,V#=29}Io3P.eKmI~"> <field name="COMMENT">Zeilen ein-/ausblenden</field> <next> <block type="variables_set" id="-^uOEgDx8The{t85dn[j"> <field name="VAR" id="!!Sh[xImBwE^6iZhHo|F">Titel anzeigen</field> <value name="VALUE"> <block type="logic_boolean" id="vbG)$awdJ`wvV6wIp8ax"> <field name="BOOL">TRUE</field> </block> </value> <next> <block type="variables_set" id="1.KZ{W?78_9q@B~jzSts"> <field name="VAR" id="1|H~ukS;lNTlpUe6w?`J">Icon anzeigen</field> <value name="VALUE"> <block type="logic_boolean" id="wMH*A?uNH.hVX,VZNTno"> <field name="BOOL">TRUE</field> </block> </value> <next> <block type="variables_set" id="Y@16Q4ykr%8c!*#(~R*@"> <field name="VAR" id="NcE`bYk]gtBM2*b5n8V?">Datum anzeigen</field> <value name="VALUE"> <block type="logic_boolean" id="VNH_*TKwKa]0tA=MS*0?"> <field name="BOOL">TRUE</field> </block> </value> <next> <block type="variables_set" id="u[:5IvywCIt{9RMZh{dR"> <field name="VAR" id="-1Zj,4nV^oE!m2lXhqi]">Tage anzeigen</field> <value name="VALUE"> <block type="logic_boolean" id="So%m$],zG23.;eR~!hh6"> <field name="BOOL">TRUE</field> </block> </value> <next> <block type="comment" id="%D;|n-nb(vab,)W`:jAs"> <field name="COMMENT">Icons definieren</field> <next> <block type="comment" id="F^brPP#T|AQ).-SBDY+n"> <field name="COMMENT">Name und Anzahl aus trash-Adapter</field> <next> <block type="variables_set" id="QZEp/i?-^ZUv3gFn$djj"> <field name="VAR" id=";QA/H_..PcID(d]wqzuc">Icon Mapping</field> <value name="VALUE"> <block type="object_new" id="2]zh)wXWE(F3sOqbJC#^"> <mutation xmlns="http://www.w3.org/1999/xhtml"> <attribute id="ATTR_0" name="Bio"></attribute> <attribute id="ATTR_1" name="Wertstoff"></attribute> <attribute id="ATTR_2" name="Restmüll"></attribute> <attribute id="ATTR_3" name="Papier"></attribute> </mutation> <value name="ATTR_0"> <shadow type="text" id=",C1w[M][PHi-:e~F]Ynl"> <field name="TEXT"></field> </shadow> <block type="text_join" id="_$0jyU?T8%dr1=UsY~JK"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="E3#Wc?7?ETS:4;hi@UJj"> <field name="TEXT"><img src="</field> </block> </value> <value name="ADD1"> <block type="text" id="f]l,5%kk{$y~D`!N~z^D"> <field name="TEXT">/vis-icontwo/Schedule/Trash/trash_brown.png</field> </block> </value> <value name="ADD2"> <block type="text_join" id="OcHU.Y2^l/`+YoN7dFng" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="E|.}P1kbt;)}Os$*Ln$n"> <field name="TEXT">" height=</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="Hwrf57,e$:q/l~+6XjcW"> <field name="VAR" id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</field> </block> </value> <value name="ADD2"> <block type="text" id="T]n:;P)-OruC19r)#vZ!"> <field name="TEXT">px></field> </block> </value> </block> </value> </block> </value> <value name="ATTR_1"> <shadow type="text" id="atf^pa8g6a{@LV`Sn[yl"> <field name="TEXT"></field> </shadow> <block type="text_join" id="L7OK3,9?5kiJg#{z_K/B"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="cw)BBbpA}n%,Pi#iWi-G"> <field name="TEXT"><img src="</field> </block> </value> <value name="ADD1"> <block type="text" id="kV/*`$(h8*v{}*4k:b+n"> <field name="TEXT">/vis-icontwo/Schedule/Trash/trash_orange.png</field> </block> </value> <value name="ADD2"> <block type="text_join" id="NjlwW,6n35A/3Ir4g^0F" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="%HiU%#:$LAVJARYQgrnU"> <field name="TEXT">" height=</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="vYHArr.e/$a-SfA$V:0("> <field name="VAR" id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</field> </block> </value> <value name="ADD2"> <block type="text" id="}]rue#TO2Xyn%w,SXPTr"> <field name="TEXT">px></field> </block> </value> </block> </value> </block> </value> <value name="ATTR_2"> <shadow type="text" id="Re-/@l7lkt(FHauxLx99"> <field name="TEXT"></field> </shadow> <block type="text_join" id="~PV:]uZr$LYDL4a^2eo9"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="Mh3VyPW_)0GFJIit+,pb"> <field name="TEXT"><img src="</field> </block> </value> <value name="ADD1"> <block type="text" id="=JBi0|RI]21=WrEactct"> <field name="TEXT">/vis-icontwo/Schedule/Trash/trash_grey.png</field> </block> </value> <value name="ADD2"> <block type="text_join" id="}D~t!hkWV+xptpSVo{LZ" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="am%T8jbJwE*TNea+b7Wi"> <field name="TEXT">" height=</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="$i=I]2C06p[y5t*?M5d*"> <field name="VAR" id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</field> </block> </value> <value name="ADD2"> <block type="text" id="Nqz3`Xv:J@NJducRj;?H"> <field name="TEXT">px></field> </block> </value> </block> </value> </block> </value> <value name="ATTR_3"> <shadow type="text" id="GuJ{qlFT5KJ5Vx%m%pnH"> <field name="TEXT"></field> </shadow> <block type="text_join" id=",Wxy0+Rb}J9fho#Y@(6~"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="^6~M/`Q{#Gd~4Q^84^)C"> <field name="TEXT"><img src="</field> </block> </value> <value name="ADD1"> <block type="text" id="(+3#RYL_Ob87`n96U:?h"> <field name="TEXT">/vis-icontwo/Schedule/Trash/trash_blue.png</field> </block> </value> <value name="ADD2"> <block type="text_join" id="?(+df$NKlPae-]|n4s2@" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="O*SlH%)Gkfvvapns$Sco"> <field name="TEXT">" height=</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="8!5`7`hsB{zlOfV1v1RN"> <field name="VAR" id="+9JWYMnA^*C0(H!_~$Rx">Iconhöhe</field> </block> </value> <value name="ADD2"> <block type="text" id="|1Qb{~a_1aKwUE26C]YF"> <field name="TEXT">px></field> </block> </value> </block> </value> </block> </value> </block> </value> <next> <block type="comment" id=")|^6+o+ah~6v|GM0z3kl"> <field name="COMMENT">Ab hier: Finger weg!</field> <next> <block type="procedures_callnoreturn" id="9eHY`PIKK_nG!?9YS_Qe"> <mutation name="Tabelle erstellen"></mutation> <next> <block type="on_ext" id="aOTR=eGmmy[)JmQN=d)Q"> <mutation xmlns="http://www.w3.org/1999/xhtml" items="1"></mutation> <field name="CONDITION">ne</field> <field name="ACK_CONDITION"></field> <value name="OID0"> <shadow type="field_oid" id="dz8^:Ee)9Bd_mWTr|hGm"> <field name="oid">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id="i9U!WxTh,f@~B~0F$kG4"> <field name="VAR" id="uy{Z=e*uFv!PO}WP4[[Y">trashAdapter-json</field> </block> </value> <statement name="STATEMENT"> <block type="procedures_callnoreturn" id="U:Zh*c9wrMy;P1,32vz-"> <mutation name="Tabelle erstellen"></mutation> </block> </statement> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> <block type="procedures_defreturn" id="X0;4f/gBvir#@VKA%!6T" x="788" y="-362"> <mutation> <arg name="daysLeft" varid="n,[uo}Ph?(sa?dn{inu}"></arg> </mutation> <field name="NAME">Verbleibende Tage</field> <comment pinned="false" h="80" w="160">Beschreibe diese Funktion …</comment> <statement name="STACK"> <block type="comment" id="lS:Ms=rl*QV2TQv-[Aqa"> <field name="COMMENT">Beschriftung der verbleibenden Tage</field> </block> </statement> <value name="RETURN"> <block type="logic_ternary" id="`s.}xd-)S~Q6si%^{{:h"> <value name="IF"> <block type="logic_compare" id="!0wlQYpim7nNhQO#=V%-"> <field name="OP">EQ</field> <value name="A"> <block type="variables_get" id="7M0|dnV4#z:8=:fWC%1!"> <field name="VAR" id="n,[uo}Ph?(sa?dn{inu}">daysLeft</field> </block> </value> <value name="B"> <block type="math_number" id="|[{-l)*[d;EJ#uts*1S+"> <field name="NUM">0</field> </block> </value> </block> </value> <value name="THEN"> <block type="text" id="4a7:d7L9Ab(j}`R*dZ-4"> <field name="TEXT"><i>Heute!</i></field> </block> </value> <value name="ELSE"> <block type="logic_ternary" id="wyjyNbqUIeCzmwF)*{g3"> <value name="IF"> <block type="logic_compare" id="AvP;M?[?0j6k$}P..7bf"> <field name="OP">EQ</field> <value name="A"> <block type="variables_get" id="+XGkUQO?ct[ki/?/%r:C"> <field name="VAR" id="n,[uo}Ph?(sa?dn{inu}">daysLeft</field> </block> </value> <value name="B"> <block type="math_number" id="oz*vtoK48XWVWV+`2=,5"> <field name="NUM">1</field> </block> </value> </block> </value> <value name="THEN"> <block type="text" id="LukSp::TdX`cuf/0@G+c"> <field name="TEXT"><i>Morgen!</i></field> </block> </value> <value name="ELSE"> <block type="text_join" id="[8~H$KgrT}7!5:3nHK$^" inline="false"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="ah7ltsNl8r=?{2)ksj`P"> <field name="TEXT"><i>In </field> </block> </value> <value name="ADD1"> <block type="variables_get" id="0TLyx^}tp_2l*c%0w^m-"> <field name="VAR" id="n,[uo}Ph?(sa?dn{inu}">daysLeft</field> </block> </value> <value name="ADD2"> <block type="text" id="#waYK8!TJ;t!2z%/-FZH"> <field name="TEXT"> Tagen</i></field> </block> </value> </block> </value> </block> </value> </block> </value> </block> <block type="procedures_defnoreturn" id="}s7{AGfxL*FxC/d*?s3*" collapsed="true" x="638" y="463"> <field name="NAME">Tabelle erstellen</field> <comment pinned="false" h="80" w="160">Hier wird die HTML_Tabelle erstellt</comment> <statement name="STACK"> <block type="variables_set" id="/UJzT-1Kw5K~h*8]t~z*"> <field name="VAR" id="_L#0h36,]LOpyIy.NEgy">text</field> <value name="VALUE"> <block type="convert_json2object" id="L9?MZM2mx(=/^B$o6[D_"> <value name="VALUE"> <block type="get_value_var" id="Bfp/.y7G;P{%#AnTsQ(`"> <field name="ATTR">val</field> <value name="OID"> <shadow type="field_oid" id="f]V:8.K/AL0`xaY%M69N"> <field name="oid">ID auswählen</field> </shadow> <block type="variables_get" id="ZKRS)Lb)5peUEnH@Ycm,"> <field name="VAR" id="uy{Z=e*uFv!PO}WP4[[Y">trashAdapter-json</field> </block> </value> </block> </value> </block> </value> <next> <block type="variables_set" id="H^+.DJpE~W^_P#w*ovk5"> <field name="VAR" id="Nh*#(~Gw3~g)L0~^lyI}">Zeilen-Titel</field> <value name="VALUE"> <block type="lists_create_with" id="QQhCu72=p,P~Q~.*+n$n"> <mutation items="0"></mutation> </block> </value> <next> <block type="variables_set" id="+4#5Soi1]Vbe8e)cvX,%"> <field name="VAR" id="RyBz1Cbj7xoor~0!tG})">Zeilen-Icons</field> <value name="VALUE"> <block type="lists_create_with" id="oQB-!S7wy2{v:1,wU}8["> <mutation items="0"></mutation> </block> </value> <next> <block type="variables_set" id="Q)qN/L0NgeFZW*[yS7ED"> <field name="VAR" id="A.pH.8t-Qb!=RJz^%[Z5">Zeilen-Datum</field> <value name="VALUE"> <block type="lists_create_with" id="SQakB1IZ=K=/`=c7f%`$"> <mutation items="0"></mutation> </block> </value> <next> <block type="variables_set" id="+A*@9IfTn@Y=i[s!K3O~"> <field name="VAR" id="r*]@Os`JkpzA%(Y;$jR}">Zeilen-Tage</field> <value name="VALUE"> <block type="lists_create_with" id="PYO9e]7I#RmSXpm2ob]F"> <mutation items="0"></mutation> </block> </value> <next> <block type="controls_for" id="$%,JEpZ}9:4*Br98EBM6"> <field name="VAR" id="6z,9gw8xZ7{}LoeL?iU.">i</field> <value name="FROM"> <shadow type="math_number" id="RpY6-`%@eYTwv=~MtFlC"> <field name="NUM">0</field> </shadow> </value> <value name="TO"> <shadow type="math_number" id="qs8y{jNd~/mjbLP7o9,u"> <field name="NUM">10</field> </shadow> <block type="math_arithmetic" id="Hk9B(9pa#*nYd@:79JcV"> <field name="OP">MINUS</field> <value name="A"> <shadow type="math_number" id="y_1xGj4`8{Y^*D!`z8(~"> <field name="NUM">1</field> </shadow> <block type="lists_length" id="6__.W%|/CL)6q;:W3vOL"> <value name="VALUE"> <block type="object_keys" id="w*YqSyIrMceuP^(5J#OY"> <value name="OBJECT"> <shadow type="get_object" id="=$~qR2;hikVK(sKZ6uy;"> <field name="OID">Object ID</field> </shadow> <block type="variables_get" id="+{p/_,w`Sf0^qObOK}Sk"> <field name="VAR" id=";QA/H_..PcID(d]wqzuc">Icon Mapping</field> </block> </value> </block> </value> </block> </value> <value name="B"> <shadow type="math_number" id=";S-cT~f7r#f.zQhO?IFB"> <field name="NUM">1</field> </shadow> </value> </block> </value> <value name="BY"> <shadow type="math_number" id="|U.12f1VWld.r_~y;MEh"> <field name="NUM">1</field> </shadow> </value> <statement name="DO"> <block type="controls_if" id="9n*b7$]/03m4{a9I]TwS"> <value name="IF0"> <block type="variables_get" id="j?mp6;O#)_@Gb`}:MZG2"> <field name="VAR" id="!!Sh[xImBwE^6iZhHo|F">Titel anzeigen</field> </block> </value> <statement name="DO0"> <block type="lists_setIndex" id="p^+:d8cap2shpducM*aP"> <mutation at="false"></mutation> <field name="MODE">INSERT</field> <field name="WHERE">LAST</field> <value name="LIST"> <block type="variables_get" id="vj,[{W@Cm2zHN5LV/4*~"> <field name="VAR" id="Nh*#(~Gw3~g)L0~^lyI}">Zeilen-Titel</field> </block> </value> <value name="TO"> <block type="text_join" id="IK_,i/O2w+_.NAiFdFEu"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text_join" id="MQj2e7IqXYTH2gx1CqDu" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="{pmR~oT[}Aa~8M,R*7a_"> <field name="TEXT"><th><font size="</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="xP)v]Y8A29.mw`BQ!}SF"> <field name="VAR" id="RoFwWy0J$.!=3e+IB=HZ">Titelhöhe</field> </block> </value> <value name="ADD2"> <block type="text" id="tUKw8fN@KK)0bjwtQ[N,"> <field name="TEXT">"></field> </block> </value> </block> </value> <value name="ADD1"> <block type="get_attr" id="JDW~eJ5wJr1%=lb7]$Ps"> <value name="PATH"> <shadow type="text" id="KsOO=Ekk5]`K)CQ}m_BK"> <field name="TEXT">0.name</field> </shadow> <block type="text_join" id="0GC%jYH!`$u[+@8q}L.p"> <mutation items="2"></mutation> <value name="ADD0"> <block type="variables_get" id=";!gk7LY4gI@Rq_fSOIh!"> <field name="VAR" id="6z,9gw8xZ7{}LoeL?iU.">i</field> </block> </value> <value name="ADD1"> <block type="text" id="PGZsv4%qY;jTp.N}/IL$"> <field name="TEXT">.name</field> </block> </value> </block> </value> <value name="OBJECT"> <shadow type="get_object" id="[::2[H|2WTj/|Zg?)G6S"> <field name="OID">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id="!mv+j%#9j?p0gVvMCvbG"> <field name="VAR" id="_L#0h36,]LOpyIy.NEgy">text</field> </block> </value> </block> </value> <value name="ADD2"> <block type="text" id="^Ojk(Xx77m_ue)+X!}c-"> <field name="TEXT"></font></th></field> </block> </value> </block> </value> </block> </statement> <next> <block type="controls_if" id="ZKW!P2*Hpb`4jJeu@FCV"> <value name="IF0"> <block type="variables_get" id="=)y4qz9#uniD4n6b3.=o"> <field name="VAR" id="1|H~ukS;lNTlpUe6w?`J">Icon anzeigen</field> </block> </value> <statement name="DO0"> <block type="lists_setIndex" id="uW+6qf=_ZV4Q;3GWP2f}"> <mutation at="false"></mutation> <field name="MODE">INSERT</field> <field name="WHERE">LAST</field> <value name="LIST"> <block type="variables_get" id="Fbs%wTVg(U6$f:znwA(]"> <field name="VAR" id="RyBz1Cbj7xoor~0!tG})">Zeilen-Icons</field> </block> </value> <value name="TO"> <block type="text_join" id="WDO]mhe|Tm:u=mE~Yp:p"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="fs4@ox)Arxl8];;,vv+n"> <field name="TEXT"><td></field> </block> </value> <value name="ADD1"> <block type="get_attr" id="C+WU8.9^uG*(Ys^qXSzi"> <value name="PATH"> <shadow type="text" id="Q=_UZ!O9ljipBIYuHqH!"> <field name="TEXT">Bio</field> </shadow> <block type="get_attr" id="^5vPXI!PXL2?9WKGl?%D"> <value name="PATH"> <shadow type="text" id="IaCZ]046OF,9qY_$#^(%"> <field name="TEXT">0.name</field> </shadow> <block type="text_join" id="hzGTaJi%*94`@*ak4J1~"> <mutation items="2"></mutation> <value name="ADD0"> <block type="variables_get" id="C2p}v`@9(p*9l*73PjW0"> <field name="VAR" id="6z,9gw8xZ7{}LoeL?iU.">i</field> </block> </value> <value name="ADD1"> <block type="text" id="I?b{8jGQFS`AhvrBW-k%"> <field name="TEXT">.name</field> </block> </value> </block> </value> <value name="OBJECT"> <shadow type="get_object" id="[::2[H|2WTj/|Zg?)G6S"> <field name="OID">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id="1*d:3em]LW^J)IrM?wo)"> <field name="VAR" id="_L#0h36,]LOpyIy.NEgy">text</field> </block> </value> </block> </value> <value name="OBJECT"> <shadow type="get_object" id="[::2[H|2WTj/|Zg?)G6S"> <field name="OID">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id="kTpq5h||A89#*W8`F7k~"> <field name="VAR" id=";QA/H_..PcID(d]wqzuc">Icon Mapping</field> </block> </value> </block> </value> <value name="ADD2"> <block type="text" id="DPIc6/EERd?gM`_ocsMV"> <field name="TEXT"></td></field> </block> </value> </block> </value> </block> </statement> <next> <block type="controls_if" id=")BkkO?G27l%3?pJG%CJH"> <value name="IF0"> <block type="variables_get" id="PiDY)WZBy#kugqQYy:F^"> <field name="VAR" id="NcE`bYk]gtBM2*b5n8V?">Datum anzeigen</field> </block> </value> <statement name="DO0"> <block type="lists_setIndex" id="1:o2?=%6$.M9/yO*P|Eu"> <mutation at="false"></mutation> <field name="MODE">INSERT</field> <field name="WHERE">LAST</field> <value name="LIST"> <block type="variables_get" id="h5pB~JkY@oGs_m9.{!{~"> <field name="VAR" id="A.pH.8t-Qb!=RJz^%[Z5">Zeilen-Datum</field> </block> </value> <value name="TO"> <block type="text_join" id="Zq]S0[d;l?CokJtVSTN5"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="+DfVjaI=y4RYF*(CI_^V"> <field name="TEXT"><td></field> </block> </value> <value name="ADD1"> <block type="convert_from_date" id="2`fQHa:i1([@hF01;dQk"> <mutation xmlns="http://www.w3.org/1999/xhtml" format="true" language="false"></mutation> <field name="OPTION">custom</field> <field name="FORMAT">WW DD.MM.</field> <value name="VALUE"> <block type="get_attr" id="VAR^J/rXDw_l[rO:|K@z"> <value name="PATH"> <shadow type="text" id="P4{fc#;n47ys/1A++R?T"> <field name="TEXT">0.nextDate</field> </shadow> <block type="text_join" id="jjJ=CRt5eaoQpg{|U}EY"> <mutation items="2"></mutation> <value name="ADD0"> <block type="variables_get" id="_63}es}}cJoJ~m9$V{+F"> <field name="VAR" id="6z,9gw8xZ7{}LoeL?iU.">i</field> </block> </value> <value name="ADD1"> <block type="text" id="i8K2_+#)?-|p[CgMTH,u"> <field name="TEXT">.nextDate</field> </block> </value> </block> </value> <value name="OBJECT"> <shadow type="get_object" id="[::2[H|2WTj/|Zg?)G6S"> <field name="OID">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id=".?*|*vbR1/~f;DNh)](I"> <field name="VAR" id="_L#0h36,]LOpyIy.NEgy">text</field> </block> </value> </block> </value> </block> </value> <value name="ADD2"> <block type="text" id="M5Oz%YEf+jb[MD]6$3fl"> <field name="TEXT"></td></field> </block> </value> </block> </value> </block> </statement> <next> <block type="controls_if" id="`@!)FV+Es0Kzx{|hA:*7"> <value name="IF0"> <block type="variables_get" id="mpvk_CGFCDBRF6zy*3l%"> <field name="VAR" id="-1Zj,4nV^oE!m2lXhqi]">Tage anzeigen</field> </block> </value> <statement name="DO0"> <block type="lists_setIndex" id="t;4{|9E=_;wz)D)aS!Yc"> <mutation at="false"></mutation> <field name="MODE">INSERT</field> <field name="WHERE">LAST</field> <value name="LIST"> <block type="variables_get" id="Af(MkotWFDOXDMY%Z[nj"> <field name="VAR" id="r*]@Os`JkpzA%(Y;$jR}">Zeilen-Tage</field> </block> </value> <value name="TO"> <block type="text_join" id="q]0sWr!kbiAn9{a4IDl,"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id=":WqA4e^yEc7qMc|Low@N"> <field name="TEXT"><td></field> </block> </value> <value name="ADD1"> <block type="procedures_callreturn" id="d?LsuR6WRSs[5dY)q$zx"> <mutation name="Verbleibende Tage"> <arg name="daysLeft"></arg> </mutation> <value name="ARG0"> <block type="get_attr" id="czCWyhpcJl]hvg6Cbknk"> <value name="PATH"> <shadow type="text" id="VeKC2/[|mf4XyA/*eNhH"> <field name="TEXT">0.daysLeft</field> </shadow> <block type="text_join" id="b6e^d1v:gsfoO^h6u/G/"> <mutation items="2"></mutation> <value name="ADD0"> <block type="variables_get" id="yP2utKEe]j@a^ICRH:oY"> <field name="VAR" id="6z,9gw8xZ7{}LoeL?iU.">i</field> </block> </value> <value name="ADD1"> <block type="text" id=",[?YJN)8$@xR~*8HdXq0"> <field name="TEXT">.daysLeft</field> </block> </value> </block> </value> <value name="OBJECT"> <shadow type="get_object" id="[::2[H|2WTj/|Zg?)G6S"> <field name="OID">trashschedule.0.type.json</field> </shadow> <block type="variables_get" id=".$9pUX~Z9,gn3D{^_cM."> <field name="VAR" id="_L#0h36,]LOpyIy.NEgy">text</field> </block> </value> </block> </value> </block> </value> <value name="ADD2"> <block type="text" id="dMLuA{Y???ul8n02Q;{i"> <field name="TEXT"></td></field> </block> </value> </block> </value> </block> </statement> </block> </next> </block> </next> </block> </next> </block> </statement> <next> <block type="variables_set" id="~Y{rVT),X1xq~K7:wzIp"> <field name="VAR" id="0];!=K@}Wq9E.e}KS-+R">HTML-Tabelle</field> <value name="VALUE"> <block type="text_join" id="C}CD[(S{MSj~EBTdKV8}"> <mutation items="6"></mutation> <value name="ADD0"> <block type="text_join" id="tv,vBUa[wSQK.]gxWx%J"> <mutation items="2"></mutation> <value name="ADD0"> <block type="text" id="yRz14(=fud]GoZC{3:ec"> <field name="TEXT"><table cellpadding="5" border="0"</field> </block> </value> <value name="ADD1"> <block type="text_join" id="t0s*NCs_yUv.h~}FpU_(" inline="true"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="jO^!Pn5_mSC3:psP|W`="> <field name="TEXT"> width=</field> </block> </value> <value name="ADD1"> <block type="variables_get" id="1~/-KtL,*M#Grg/IiY#K"> <field name="VAR" id="w:sZiO5u5$]bIi%sq_P`">Tabellenbreite in px</field> </block> </value> <value name="ADD2"> <block type="text" id="8YM0_-}J,}Y7`yF^D#;V"> <field name="TEXT">px</field> </block> </value> </block> </value> </block> </value> <value name="ADD1"> <block type="text_join" id="_oY!NLL,pgwca/0Oe.Y^"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="4n=VD[PZ+;)u]h_4(%9Y"> <field name="TEXT"><tr></field> </block> </value> <value name="ADD1"> <block type="lists_split" id="$I2=Ml$*=@^OSsB!W{-N"> <mutation mode="JOIN"></mutation> <field name="MODE">JOIN</field> <value name="INPUT"> <block type="variables_get" id="6Z-tzrUH,[u8ngAEA/;%"> <field name="VAR" id="Nh*#(~Gw3~g)L0~^lyI}">Zeilen-Titel</field> </block> </value> <value name="DELIM"> <shadow type="text" id="#]]cGB[FTmjubS{/OQ){"> <field name="TEXT"></field> </shadow> </value> </block> </value> <value name="ADD2"> <block type="text" id="YT5#,,}TrE~tq[b:*Z{,"> <field name="TEXT"></tr></field> </block> </value> </block> </value> <value name="ADD2"> <block type="text_join" id=":yZpCS^I/Iw9jcUK1`oV"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="_D3s2:*75$]+1G!}:/[{"> <field name="TEXT"><tr></field> </block> </value> <value name="ADD1"> <block type="lists_split" id="Z[7|!(SQ%;+5I/FXW+N5"> <mutation mode="JOIN"></mutation> <field name="MODE">JOIN</field> <value name="INPUT"> <block type="variables_get" id="GMss_p[xbU|p=u(]-9X="> <field name="VAR" id="RyBz1Cbj7xoor~0!tG})">Zeilen-Icons</field> </block> </value> <value name="DELIM"> <shadow type="text" id="))vgfih=%]~8zsg8a{so"> <field name="TEXT"></field> </shadow> </value> </block> </value> <value name="ADD2"> <block type="text" id="P),[-c?V5c7K~5F7PJwA"> <field name="TEXT"></tr></field> </block> </value> </block> </value> <value name="ADD3"> <block type="text_join" id="ohwg2U6/5.hu/d%oDA%V"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="xO;:LVE;N0t.I^1k$;ER"> <field name="TEXT"><tr></field> </block> </value> <value name="ADD1"> <block type="lists_split" id="D=pfjW,tEGiM9@u:L,9f"> <mutation mode="JOIN"></mutation> <field name="MODE">JOIN</field> <value name="INPUT"> <block type="variables_get" id="6B+ShB,KE),12y)}~F[O"> <field name="VAR" id="A.pH.8t-Qb!=RJz^%[Z5">Zeilen-Datum</field> </block> </value> <value name="DELIM"> <shadow type="text" id="XZgI#_[~`BCTbIy*(pA4"> <field name="TEXT"></field> </shadow> </value> </block> </value> <value name="ADD2"> <block type="text" id="2hY{IIl?MiYs!Hx//DCD"> <field name="TEXT"></tr></field> </block> </value> </block> </value> <value name="ADD4"> <block type="text_join" id="k5s%mWe`pgLz7uk.L[aE"> <mutation items="3"></mutation> <value name="ADD0"> <block type="text" id="9(Uj8XUuO30U5yq91,y!"> <field name="TEXT"><tr></field> </block> </value> <value name="ADD1"> <block type="lists_split" id="p*nit9pZCP2Gy2=7$6:!"> <mutation mode="JOIN"></mutation> <field name="MODE">JOIN</field> <value name="INPUT"> <block type="variables_get" id="P0T`ls$QjXT9L^Cyh.Jr"> <field name="VAR" id="r*]@Os`JkpzA%(Y;$jR}">Zeilen-Tage</field> </block> </value> <value name="DELIM"> <shadow type="text" id="c[lwW@OCE_FovnYfggtB"> <field name="TEXT"></field> </shadow> </value> </block> </value> <value name="ADD2"> <block type="text" id="_n1`E[8BP(U#t~XFza-b"> <field name="TEXT"></tr></field> </block> </value> </block> </value> <value name="ADD5"> <block type="text_join" id="LxQLIco%yR-,P|L=D#!J"> <mutation items="1"></mutation> <value name="ADD0"> <block type="text" id="}4wtH+*+_xzWG|1fS7]g"> <field name="TEXT"></table></field> </block> </value> </block> </value> </block> </value> <next> <block type="control_ex" id="]F??OW48T}YN*rE.(z#A"> <field name="TYPE">true</field> <field name="CLEAR_RUNNING">FALSE</field> <value name="OID"> <shadow type="field_oid" id="oTFRg:LxR3rKkMb$~{_S"> <field name="oid">ID auswählen</field> </shadow> <block type="variables_get" id="d(|(Ua]=]1R?j]6;m@1?"> <field name="VAR" id="OF*BKPZ[c`(~lHU)0)6z">Ziel-Datenpunkt</field> </block> </value> <value name="VALUE"> <shadow type="logic_boolean" id="56)uQ@^Db@+^=YEbt0n~"> <field name="BOOL">TRUE</field> </shadow> <block type="variables_get" id="G$$Hqsk_CS`n(nq`+tPb"> <field name="VAR" id="0];!=K@}Wq9E.e}KS-+R">HTML-Tabelle</field> </block> </value> <value name="DELAY_MS"> <shadow type="math_number" id="S6w3^j8x7Pqy^pw9I{:c"> <field name="NUM">0</field> </shadow> </value> <value name="EXPIRE"> <shadow type="math_number" id="TFWP=@WN00*Cj@dQo3w!"> <field name="NUM">0</field> </shadow> </value> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </next> </block> </statement> </block> </xml> -
Kurze Anleitung:
Ich legen den Zieldatenpunkt NICHT im Script an. Den muss man VORHER anlegen und dann die Objekt ID im Blockly verlinken. Dieser Datenpunkt ist dann für das HTML-Widget.
'Datenpunkt: Ziel der Tabelle'
Als Quelle bitte den json Datenpunkt aus den Adapter-Objekten verwenden
'Datenpunkt: trash-Adapter JSON'
Mit den Größen muss man etwas experimentieren.
Wenn man mit der Breite runter geht, sollte man auch die Iconhöhe und die Titelhöhe anpassen
Hier lassen sich die Zeilen aus- und einblenden:
wahr = anzeigen ... falsch = ausblenden
Hier kann der Text (letzte Zeile) angepasst werden
Hier bitte genau die Namen eintragen, die im Trash-Adapter stehen
Die Icons werden hier definiert. Ein Umfärben ist zur Zeit (noch) nicht möglich. Ich arbeite hier mit unseren Ions mit fester Farbe pro Müllsorte
Selbsterklärend
Ich habe das Script so aufgebaut, dass bei jedem Speichern und Reload sowie bei einer Veränderung der Quelle, die Tabelle neu generiert wird. Das macht die Configuration einfacher und man hat die Änderungen der Einstellung direkt nach dem Speichern des Blockly.
-
Bei Fragen und/oder Problemen, einfach hier posten
-
Das Widget (inventwo Universal) für VIS2
Transparenter Hintergrund, um es direkt in eine vorhandene View zu importieren.
Den Datenpunkt ggf. anpassen
In meinem Fall:
{0_userdata.0.Termine.Kalender_Müll.Widget}
Der Export:
[ { "tpl": "tplInventwoWidgetUniversal", "data": { "bindings": [], "type": "readonly", "g_common": true, "mode": "singleButton", "direction": "row", "oid": "", "httpType": "send", "buttonSize": 110, "btnSpacing": 10, "countStates": 0, "buttonHoldValue": false, "dialogWidth": 500, "g_attr_group_type_view_in_dialog": true, "dialogHeight": 300, "dialogPadding": 10, "dialogBackground": "rgb(18, 18, 18)", "dialogTitleColor": "rgb(255,255,255)", "dialogTitleSize": 20, "dialogCloseButtonBackground": "rgba(255,255,255,0)", "dialogCloseButtonColor": "rgba(255,255,255,1)", "dialogCloseButtonSize": 14, "dialogBorderRadiusTopLeft": 12, "dialogBorderRadiusTopRight": 0, "dialogBorderRadiusBottomRight": 12, "dialogBorderRadiusBottomLeft": 0, "contentBlinkInterval": 0, "g_attr_group_state_default": true, "outerShadowColor": "", "colorPickerColorModel": "hex", "g_attr_content_color_picker": true, "colorPickerWidth": 200, "colorPickerHandleSize": 8, "colorPickerHandleMargin": 6, "colorPickerComponentsSpace": 12, "colorPickerDirection": "vertical", "colorPickerBorderWidth": 0, "colorPickerShowWheel": true, "colorPickerShowSaturation": true, "colorPickerShowValue": true, "textDecoration": "none", "g_attr_group_css_text": true, "textMarginTop": 0, "textMarginBottom": 0, "textMarginLeft": 0, "textMarginRight": 0, "contentType": "image", "g_attr_group_css_content": true, "contentMarginTop": 0, "contentMarginBottom": 0, "contentMarginLeft": 0, "contentMarginRight": 0, "contentSize": 66, "contentRotation": 0, "contentMirror": true, "flexDirection": "column", "g_attr_group_css_alignment": true, "alignItems": "center", "textAlign": "center", "contentAlign": "center", "backgroundOpacity": 0, "g_attr_group_css_transparency": true, "contentOpacity": 1, "paddingLeft": 0, "g_attr_group_css_spacing": true, "paddingRight": 0, "paddingTop": 0, "paddingBottom": 0, "borderRadiusTopLeft": 0, "g_attr_group_css_border_radius": true, "borderRadiusTopRight": 0, "borderRadiusBottomRight": 0, "borderRadiusBottomLeft": 0, "borderSizeTop": 0, "g_attr_group_css_border": true, "borderSizeBottom": 0, "borderSizeLeft": 0, "borderSizeRight": 0, "borderStyle": "none", "outerShadowX": 0, "g_attr_group_css_outer_shadow": true, "outerShadowY": 0, "outerShadowBlur": 0, "outerShadowSize": 0, "innerShadowX": 0, "g_attr_group_css_inner_shadow": true, "innerShadowY": 0, "innerShadowBlur": 0, "innerShadowSize": 0, "background": "rgba(0, 0, 0, 1)", "contentColor": "", "textColor": "rgba(255,255,255,1)", "borderColor": "", "innerShadowColor": "", "view": "v000_index", "icon": "/vis-icontwo/Navigations/nav_i.png", "text": "{0_userdata.0.Termine.Kalender_Müll.Widget}", "image": "", "g_css_font_text": true, "valueTrue": "0" }, "style": { "bindings": [], "left": "100", "top": "100", "width": "770px", "height": "220", "position": "absolute", "overflow": "visible", "text-shadow": "2px 2px 1px #000000", "z-index": 100, "text-align": "center" }, "widgetSet": "vis-2-widgets-inventwo", "_id": "i000001" } ] -
Vielen Dank für dieses HTML-Widget!
ich habe es soweit eingebunden bekommen, das mir die Leerung der Tonnen zumindest in Textform angezeigt werden, allerdings bekomme ich die Symbole nicht angezeigt.
sowol der "originale Pfad/vis-icontwo/Schedule/Trash/trash_blue.pngals auch so
../vis-icontwo/Schedule/Trash/trash_blue.pngzeigen keine grafischen Tonnen an.
Das Widget "image" mit dem Pfad
../vis-icontwo/Schedule/Trash/trash_blue.pnghingegen zeigt die blaue Tonne.
Ich habe im Blockly die Icon auf falsch und dann auf wahr zu setzen, hat aber auch nciht geholfen.
Mein Datenpunkt sieht inhaltlich wie folgt aus:
<table cellpadding="5" border="0" width=700px<tr><th><font size="3">Biomüll</font></th><th><font size="3">Restmüll</font></th><th><font size="3">Gelbe Tonne</font></th><th><font size="3">Papiermüll</font></th></tr><tr><td></td><td></td><td></td><td></td></tr><tr><td>Donnerstag 14.08.</td><td>Mittwoch 20.08.</td><td>Donnerstag 28.08.</td><td>Donnerstag 04.09.</td></tr><tr><td><i>In 5 Tagen</i></td><td><i>In 11 Tagen</i></td><td><i>In 19 Tagen</i></td><td><i>In 26 Tagen</i></td></tr></table>Was übersehe ich?
Danke im voraus!
-
habs gefunden, Casesensitive war die Lösung
so klappt es auch mit den Icons
DANKE!
-
UPDATE:
Eine Überarbeitung läuft .....
Horizontal:
Vertikal:
-
UPDATE:
Ein paar neue/weitere Einstellungen im Script:
Der Code ist leider zu lang, um ihn hier zu Posten. Daher hier als txt hochgeladen
-
@skvarel Danke, für das erste echt mega! Werde ich mal testen... werde Dir bescheid geben.
-
@longbow .. ja, melde dich bitte ob alles klappt
-
Guten Morgen, also weit klappt es die Ausrichtungen prima. So können die Leute es sich einstellen, wie sie es haben wollen.
Ein Problem ist nur, keine Ahnung warum, aber die Bilder werden nicht angezeigt. Weder die aus dem Pfad, die es ja gibt oder halt die möchte und hinterlegt habe.
hier mal der Pfad von dem was ich gern haben würde wollen :
/vis-2.0/smarthome/Image/views/muell/muelltonne-mit-armen_grau.pnghier die aus dem Adapter:
/vis-icontwo/Schedule/Trash/trash_brown.pngDas liegt aber echt wohl an Eurem Inventow Design Adapter, denn wenn ich dies Pfad so ein anzeigen lasse, als Bild Image, werden Sie mir angezeigt. An was kann das liegen?
-
@longbow .. hast du dich an die genaue Schreibweise gehalten?
Die Namen im Script müssen zwingend identisch mit den Namen in der Instanz sein. Die Reihenfolge ist da allerdings egal.
-
danke, da war der Fehler.... jetzt probiere ich weiter
-
Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.Hier mal die Bilder:
Auf dem MacBook
Auf den Mobilen Geräten:
-
Also läuft echt super auf dem MacBook, probiere es später auf einem Windows-Rechner noch aus.
Aber auf den Mobilen Geräten (iPhone und iPad) sieht es wie mit dem anderen Widget, wo dein Sohn dran ist.Hier mal die Bilder:
Auf dem MacBook
Auf den Mobilen Geräten:
-
@longbow ... du kannst auch ein Basic-HTML-Widget nehmen, anstatt das inventwo Widget. Dann müsste es auch in der mobilen Ansicht klappen.
-
@longbow .. Export vom Basic-HTML-Widget
[ { "tpl": "tplHtml", "data": { "bindings": [ "html" ], "html": "{0_userdata.0.Termine.Kalender_Müll.Widget}", "refreshInterval": null, "g_common": true, "g_css_font_text": true }, "style": { "bindings": [], "left": "460px", "top": "368px", "width": "688px", "height": "222px", "z-index": "50", "color": null, "text-align": "center", "text-shadow": null, "font-family": null, "font-style": null, "font-variant": null, "font-weight": null, "font-size": null, "line-height": null, "letter-spacing": null, "word-spacing": null }, "widgetSet": "basic", "_id": "i000001" } ] -
Herzlichen Dank, das war auch mein Gedanke, hatte nur nicht schneller es aus probieren können.
Ich finde mega, was du gebastelt hast.Jetzt muss nur noch das andere Thema wieder gehen.
Ein großes Dankeschön an Dich.
