Evaluierungsversion 2.2

[Grimm80]

Hi Leute,

ich bin gerade drüber mal alles auf 2.2 umzustellen.
Jetzt ist mir aufgefallen das beim Thermostat wenn ich die farbe (fgColor) anpassen will, die mittlere Ziffer (desired-temp) nicht mit gefärbt wird.
Dafür aber die ticks und auch valve und die kleine Zahl (measured-temp).
Wo kann ich das anpassen, oder ist das noch ein Bug?

[setstate]

Zur Info: eval ist zur Zeit inaktiv. Master ist jetzt > 2.2 und ist aktuell.

Was willst du denn farblich ändern?

[Grimm80]

Im Anhang die beiden Bilder.
Das Bild mit der Endung Zentrale paßt aber das neue mit der Endung FTUI Demo sollte so anpassbar sein wie Zentrale.
Aber wenn ich es versuche ändert sich alles außer die große Zahl in der Mitte.

Das letzte Bild wäre dann mit der Änderung. Für das Beispiel denke ich eindeutig zur Nutzung aber zu grell...

[setstate]

Code Auswählen Erweitern


    data-fgcolor="#33dd33"
    data-inputcolor="#ffff44"


[Grimm80]

Danke...
Der Wald vor lauter Bäume 

[chris1284]

woran kann ich erkennen ob in meinem www/tablet die v2.2 ist?

[setstate]

Die Version steht in der js/fhem-tablet-ui.js ganz oben

* Version: 2.2.3

die Widgets beginnen mit

Code Auswählen Erweitern

var Modul_xyz = function () {

In der 1.* sah das nich so aus

Code Auswählen Erweitern


var widget_xyz = $.extend({}, widget_widget, {

[chris1284]

beim weather widget habe ich heute ein bild welches nicht angezeigt wird. laut pfad wird  http://srv00.fritz.box:8083/fhem/images/default/weather/undefined angezogen.
readings sind je fc3/fc4_condition   überwiegend wolkig  imageset ist kleinklima. offenbar fehlt im widget die übersetzung mostlycloudy " überwiegend wolkig" bzw wird dort

'\u00fcberwiegend wolkig' :     ':mostly cloudy',

gemacht, passt aber nicht. laut browser wird überwiegend wolkig übergeben.

wenn ich das so mit ins widget nehmen zeigt es das bild

'\u00fcberwiegend wolkig' :     ':mostly cloudy',
      'überwiegend wolkig' :          ':mostly cloudy',

[Cobra]

Hallo zusammen,

ich steh derzeit etwas auf dem Schlauch wie ich es schaffe den Balken meines Headeres transparent zu bekommen.
In der alten Version klappte es ja mit:

Code Auswählen Erweitern

<header class="headerTransparent">blabla</header>
nur scheinbar funktiniert das in der neuen Version nicht mehr.

Kann mir jemand nen Schubs in die richtige Richtung geben?

Gruß Cobra

[bjoernbo]

mal folgendes ausprobiert?

<header class="header" background-color: transparent; >blabla</header>

[Cobra]

Danke, werd ich heut abend gleich mal versuchen 

Gruß Cobra

Edit:
Hab es jetzt mit folgendem Code hinbekommen:

Code Auswählen Erweitern

<header style="background-color:transparent">blabla</header>

[Grimm80]

Hi Leute,

mir ist aufgefallen, das mein Thermostat zwar alles anzeigt, aber den Wert den ich einstelle nicht übergibt.
Es ist von Homematic für die Heizung

Code Auswählen Erweitern



<div data-type="thermostat"
data-device="WZ1_OG.Heizung_Clima"
data-valve="ValvePosition"
data-boost="boost"
data-off="off"
data-min="0"
data-max="30"
data-set="desired-temp"
data-inputcolor="#ffffff"
class="cell">
</div>



[setstate]

Bitte eval Code nicht mehr benutzen. Ist jetzt alles in den Hauptzweig gemerged. Bugfixes gab es nur für den Hauptzweig

[tante ju]

Es scheint ein Problem mit circlemenu zu geben. Die errechneten Kreise passen nicht zu den Elementen. Einen Screenshot bekomme ich gerade nicht hin.

Hier ist der Source:

Code Auswählen Erweitern

        <div data-type="circlemenu" class="cell circlemenu" data-direction="top-half">
                <ul class="menu">
                        <li><div data-type="symbol" data-device="TestDimmer"
                                data-icon="fa-lightbulb-o"
                                data-background-icon="fa-circle"
                                data-on-color="#282828"
                                data-off-color="#282828"
                                data-get-on="[1-9][0-9]*"
                                data-get-off="0"
                                ></div></li>
                        <li><div data-type="push" data-device="TestDimmer"
                                data-set-on="off"
                                data-icon="">0</div></li>
                        <li><div data-type="push" data-device="TestDimmer" data-set-on="5" data-icon="">5%</div></li>
                        <li><div data-type="push" data-device="TestDimmer" data-set-on="10" data-icon="">10%</div></li>
                        <li><div data-type="push" data-device="TestDimmer" data-set-on="25" data-icon="">25%</div></li>
                        <li><div data-type="push" data-device="TestDimmer" data-set-on="50" data-icon="">50%</div></li>
                        <li><div data-type="push" data-device="TestDimmer" data-set-on="100" data-icon="">100%</div></li>
                </ul>
        </div>


[setstate]

Ein Problem gibt es nicht, es will bestimmt nur nicht auf Anhieb, wie du magst

Ich würde etwas mehr Platz dawischen lassen: data-circle-radius="100"

Code Auswählen Erweitern


  <div data-type="circlemenu" data-circle-radius="100" data-direction="top-half" class="keepopen">
          <ul>
                  <li><div data-type="symbol" data-device="TestDimmer"
                          data-icon="fa-lightbulb-o"
                          data-background-icon="fa-circle"
                          data-on-color="#282828"
                          data-off-color="#282828"
                          data-get-on="[1-9][0-9]*"
                          data-get-off="0"
                          ></div></li>
                  <li><div data-type="push" data-device="TestDimmer"
                          data-set-on="off"
                          data-icon=""><div>0</div></div></li>
                  <li><div data-type="push" data-device="TestDimmer" data-set-on="5" data-icon=""><div>5%</div></div></li>
                  <li><div data-type="push" data-device="TestDimmer" data-set-on="10" data-icon=""><div>10%</div></div></li>
                  <li><div data-type="push" data-device="TestDimmer" data-set-on="25" data-icon=""><div>25%</div></li>
                  <li><div data-type="push" data-device="TestDimmer" data-set-on="50" data-icon=""><div>50%</div></div></li>
                  <li><div data-type="push" data-device="TestDimmer" data-set-on="100" data-icon=""><div>100%</div></div></li>
          </ul>
  </div>


Die Prozentangaben sind dann zu groß für den Platz. Das muss dann kleiner werden

CSS Zusatz: (werde ich hinzufügen)

Code Auswählen Erweitern

[data-type="push"] > div {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 60%;
}