NEWS
Vorlagen/Ideen MüllPlan VIEW / Widget ?
-
@SBorg Verstehe ich jetzt nicht ganz. Mein Nachbar mäht ungerührt um 21 Uhr oder am Sonntag.
@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):

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

Die Daten kommen aus dem json-Datenpunkt. Farben können jetzt direkt auf dem jeweiligen Typen hinterlegt werden.
-
Ich habe in der letzten Version vom Tashschedule ein VIS Widget hinzugefügt. Das sieht aktuell so aus:

Die Daten kommen aus dem json-Datenpunkt. Farben können jetzt direkt auf dem jeweiligen Typen hinterlegt werden.
@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 Danke. Das ist eine gute Sache.
Hast du eventuell eine kleine Anleitung wie man die Farebn hinterlegt? Ich habe absolut keine Ahnung von CSS@Chaot Hier mal ein Screenshot meiner Config

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 Hier mal ein Screenshot meiner Config

Die Hex-Werte für die Farben suchst Du einfach mit einem beliebigen Color Picker aus. Zum Beispiel bei Google nach "Color Picker" suchen.
@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
-
Ich habe in der letzten Version vom Tashschedule ein VIS Widget hinzugefügt. Das sieht aktuell so aus:

Die Daten kommen aus dem json-Datenpunkt. Farben können jetzt direkt auf dem jeweiligen Typen hinterlegt werden.
@haus-automatisierung
hallo matthias,
frage zum widgetwas 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 ?
-
@Chaot Hier mal ein Screenshot meiner Config

Die Hex-Werte für die Farben suchst Du einfach mit einem beliebigen Color Picker aus. Zum Beispiel bei Google nach "Color Picker" suchen.
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


-
@haus-automatisierung
hallo matthias,
frage zum widgetwas 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 ?
@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.
-
@ChrisXY
View
View-Abfallkalender.txt
Anzeige für die Tage
Abfalltermine.txt
Heute Morgen Übermorgen
Müllwarnung.txt@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 -
Auf dunklem Hintergrung funktioniert bei mir (hier auf 50% skaliert):

@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 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@Axel-Koeneke weiter oben, ist doch ein export als Textdatei hinterlegt. Was klappt denn nicht?
-
Auf dunklem Hintergrung funktioniert bei mir (hier auf 50% skaliert):

@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 :)@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?
-
@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?
@haus-automatisierung Sorry, ich war blind. Ab und zu hängt der VIS-Editor und zeigt nicht immer alles gleich an. Eben erst gesehen, dass es in der VIS dann funktioniert (+ spätestens auch im Editor wenn man notfalls mal die ganze Seite aktualisiert). Du hast natürlich Recht, geht ganz easy per CSS-Textfarbe und auch (meistens) dann direkt im Editor ;)
*EDIT* aber ein Problem bleibt: setzte ich die Farbe pauschal dunkler ändert sich die gesamte Textfarbe des Widgets. Dann lässt sich der restliche Text nicht mehr lesen "schwarzer Adler auf schwarzem Grund". Also doch händisch per CSS eingreifen...
-
@Axel-Koeneke weiter oben, ist doch ein export als Textdatei hinterlegt. Was klappt denn nicht?
@crunchip Du meinst wohl den hier: @crunchip sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
@ChrisXY
View
View-Abfallkalender.txt
Anzeige für die Tage
Abfalltermine.txt
Heute Morgen Übermorgen
Müllwarnung.txtIch bin noch neu beim beim Broker und komme von Openhab...
Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...Was mir aufgefallen ist, ist das in der Datei auch lokale Zugriffe sind. Flot auf der Adresse 192.168.2.2 - Soll das so sein?
VG -
@crunchip Du meinst wohl den hier: @crunchip sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
@ChrisXY
View
View-Abfallkalender.txt
Anzeige für die Tage
Abfalltermine.txt
Heute Morgen Übermorgen
Müllwarnung.txtIch bin noch neu beim beim Broker und komme von Openhab...
Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...Was mir aufgefallen ist, ist das in der Datei auch lokale Zugriffe sind. Flot auf der Adresse 192.168.2.2 - Soll das so sein?
VG@Axel-Koeneke sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...
Als VIEW importieren!
-
"Eingriff" direkt per CSS (nur daysleft gefärbt):

vs Widget CSS-Textfarbe "black":

-
@crunchip Du meinst wohl den hier: @crunchip sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
@ChrisXY
View
View-Abfallkalender.txt
Anzeige für die Tage
Abfalltermine.txt
Heute Morgen Übermorgen
Müllwarnung.txtIch bin noch neu beim beim Broker und komme von Openhab...
Ich habe keine Ahnung wo ich in der VIS die Datei "View-Abfallkalender" hintun soll...Was mir aufgefallen ist, ist das in der Datei auch lokale Zugriffe sind. Flot auf der Adresse 192.168.2.2 - Soll das so sein?
VG@Axel-Koeneke hast du es hinbekommen? wie sigi234 schon schrieb, als view importieren.
was meinst du mit Flot....Adresse??
-
@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
"Eingriff" direkt per CSS (nur daysleft gefärbt):
welchen CSS hast du da verwendet?
(hier auf 50% skaliert)
wie machst du das?
Wenn ich width und height angebe, bleiben die Tonnen gleich groß und verschieben sich nur.

@haus-automatisierung
wie ist das mit dem offenen, bzw. geschlossenen Deckel zu verstehen?

-
@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
"Eingriff" direkt per CSS (nur daysleft gefärbt):
welchen CSS hast du da verwendet?
(hier auf 50% skaliert)
wie machst du das?
Wenn ich width und height angebe, bleiben die Tonnen gleich groß und verschieben sich nur.

@haus-automatisierung
wie ist das mit dem offenen, bzw. geschlossenen Deckel zu verstehen?

@Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):
.trashtype .daysleft { background: #CCCCCC88 !important; color: #222222 !important; }Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:

Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:
scale(0.5) -
@Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):
.trashtype .daysleft { background: #CCCCCC88 !important; color: #222222 !important; }Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:

Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:
scale(0.5)@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):
Danke
Wie kommst du an das CSS vom Widget? Über die Console im Browser?scale(0.5)
Ich Depp. Klar mit scale. Und ich habs mit calc probiert. :astonished: