Evaluierungsversion 2.2

[christian-ruh]

Wow, danke,
werde es heut Abend gleicht testen und berichten.
Muss ich da dann noch was nachinstallieren oder anpassen?

[setstate]

Nur ein Update TabletUI mit:
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt
machen

[eki]

Hallo, ich frag nun einfach hier nochmal nach (bitte nicht böse sein für das Doppelpost).
Wird es in absehbarer Zeit das svgplot widget angepasst für die neue Version 2.2 geben?
Wäre mir wichtig da ich die Charts (chart, simplechart und highchart) nicht so konfigurieren kann wie ich das möchte und all meine 41 Übersichten mit svgplot eingebunden sind.
Danke für Infos.
LG Christian

Wenn Du mir sagst, was beim chart nicht so geht wie Du es möchtest, könnte ich mal schauen. Vielleicht hilft das ja auch anderen, selbst wenn Du, was ich verstehe, nicht alle 41 Plots umstellen willst (ich hatte mir schon mal überlegt etwas ins chart einzubauen womit man die plot Konfigurationen direkt aus svgplot übernehmen kann, aber bin bisher noch nicht dazu gekommen).

[christian-ruh]

Hallo setstate,
funktioniert
Allerdings noch nicht mit dem Plot als Farbverlauf (in FHEM: IOfill_gyr) sondern in rot.
Aber das ist sicher nur noch eine Kleinigkeit.

Gruß Christian

[christian-ruh]

Hallo eki,
bei chart fehlt die Möglichkeit der 24 Stunden Anzeige und die Statuszeile über dem Plot.
Auch den Farbverlauf (in FHEM: IOfill_gyr) bekomme ich nicht hin.
Und die Änderung alles Charts ist natürlich arbeit. Würd ich aber evtl. in Kauf nehmen wenn obiges funktioniert.
Schönen Tag noch.
Gruß Christian

[oeiber]

Hallo zusammen,

mir ist aufgefallen, dass beim Select-Widget von FTUI 2.2 das Pfeil-Symbol außerhalb der Box wandert, sobald man Class w1x oder w2x verwendet.
Vielleicht mache ich auch was falsch....

Danke für Eure Hilfe!

LG

[setstate]

Hallo zusammen,

mir ist aufgefallen, dass beim Select-Widget von FTUI 2.2 das Pfeil-Symbol außerhalb der Box wandert, sobald man Class w1x oder w2x verwendet.
Vielleicht mache ich auch was falsch....

Danke für Eure Hilfe!

LG

Ich glaube, es hängt davon ab, in welchem Container das Widget selbst steckt. In ein Gridster <li> gepackt, funktioniert es.

[eki]

Hallo eki,
bei chart fehlt die Möglichkeit der 24 Stunden Anzeige und die Statuszeile über dem Plot.
Auch den Farbverlauf (in FHEM: IOfill_gyr) bekomme ich nicht hin.
Und die Änderung alles Charts ist natürlich arbeit. Würd ich aber evtl. in Kauf nehmen wenn obiges funktioniert.
Schönen Tag noch.
Gruß Christian

Hallo Christian,

das mit den 24 Stunden hatten wir ja schon mal in einem anderen Thread besprochen, das war für Dich ja OK. Zur Statuszeile (falls Du Überschriften mit Zusatzinfos wie Mittelwert etc. meinst) das geht auch schon (siehe data-title im Wiki). Nach dem Farbverlauf habe ich geschaut. Du muss nur folgende Zeile:

Code Auswählen Erweitern


