[FHEM-Tablet-UI] User-Demos

[bjoernbo]

  ich meinte die den Auszug aus der fhem.config

[Eisix]

Code Auswählen Erweitern



define UPDATE CustomReadings
attr UPDATE event-on-update-reading FHEM,FTUI,ALL
attr UPDATE interval 21600
attr UPDATE readingDefinitions FHEM:qx(wget -qO - http://fhem.de/fhemupdate/controls_fhem.txt| diff - /opt/fhem/FHEM/controls_fhem.txt |grep ">"|grep "UPD"|wc -l),FTUI:qx(wget -qO - https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt| diff - /opt/fhem/FHEM/controls_fhemtabletui.txt |grep ">" |grep "UPD"|wc -l),ALL:{ReadingsNum($name, "FHEM", 0) + ReadingsNum($name, "FTUI", 0)}



[tom44]

Weiß jemand / kann mir jemand verraten, warum ich eine Fehlermeldung bekomme?
File not found: ./www/tablet/index.html

[setstate]

Wie sieht deine cfg Zeile für HTTPSVR aus?

Wenn die vorgeschlagene Version ist, findest du die Seiten unter http://<fhem-server>:8083/fhem/ftui/

Im Fhem Web gibt es bei richtiger cfg auch einen Link links oben zum FTUI.

[tom44]

Danke Dir für deine Antwort

Wie sieht deine cfg Zeile für HTTPSVR aus?

define TABLETUI HTTPSRV ftui/ ./www/tablet Tablet-UI

Wenn die vorgeschlagene Version ist, findest du die Seiten unter http://<fhem-server>:8083/fhem/ftui/
Im Fhem Web gibt es bei richtiger cfg auch einen Link links oben zum FTUI.

Dann kommt genau diese Fehlermeldung: File not found: ./www/tablet/index.html
Ich habe gerade gelesen, dass man die index.html erst erzeugen muss? D.h. über telnet?

[tom44]

Nun habe ich die Antwort gefunden. Die index-example.html ist zu ändern in index.html
dafür benötigt man superuserrechte
anstatt

Code Auswählen Erweitern

mv index-example.html index.html
ist

Code Auswählen Erweitern

sudo mv index-example.html index.html
einzugeben.
Ein gutes Tutorial ist unter
http://voizchat.de/fhem-tutorial-serie-teil-5-tablet-ui-installieren-und-konfigurieren/
zu finden.

[jnewton957]

@jnewton957

hab nochmal nachgeschaut geht bei mir
               
data-part=".*,\s(\d{1,3})\s%.*"

Habe aber auch Probleme bei swap, da krieg ich auch keine Werte.

Vom Interface her sieht es jetzt bei mir so aus:

Ich hab´ ´ne Krise.

ram Total: 973.38 MB, Used: 119.80 MB, 12.31 %, Free: 853.57 MB

Code Auswählen Erweitern

<div data-type="knob"
                data-device="sysmon"
                data-get="ram"
                data-anglearc="360"
                data-angleoffset="0"
                data-part=".*,\s(\d{1,3}.\d\d)\s%.*"
                data-min="0"
                data-max="100"
                data-bgcolor="green"
                data-fgcolor="#FA2828"
        class="mini readonly"
data-unit="%"
        ></div>
        <div data-type="label">ram</div>

data-part=".*,\s(\d{1,3}.\d\d)\s%.*"  klappt nicht.

Frage ich mal anders herum:Was macht das coding in data-get genau ? Wo kann ich die Systematik  nachlesen?



Ich möchte jeweils die Daten aus:
fs_boot Total: 56 MB, Used: 20 MB, 36 %, Available: 37 MB at /boot
fs_rootTotal: 14831 MB, Used: 3378 MB, 24 %, Available: 10803 MB at /
ram Total: 973.38 MB, Used: 119.80 MB, 12.31 %, Free: 853.57 MB
stat_cpu0_text user: 35.59 %, nice: 0.00 %, sys: 1.78 %, idle: 54.75 %, io: 0.02 %, irq: 0.00 %, sirq: 7.86 %

Wie komme ich da mit den RegEx Statements jeweils hin ?

Grüße
Jörg

[Eisix]

Hier hat setstate das ganze mal erklärt.

https://forum.fhem.de/index.php/topic,49745.0.html

[Masterfunk]

Habe jetzt meine Lösung fürs Update und Restarts fertig.

Hier der Code:

fhem:

Code Auswählen Erweitern

define Update.Counter CustomReadings
attr Update.Counter event-on-update-reading FHEM,FTUI,ALL
attr Update.Counter interval 3600
attr Update.Counter readingDefinitions FHEM:qx(wget -qO - http://fhem.de/fhemupdate/controls_fhem.txt| diff - /opt/fhem/FHEM/controls_fhem.txt |grep ">"|grep "UPD"|wc -l),FTUI:qx(wget -qO - https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt| diff - /opt/fhem/FHEM/controls_fhemtabletui.txt |grep ">" |grep "UPD"|wc -l),ALL:{ReadingsNum($name, "FHEM", 0) + ReadingsNum($name, "FTUI", 0)}
attr Update.Counter stateFormat ALL
define Update.Dummy dummy
define UpdateFinished notify global.UPDATE.* set Update.Dummy done
attr UpdateFinished room System
define Update.New DOIF ([Update.Counter] ne "0")(set Update.Dummy update)\
DOELSEIF ([Update.Counter] eq "0")(set Update.Dummy idle)
attr Update.New do always
define Update.Start notify Update.Dummy.start set Update.Dummy run;; {fhem ("update")}
define System.Reboot.Dummy dummy
define System.reboot notify System.Reboot.Dummy:on {system ("sudo reboot")}

Tablet UI:

Code Auswählen Erweitern

<li data-row="4" data-col="2" data-sizex="4" data-sizey="1" class="">
<header>Updates</header>
<div class="inline">
<div data-type="button"
data-device="Update.Counter"
data-warn="FHEM"
data-fhem-cmd=""
data-background-icon="fs-system_fhem"
data-on-background-color="#505050"
data-off-background-color="#505050"
data-icon="fa-refresh warn"
class="readonly warn bigger"></div>
<div data-type="label" class="top-narrow">FHEM</div>
</div>
<div class="inline">
<div data-type="button"
data-device="Update.Counter"
    data-warn="FTUI"
    data-fhem-cmd=""
    data-background-icon="fs-system_fhem"
    data-on-background-color="#505050"       
    data-off-background-color="#505050"
    data-icon="fa-refresh warn"
    class="readonly warn bigger"></div>
<div data-type="label" class="top-narrow">FTUI</div>
</div>
<div class="inline">
<div data-type="switch" data-device="Update.Dummy"
data-states='["idle","update","run","done"]'
data-set-states='["idle","start","idle","idle"]'
data-icons='["fa-refresh","fa-refresh","fa-refresh fa-spin","fa-refresh fa-blink"]'
data-background-icons='["-","-","-","-"]'
data-on-colors='["#505050","#aa6900","#aa6900","red"]'
data-background-colors='["#505050","#aa6900","#aa6900","red"]'
class="bigger top-narrow"></div>
<div data-type="label">Status / Start</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fs-system_fhem" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="shutdown restart" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fa-linux" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="set System.Reboot.Dummy on" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
</li>

Und so siehts aus:

[TWART016]

@Masterfunkt

Wie hast du das umgesetzt?
- Netzübersicht mit IP Listen
- ESXi (Graphen)

[lewej]

Habe jetzt meine Lösung fürs Update und Restarts fertig.

Hier der Code:

fhem:

Code Auswählen Erweitern

define Update.Counter CustomReadings
attr Update.Counter event-on-update-reading FHEM,FTUI,ALL
attr Update.Counter interval 3600
attr Update.Counter readingDefinitions FHEM:qx(wget -qO - http://fhem.de/fhemupdate/controls_fhem.txt| diff - /opt/fhem/FHEM/controls_fhem.txt |grep ">"|grep "UPD"|wc -l),FTUI:qx(wget -qO - https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt| diff - /opt/fhem/FHEM/controls_fhemtabletui.txt |grep ">" |grep "UPD"|wc -l),ALL:{ReadingsNum($name, "FHEM", 0) + ReadingsNum($name, "FTUI", 0)}
attr Update.Counter stateFormat ALL
define Update.Dummy dummy
define UpdateFinished notify global.UPDATE.* set Update.Dummy done
attr UpdateFinished room System
define Update.New DOIF ([Update.Counter] ne "0")(set Update.Dummy update)\
DOELSEIF ([Update.Counter] eq "0")(set Update.Dummy idle)
attr Update.New do always
define Update.Start notify Update.Dummy.start set Update.Dummy run;; {fhem ("update")}
define System.Reboot.Dummy dummy
define System.reboot notify System.Reboot.Dummy:on {system ("sudo reboot")}

Tablet UI:

Code Auswählen Erweitern

<li data-row="4" data-col="2" data-sizex="4" data-sizey="1" class="">
<header>Updates</header>
<div class="inline">
<div data-type="button"
data-device="Update.Counter"
data-warn="FHEM"
data-fhem-cmd=""
data-background-icon="fs-system_fhem"
data-on-background-color="#505050"
data-off-background-color="#505050"
data-icon="fa-refresh warn"
class="readonly warn bigger"></div>
<div data-type="label" class="top-narrow">FHEM</div>
</div>
<div class="inline">
<div data-type="button"
data-device="Update.Counter"
    data-warn="FTUI"
    data-fhem-cmd=""
    data-background-icon="fs-system_fhem"
    data-on-background-color="#505050"       
    data-off-background-color="#505050"
    data-icon="fa-refresh warn"
    class="readonly warn bigger"></div>
<div data-type="label" class="top-narrow">FTUI</div>
</div>
<div class="inline">
<div data-type="switch" data-device="Update.Dummy"
data-states='["idle","update","run","done"]'
data-set-states='["idle","start","idle","idle"]'
data-icons='["fa-refresh","fa-refresh","fa-refresh fa-spin","fa-refresh fa-blink"]'
data-background-icons='["-","-","-","-"]'
data-on-colors='["#505050","#aa6900","#aa6900","red"]'
data-background-colors='["#505050","#aa6900","#aa6900","red"]'
class="bigger top-narrow"></div>
<div data-type="label">Status / Start</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fs-system_fhem" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="shutdown restart" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
<div class="inline">
<div data-type="popup" data-draggable="true" data-height="100px" data-width="100px" class="white">
<div data-type="button" data-icon="fa-linux" background-icon="-" class="cell top-narrow"></div>
    <div data-type="label" class="">Restart</div>
<div class="dialog dialogTransparent">
<div data-type="button" data-fhem-cmd="set System.Reboot.Dummy on" data-icon="fa-check" background-icon="fa-circle" class="cell"></div>
<div data-type="label" class="">Sicher?</div>
</div>
</div>
</div>
</li>

Und so siehts aus:

Beim Update Button, wird ja das fhem Update angestoßen, könnte man noch das um das Update für die ftui erweitern?

In der Konsole, muss man ja dafür diesen Befehl ausführen:
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt

Gruß

[Masterfunk]

@Masterfunkt

Wie hast du das umgesetzt?
- Netzübersicht mit IP Listen
- ESXi (Graphen)

Das ist eine Readingsgroup des Nmap Moduls.
Und die ESXI Graphen kommen vom SYSSTAT Modul.
Der ESXi wird via snmp überwacht.

Gruß Detlef

[Masterfunk]

Beim Update Button, wird ja das fhem Update angestoßen, könnte man noch das um das Update für die ftui erweitern?

In der Konsole, muss man ja dafür diesen Befehl ausführen:
update all https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt

Gruß

Ist bei mir automatisch eingebunden:

update add https://raw.githubusercontent.com/knowthelist/fhem-tablet-ui/master/controls_fhemtabletui.txt

Gruß Detlef

[majorshark]

Mal noch eine kurze Frage: Wie komme ich den an das Symbol "fs-system_fhem"? Scheinbar fehlen in meinem FTUI Pfad noch ein paar Dateien bzw welche muß ich noch einbinden?

[Esjay]

Mal noch eine kurze Frage: Wie komme ich den an das Symbol "fs-system_fhem"? Scheinbar fehlen in meinem FTUI Pfad noch ein paar Dateien bzw welche muß ich noch einbinden?

Schau mal hier

http://www.fhemwiki.de/wiki/FHEM_Tablet_UI#Icon-Konfiguration

Grüße