Vorlagen/Ideen MüllPlan VIEW / Widget ?

SBorg

@Chaot Hatte noch vergessen, dass es im Editor so aussieht
Bild 1.png
Ich habe sie extra weiß gefärbt damit man gleich sieht wenn ein Fehler vorliegt. Die Tage kommen dann typischerweise wegen des Bindings. Hier nochmal die Tonne in klein, damit du siehst was ich mit keine doppelten Bezeichnungen meine. Sonst ist sie 1:1, bis auf "transform 0.7" (sie soll ja 20% kleiner sein; das Original ist auf 0.9 scaliert)

<script type="text/javascript">

	setTimeout(function () {
	    let MTonnenfarbe1 = "#ffffff";
        let MTonnenart1 = document.getElementById("tonnenart1").innerHTML; 
        let inTagen1 = document.getElementById("intagen1").innerHTML;
        
        if (MTonnenart1 == "Bio") { 
            MTonnenfarbe1 = "#366926";
        }
        if (MTonnenart1 == "Restmüll") { 
            MTonnenfarbe1 = "#0d121a";
        }
        if (MTonnenart1 == "Papier") { 
            MTonnenfarbe1 = "#003b80";
        }
                
        if (inTagen1 > 2) {
            document.getElementById("Resttage1").setAttribute("fill", "#ffffff")
        }
        if (inTagen1 == 2) {
            document.getElementById("Resttage1").setAttribute("fill", "yellow")
        }
        if (inTagen1 == 1) {
            document.getElementById("Resttage1").setAttribute("fill", "orange")
        }        
        if (inTagen1 == 0) {
            document.getElementById("Resttage1").setAttribute("fill", "red")
        }
	   	document.getElementById("tonne1").setAttribute("fill", MTonnenfarbe1);	
    	document.getElementById("Resttage1").innerHTML = inTagen1;
	}, 1);

</script>

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.1"
   id="svg306"
   sodipodi:docname="Mülltonne_klein.svg"
   width="31.499996"
   height="50.399998"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
  <metadata
     id="metadata312">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs310" />
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1920"
     inkscape:window-height="1017"
     id="namedview308"
     showgrid="false"
     inkscape:zoom="11.313708"
     inkscape:cx="15.887829"
     inkscape:cy="24.720957"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg306"
     showguides="false">
    <inkscape:grid
       type="xygrid"
       id="grid4017"
       originx="-8.5975018"
       originy="-465.34551" />
  </sodipodi:namedview>
  <g
     id="g19"
     transform="scale(0.7)">
    <path
       fill="#ffffff" style="stroke:#000000;stroke-width:0.12395526"
       d="m 27.640698,62.063108 c 0,2.30962 0.685,4.43054 1.82576,6.13638 h -14.94626 c -3.74897,0 -9.0201604,-7.67088 -9.0201604,-11.60867 0,-3.93778 0,-21.22317 0,-25.02732 0,-3.80415 -3.74931,-10.34873 -3.74931,-10.34873 v -10.14392 h 3.74931 4.6847804 28.06444 l 0.0392,41.0455 c -0.56481,-0.12756 -1.14832,-0.19703 -1.74472,-0.19703 -4.91656,0 -8.90298,4.54156 -8.90298,10.14379 z m 12.7575,-54.1320404 v -4.31252 c 0,-0.44314 -0.31446,-0.80092 -0.70287,-0.80092 h -8.85411 V 0.86276763 c 0,-0.443 -0.31434,-0.80079 -0.70288,-0.80079 h -16.47778 c -0.38878,0 -0.70276,0.35779 -0.70276,0.80079 V 2.8176276 H 0.76485763 c -0.38854,0 -0.70288,0.35778 -0.70288,0.80092 v 4.31252 c 0,0.44313 0.31434,0.80092 0.70288,0.80092 H 39.695428 c 0.38831,0 0.70277,-0.35779 0.70277,-0.80092 z m 3.28982,54.2656904 c 0,4.2687 -3.04817,7.74126 -6.79365,7.74126 -3.74619,0 -6.79365,-3.47256 -6.79365,-7.74126 0,-4.26872 3.04746,-7.74129 6.79365,-7.74129 3.74548,1.5e-4 6.79365,3.4727 6.79365,7.74129 z m -2.8114,0 c 0,-2.50188 -1.78594,-4.53773 -3.98225,-4.53773 -2.19492,0 -3.98225,2.03585 -3.98225,4.53773 0,2.50198 1.78733,4.5377 3.98225,4.5377 2.19631,0 3.98225,-2.03557 3.98225,-4.5377 z"
       id="tonne1" />
    <path
       id="Rad"
       d="m 36.204428,69.777936 c -2.615979,-0.285381 -4.933228,-2.478069 -5.735568,-5.42726 -0.267673,-0.983897 -0.289036,-3.133945 -0.04084,-4.110059 0.66874,-2.63002 2.336699,-4.585917 4.574807,-5.364553 0.872285,-0.303468 2.25143,-0.376176 3.187049,-0.16802 2.539328,0.564946 4.606973,2.863003 5.215642,5.796852 0.246557,1.188428 0.183277,2.89413 -0.14903,4.017108 -1.023454,3.458603 -3.896828,5.600141 -7.052062,5.255932 z m 1.87603,-3.150555 c 0.821006,-0.273975 1.632,-0.943253 2.163815,-1.785703 0.330964,-0.524281 0.660372,-1.586918 0.719441,-2.320844 0.150052,-1.864381 -0.903967,-3.811346 -2.482277,-4.585217 -0.588885,-0.288739 -0.661038,-0.302456 -1.590991,-0.302456 -0.925394,0 -1.004411,0.0148 -1.579389,0.2959 -1.109176,0.542255 -1.986801,1.652397 -2.324423,2.940254 -0.209708,0.799931 -0.189278,2.080951 0.04495,2.818448 0.393086,1.237683 1.174235,2.206245 2.182312,2.705891 0.973227,0.482373 1.895995,0.557612 2.866562,0.233727 z"
       style="fill:#000000;stroke:none;stroke-width:0"
       inkscape:connector-curvature="0" />
  </g>
  <text
     xml:space="preserve"
     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19.20000076px;line-height:1.25;font-family:Bahnschrift;-inkscape-font-specification:'Bahnschrift, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.78014231"
     x="15.308122"
     y="24.92905"
     id="Tage"
     inkscape:label="#tage"
     transform="scale(1.0254538,0.97517802)"><tspan
       sodipodi:role="line"
       id="Resttage1"
       x="15.308122"
       y="24.92905"
       fill="#000000"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:19.20000076px;font-family:Bahnschrift;-inkscape-font-specification:'Bahnschrift, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;stroke-width:0.78014231">98</tspan></text>
