.... jetzt sitz ich seit Stunden mit Firebug und meinem Lieblingseditor vor der wind_direction color welche als element.style angegeben ist und bekomme sie partout nicht geändert. Kann mir bitte jemand sagen wo
color: #ffffff;
für die Windrichtung in der "Windrose" definiert ist? .... und wie ich in meiner .css am besten "angreifen" kann?
Habe es mit
[data-type="wind_direction"] {
color:#000000 !important;
}
probiert, aber kein Erfolg.
Danke und Grüße
.... für Nachfolgende ....
[data-type="wind_direction"] > div > input {
color:#000000 !important;
}
war dann die Lösung
Oder per Attribute.
data-inputcolor="#000"
mhm, schade, dass das widget-Wiki nicht aktuell ist :D .... aber so hab ich wenigstens was über css-attribute gelernt
Zitat von: holle75 am 04 September 2017, 15:59:16
mhm, schade, dass das widget-Wiki nicht aktuell ist
Das ist Deine Chance ... ;)
Ich oute mich mal als denjenigen, der im Frühjahr (Aktion Doku FTUI) den Wiki-Beitrag wind_direction verfasst hat. Gestützt habe ich mich seinerzeit auf die Doku des Urhebers: https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/wind_direction (https://github.com/nesges/Widgets-for-fhem-tablet-ui/wiki/wind_direction)
Von dem Attribut data-inputcolor lese ich hier zum ersten Mal.
Es gibt noch keinen Roboter, der unentdeckte Features in die Doku aufnimmt. Damit möglichst viele Nutzer davon profitieren, sollten neue Erkenntnisse im Wiki festgehalten werden. (Ich selbst kann die Funktion gerade nicht testen und halte mich deshalb zurück.)
Beste Grüße
Ulm32b
Das Widget hat dieses Feature, weil es vom Knob Widget abgeleitet ist. Es erbt dadurch alle Eigenschaften der Basisklasse. Volume und Thermostat sind auch Ableitungen von Knob.
Ach, Homestatus noch vergessen ...
Zitat von: Ulm32b am 05 September 2017, 01:19:54
Das ist Deine Chance ... ;)
Hast ja Recht ;) .... muß mich mal um so ein login kümmern.
Ihr seid ja alle wesentlich aktiver als ich, aber ich hatte das Gefühl, so als Temporärbastler, dass für FTUI die Informationen recht verstreut sind und nicht immer aktuell. Wo ist die richtige Stelle für zumindest die aktuellsten Attribute für das jeweilige Widget? Alles andere ist ja Recht allgemein, aber diese sind schon wichtig. Das soll keine Kritik sein! Ist ja auch eine erschlagende Möglichkeitslandschaft.
Zitat von: holle75 am 05 September 2017, 09:52:12
[...] ich hatte das Gefühl, [...] dass für FTUI die Informationen recht verstreut sind und nicht immer aktuell.
Die "Veteranen" kennen noch den Zustand der Doku Anfang 2017 :o :o . Damals machte einer den ersten Schritt:
https://forum.fhem.de/index.php/topic,66578.0.html (https://forum.fhem.de/index.php/topic,66578.0.html)
Ich sage mal ganz pauschal über den Daumen gepeilt: Seinerzeit hatten wir die 20%-Lösung, heute sind es 80%. 90% sind realistisch erreichbar, wenn viele mitmachen.
In der Zeit, in der Ihr das hier diskutiert, hätte das schon längst mal jemand im Wiki nachtragen können... ::)
Zitat von: holle75 am 05 September 2017, 09:52:12
Wo ist die richtige Stelle für zumindest die aktuellsten Attribute für das jeweilige Widget?
Die aktuellste Quelle sind im Prinzip immer die Widgets selber. Die findest Du im Ordner JS. Ein Blick in den Quellcode (nicht abschrecken lassen) verrät dann Abhängigkeiten, also woher Attribute geerbt werden, und zeigt auch, welche (zusätzlichen) Attribute angewendet werden können.
Nachfolgend ein Auszug aus dem Button-Widget:
"use strict";
function depends_button() {
if (typeof Module_famultibutton == 'undefined')
return ["famultibutton"];
}
var Modul_button = function () {
function init() {
me.elements = $('div[data-type="' + me.widgetname + '"]', me.area);
me.elements.each(function (index) {
var elem = $(this);
elem.initData('off-color', ftui.getStyle('.button.off', 'color') || '#2A2A2A');
elem.initData('off-background-color', ftui.getStyle('.button.off', 'background-color') || '#505050');
elem.initData('on-color', ftui.getClassColor($(this)) || ftui.getStyle('.button.on', 'color') || '#2A2A2A');
elem.initData('on-background-color', ftui.getStyle('.button.on', 'background-color') || '#aa6900');
elem.initData('get-warn', -1);
me.init_attr(elem);
elem = me.init_ui($(this));
if (!elem.data('device')) {
elem.setOn();
}
});
}
Alle Werte hinter
elem.initData sind die entsprechenden Attribute, die kombiniert mit
data- auch angewendet werden können. Die Bedeutung ergibt sich oftmals aus dem Namen selber.
Ganz oben im Quelltext siehst Du auch die Verbindung zum
famultibutton, dessen Attribute hier ebenfalls angewendet werden können.
Ok, das ist sicher nicht die feine englische Art. Allerdings habe ich manchmal das Gefühl, dass einige Änderungen viel schneller gehen, als die Doku entsprechend dazu anzupassen. Also sind wir damit zufrieden, dass setstate Änderungswünsche oft sehr schnell einbaut und finden uns dann damit ab, dass wie über die eine oder andere neue Möglichkeit nur zufällig stolpern.
Zitat von: Standarduser am 05 September 2017, 17:53:40
Alle Werte hinter elem.initData sind die entsprechenden Attribute, die kombiniert mit data- auch angewendet werden können.
Ahh, nice!
Kurze Ergänzung weil es bei mir mit der Zeigerfarbe nicht funktioniert hat.
Der Zeiger ließ sich bei mir nicht via 'data-inputcolor' ansprechen, mit 'data-hdcolor' dagegen schon.
Zitat von: Standarduser am 05 September 2017, 17:53:40
Alle Werte hinter elem.initData sind die entsprechenden Attribute, die kombiniert mit data- auch angewendet werden können.
Klingt gut, wieder etwas gelernt.
Zitat von: Standarduser am 05 September 2017, 17:53:40
Die Bedeutung ergibt sich oftmals aus dem Namen selber.
Das sagst Du so leichterhand.
Mir ist der Zeiger zu dünn, so ein Wind pustet ja eher nur aus der groben Richtung. Daher hätte ich den Zeiger gern dicker. Mir fällt dort
elem.initData('thickness', elem.hasClass('tiny') ? 0.5 : 0.25);
auf, ich würde das jetzt mit "Dicke" übersetzen wollen - und nehme an, dass die Zeigerdicke gemeint sei. Aber selbst wenn ich die Werte mit dem Vorschlaghammer in widget_wind_direction.js ändere - es passiert nichts. Da bin ich noch weit von dem Punkt entfernt, wie man so einen Doppelwert am besten übergibt.
Hat jemand eine Idee, einen Plan gar? Ist vielleicht sogar der Widget-Autor anwesend?
Hallo curt,
die Breite des Zeigers kann ich über:
data-cursor="15"
Thickness steuert die Breite der Skala. Zum Beispiel:
data-thickness="0.3"
VG Heiko
Danke-schön!
Gerade hatten wir mal die WIndstärke 0
Hier sollte doch, wenn
data-speed="wind" data-calm="-"
angegeben wird, ein "-" statt der Windrichtung angezeigt werden, es steht aber weiterhin eine Windrichtung da.
Oder habe ich da einen Denkfehler ?
Zitat von: Lichti am 19 Dezember 2018, 17:16:39
Gerade hatten wir mal die WIndstärke 0
Hier sollte doch, wenn
data-speed="wind" data-calm="-"
angegeben wird, ein "-" statt der Windrichtung angezeigt werden, es steht aber weiterhin eine Windrichtung da.
Oder habe ich da einen Denkfehler ?
Kein Denkfehler, aber: Im Wiki steht ganz oben rot umrandet:
Todo: Die Attribute data-speed und data-calm erzeugen nicht das erwartete Ergebnis. Dies muss noch geklärt werden.
::)
Asche auf mein Haupt >:(
Habe zwar alles gelesen, aber das Wichtigste übersehen.
Danke trotzdem.
Ich hab mal das Wiki in Bezug auf die Farben für diese Widget etwas angepasst und das Widget selber so angepasst das es sich auch wie vorgesehen verhält, also bei Windstille nur "-" oder das definierte Zeichen anzeigt.
Wird das Update offiziell mit dem Updateprozess verteilt?
In dem Fall müsstest Du bitte @setstate aktiv ansprechen, damit er das integriert. (Ideal wäre dann ein Kommentareintrag mit Hinweis auf Datum, Dich, was geändert.)
Zitat von: Ulm32b am 19 Dezember 2018, 20:58:27
Kein Denkfehler, aber: Im Wiki steht ganz oben rot umrandet:
Todo: Die Attribute data-speed und data-calm erzeugen nicht das erwartete Ergebnis. Dies muss noch geklärt werden.
::)
Ich habe da mal etwas gebastelt (bin aber kein JavaScripter).
Kann sich das mal jemand ansehen?
Viele Grüße
Christoph