.ftui.l0fill_gyr { stroke:red; fill:url(#gr0_gyr); stroke-width:2px; fill-opacity:0.8 }
text.ftui.l0fill_gyr { stroke:none; fill:red; }


in ftui_chart.css einfügen, dann sollte es klappen (vorausgesetzt Du meinst l0fill_gyr und nicht IOfill_gyr).

[christian-ruh]

Hi eki,
Du bist ja klasse!
So geht das. Das Wiki nochmal genau gelesen und data-title angepasst.
Zeilen ins css reinkopiert (ist das beim nächsten update wieder weg?)
Schaut schon fast so aus wie ich das haben möchte.
Vielen vielen Dank dafür.
Gruß Christian

[phil82]

Problem der doppelten Widgets gefunden und geändert.

Ursache war: Der Content der Sub-Pages muss warten bis die Main-Frame geladen und initialisiert wurde. Ansonsten, wenn die Content-Widget auch sofort geladen werden, werden sie zweimal initialisiert. Einmal beim "initWidgets" der Hauptseite und dann nochmal beim "initWidgets", das nach dem Laden der Unterseite gerufen wird.

Besten Dank für die Korrektur. Funktioniert prima.
Hab erst jetzt gestehen, dass das korrigiert wurde.

[Shadow3561]

Moin,
Habe ein Problem mit meiner Abfall-Visualisierung.
Seit der Version 2.2 werden die Icons nicht mehr angezeigt und ich habe keine Ahnung wie ich das Problem lösen kann.
Vielleicht hat ja jemand von euch einen Rat.

Anbei ein Bild und der entsprechende Teil der Datei.

Code Auswählen Erweitern

</li>
<li data-row="3" data-col="3" data-sizex="4" data-sizey="2">
  <header><div data-type="label" class="medium orange">Abfall</div></header>
        <div class="cell">
            <div class="left left-space small">
                <div
                    data-type="pagebutton"
                    data-background-icon="fa-square-o"
                    data-off-background-color="#7A7A7A"
                    data-on-background-color="#7A7A7A"
                    data-device="abfall_Papier"
                    data-off-color="blue"
                    data-get="alarm"
                    data-get-on='["off","warn|done","blink"]'
                    data-icons='["fa-trash","fa-trash warn","fa-trash warn blink"]'
                    data-fhem-cmd="setreading abfall_Papier alarm done"
                    data-on-colors='["blue","blue","blue"]'
                    class="">
                </div>
                <div data-type="label" data-device="abfall_Papier" class="darker"></div>
            </div>
            <div class="left wider small">
                <div
                    data-type="pagebutton"
                    data-background-icon="fa-square-o"
                    data-off-background-color="#7A7A7A"
                    data-on-background-color="#7A7A7A"
                    data-device="abfall_Restabfall"
                    data-off-color="grey"
                    data-get="alarm"
                    data-get-on='["off","warn|done","blink"]'
                    data-icons='["fa-trash","fa-trash warn","fa-trash warn blink"]'
                    data-fhem-cmd="setreading abfall_Restabfall alarm done"
                    data-on-colors='["grey","grey","grey"]'
                    class="">
                </div>
                <div data-type="label" data-device="abfall_Restabfall" class="darker"></div>
            </div>
            <div class="left wider small">
                <div
                    data-type="pagebutton"
                    data-background-icon="fa-sqare-o"
                    data-off-background-color="#7A7A7A"
                    data-on-background-color="#7A7A7A"
                    data-device="abfall_Leichtverpackungen"
                    data-off-color="yellow"
                    data-get="alarm"
                    data-get-on='["off","warn|done","blink"]'
                    data-icons='["fa-recycle","fa-recycle warn","fa-recycle warn blink"]'
                    data-fhem-cmd="setreading abfall_Leichtverpackungen alarm done"
                    data-on-colors='["yellow","yellow","yellow"]'
                    class="">
                </div>
                <div data-type="label" data-device="abfall_Leichtverpackungen" class="darker"></div>
            </div>
         
   
</li>

[Grafkox]

Moin,
Habe ein Problem mit meiner Abfall-Visualisierung.
Seit der Version 2.2 werden die Icons nicht mehr angezeigt und ich habe keine Ahnung wie ich das Problem lösen kann.
Vielleicht hat ja jemand von euch einen Rat.

Problem hatte ich zunächst auch,  du musst in der index.html  die stylsheets wieder hinterlegen, die du vorher verwendet hast. Hier sind nach dem update nur eine geringe Anzahl hinterlegt.

[Shadow3561]

Danke für die Antwort.
In der Index.html ist alles noch wie beim alten.
Habe vorher ein Backup gemacht und dieses mit der neuen Index.html verglichen.
Es sind alle Stylesheets vorhanden.

Also ist dies leider auch nicht die Lösung für mein Problem

[christian-ruh]

@eki, Thema chart.
Sieht mittlerweile schon sehr gut aus. Allerdins aktualisiert sich der Chart nicht.
Habe chart und svgplot testweise untereinander. svgplot ist immer aktuell, chart erst nach einem reload der Seite.
Egal ob longpoll content="1" oder "0" ist.
Ne Idee?
Und kann man das "Legend Cursor" ausblenden? Mit data-showlegend="false" geht das nicht.
Danke schon mal vorab für Infos.

[Depechem]

@eki, Thema chart.
Sieht mittlerweile schon sehr gut aus.

Hi seit Vers. 2.2 läuft bei mir leider das Chart Widget nicht mehr.

In FTUI ist es so eingefügt:

Code Auswählen Erweitern

<li data-row="1" data-col="2" data-sizex="9" data-sizey="2">
                  <header class="medium" >Außentemperatur</header>
                  <div class="fullsize"
                       data-type="chart"
                       data-height="220"
   data-width="1100"
   data-device="LaCrosse_1F"
   data-logdevice='["FileLog_Temperatur","FileLog_Luftfeuchte"]'
                       data-columnspec='["3:Temperatur:0:","3:Luftfeuchte:0:"]'
                       data-style='["ftui l2fill","ftui l4fill"]'
                       data-ptype='["lines","lines"]'
                       data-uaxis='["primary","secondary"]'
                       data-legend='["Temperatur","Luftfeuchte"]'
                       data-yunit="°C"
                       data-ytext="Temperatur"
                       data-minvalue="auto"
                       data-maxvalue="auto"
                       data-yunit_sec="%"
                       data-ytext_sec="Luftfeuchte"
                       data-yticks="auto"
                       data-minvalue_sec="0"
                       data-maxvalue_sec="auto"
                       data-daysago_start="2"
                       data-daysago_end="-1"
                       data-crosshair="true"
                       data-cursorgroup="1"
                       data-scrollgroup="1"
                       data-showlegend="true"
                       data-xticks="auto">
                  </div>
</li>

Meine index.html sieht so aus:

Code Auswählen Erweitern

<title>FHEM-Tablet-UI</title>
<meta name="gridster_disable" content="1"> <!-- verhindert, dass man die Gridster-Tiles drag'n'droppen kann -->
<meta name="toast" content="0"> <!-- Toast messages deaktivieren  -->
<meta name="fhemweb_url" content="http://192.168.2.109:8083/fhem">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="widget_base_width" content="120">
        <meta name="widget_base_height" content="127">
<meta name="widget_margin" content="3">
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="longpoll" content="1">
<meta name="debug" content="0"> <!-- 1=output to console;0=no output -->

        <link rel="stylesheet" href="./lib/jquery.gridster.min.css" />
        <link rel="stylesheet" href="./css/fhem-tablet-ui.css" />
<link rel="stylesheet" href="./lib/font-awesome.min.css" />
<link rel="stylesheet" href="./lib/openautomation.css" />
<link rel="stylesheet" href="./lib/fhemSVG.css" />
        <link rel="stylesheet" href="./lib/jquery.toast.min.css" />
        <link rel="stylesheet" href="./lib/powerange.min.css" />

        <link rel="stylesheet" href="./css/fhem-tablet-ui_eigener.css" />

        <script type="text/javascript" src="./pgm2/jquery.min.js" defer></script>
        <script type="text/javascript" src="./pgm2/jquery-ui.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.knob.mod.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.toast.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.circlemenu.js" defer></script>
        <script type="text/javascript" src="./lib/powerange.min.js" defer></script>
        <script type="text/javascript" src="./lib/jquery.gridster.min.js" defer></script>
        <script type="text/javascript" src="./lib/fa-multi-button.min.js" defer></script>
<script type="text/javascript" src="./js/fhem-tablet-ui.js" defer></script>

FTUI läuft über einen Apache des Raspberry, aber selbst direkt über den Webserver von fhem funktioniert das Chart Widget nicht mehr.
Habt ihr eine Idee wo der Fehler liegen kann?
Die svg_style.css im Ordner pgm2 ist vorhanden und die aktuellen Updates sind gemacht.

Ich hoffe ihr könnt mir helfen.
Vielen Dank im voraus.
Gruß Thomas