</svg>


<span id="tonnenart1" opacity="0">{w:MyOwnData.0.VIS.Muellkalender.naechster_Abholtermin_plus1; w.split(",")[0]}</span>
<span id="intagen1" opacity="0">{w:MyOwnData.0.VIS.Muellkalender.naechster_Abholtermin_plus1; w.split(",")[1]}</span>

Die Daten gewinne ich aus einem ziemlich komplexen JS, da ich noch eine andere Verwendung dafür habe. Es erzeugt noch Färbungen, Tagesaufgaben usw:

Die Tonnen sind nur als Übersicht in der Home-View bei mir gedacht. Das Skript ist zu sehr auf mich zugeschnitten:
Bild 1.png

Chaot

@SBorg Ah, verstehe.
Trotzdem danke für den zweiten Teil. Ich werde mal schauen wie ich mir die Datenpunkt generiere. Das könnte schon irgendwie klappen.

SBorg

@Chaot Mach doch mal einen Feature-Request bei GitHub für den TrashSchedule-Adapter. Ev. lässt sich Matthias ja "erwärmen". Ich vote auch mit

haus-automatisierung

@SBorg Was genau möchtet ihr haben? Die Leerungen nach der "nächsten"? Oder gehts um die Icons und VIS Darstellung?

SBorg

@haus-automatisierung Hallo Matthias, ja genau, die Daten der übernächsten Leerung
Wenn dein Haus dann auch in einem Garten wohnt, wirst du das "Problem" ev. auch kennenlernen. Morgen muss der Müll raus, aber bspw. übermorgen dann die Biotonne. Die ist nicht voll, also noch schnell den Rasen mähen und sie voll machen. Ist dann aber uU. blöd, wenn du dass dann Abends siehst wenn die Mülltonnenanzeige verschwindet, dass jetzt eigentlich gleich die Biotonne raus muss und bestenfalls du nun keine Zeit mehr hast, oder das mähen um die Uhrzeit nicht mehr erlaubt ist.
...obwohl du ja dann eigentlich einen Mähroboter haben müsstest...

haus-automatisierung

@SBorg Okay, das macht Sinn Allerdings wird das bei mir nie passieren, da bei uns nie eine Abholung direkt am nachfolgenden Tag stattfindet, sondern immer mindestens eine Woche dazwischen liegt - außer bei Tannenbäumen 1x im Jahr.

Aber das nehme ich gerne als Optimierung mit auf!

Chaot

@SBorg Verstehe ich jetzt nicht ganz. Mein Nachbar mäht ungerührt um 21 Uhr oder am Sonntag.

Feuersturm

@SBorg Das Feature kann ich auch gebrauchen. Bei uns ist es so, dass z.B. Mittwochs Plastikmüll und einen Tag später dann die Biotonne geleert wird. Würde mich daher auch freuen, wenn die übernächste Leerung als Datenpunkt vorhanden ist.

Edit: Hab mal bei Github ein Issue angelegt: https://github.com/klein0r/ioBroker.trashschedule/issues/7

Feuer-sturm created this issue in klein0r/ioBroker.trashschedule

closed Datenpunkt für "Übernächste" Leerung hinzufügen #7

SBorg

@Chaot Ich wohne in der Todeszone 1*, da macht man das genau 1x. Genau genommen ist sogar Feuerwerk an Sylvester verboten
* 50m Radius zu einem Krankenhaus

...und gerade aktuell (kommt bei uns sogar oft an drei aufeinander folgenden Tage): Bild 1.png

haus-automatisierung

Ich habe in der letzten Version vom Tashschedule ein VIS Widget hinzugefügt. Das sieht aktuell so aus:

Screenshot 2020-03-07 at 21.31.45.png

Die Daten kommen aus dem json-Datenpunkt. Farben können jetzt direkt auf dem jeweiligen Typen hinterlegt werden.

Chaot

@haus-automatisierung Danke. Das ist eine gute Sache.
Hast du eventuell eine kleine Anleitung wie man die Farebn hinterlegt? Ich habe absolut keine Ahnung von CSS

haus-automatisierung

@Chaot Hier mal ein Screenshot meiner Config

Screenshot 2020-03-07 at 21.44.05.png

Die Hex-Werte für die Farben suchst Du einfach mit einem beliebigen Color Picker aus. Zum Beispiel bei Google nach "Color Picker" suchen.

Chaot

@haus-automatisierung Oh mann! Und ich suche die ganze Zeit im VIS Editor!

Wie kann ich die dann in dem Widet einbinden?

Edit: Gefunden. Schalter = trashschedule.0.type.json

liv-in-sky

@haus-automatisierung
hallo matthias,
frage zum widget

was macht eigentlich das "extra-Attr" im widget ?

ich habe einen dunklen hintergrund - leider sieht man dann die deckel nicht mehr
kann man da noch was machen ?

Image 2.png

liv-in-sky

@haus-automatisierung

ich nochmal - hab heute "putztag" - d.h ich räume meine vis auf indem ich mir das log im browser anschaue - habe x-fehler gefunden und einer ist mir noch aufgefallen - habe ich da was falsch eingestellt

Image 6.png

Image 7.png

haus-automatisierung

@liv-in-sky Eigentlich sollte die Farbe der SVGs automatisch errechnet und angepasst werden. Das ist ein bisschen Tricky gelöst und sicher noch nicht ganz stabil. Bei manchen Farben kann er daher wohl etwas durcheinander kommen. Muss ich mir anschauen.

Axel Koeneke

@crunchip Moin, kannst du mal bitte erklären wie du die VIS eingebunden hast?
Die Scripte laufen und bringen die richtigen Werte, aber ich komme mit der VIS nicht weiter. Welches Widget hat du dafür genommen.
Viele Grüße

SBorg

Auf dunklem Hintergrung funktioniert bei mir (hier auf 50% skaliert):
Bild 2.png
@haus-automatisierung Hi Matthias, ev. wäre es noch vorteilhaft die Textfarbe im Adapter einstellen zu können (per CSS werden es die meisten nicht hinbekommen). Das Standard-weiß ist auf der Gelben sonst nicht wirklich lesbar

crunchip

@Axel-Koeneke weiter oben, ist doch ein export als Textdatei hinterlegt. Was klappt denn nicht?

haus-automatisierung

@SBorg Eigentlich sollten sich alle Farben per CSS anpassen lassen. Welche genau funktionieren denn nicht?

Edit: Ach, nicht hinbekommen. Habe nicht übernommen gelesen. Naja aber so funktioniert doch eigentlich jedes VIS Widget, oder?

NEWS

Vorlagen/Ideen MüllPlan VIEW / Widget ?

closed Datenpunkt für "Übernächste" Leerung hinzufügen #7

Support us

748
Online

31.8k
Users

79.9k
Topics

1.3m
Posts

NEWS

Vorlagen/Ideen MüllPlan VIEW / Widget ?

closed Datenpunkt für "Übernächste" Leerung hinzufügen #7

Support us

748Online

31.8kUsers

79.9kTopics

1.3mPosts

748
Online

31.8k
Users

79.9k
Topics

1.3m
Posts