[FHEM-Tablet-UI] User-Demos

[spider]

moin ...

Danke für die schnelle Antwort und für den Tip ...

ich hab eine fhem-tablet-ui-user.css erstellt ... den Inhalt der fhem-tablet-ui.css mit "alles markieren""einfügen" übertragen ... in der table ui den Eintrag   <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" /> in   <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" /> abgeändert ... jetzt habe ich beim Aufruf meiner Oberfläche nur einen unformatierten Buchstaben und icon-Salat ...

ich hab alles kopiert aber die neue Datei ist 1500 Bit größer - wo kommen die her ?

gruß pierre

[paul79]

moin ...

Danke für die schnelle Antwort und für den Tip ...

ich hab eine fhem-tablet-ui-user.css erstellt ... den Inhalt der fhem-tablet-ui.css mit "alles markieren""einfügen" übertragen ... in der table ui den Eintrag   <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" /> in   <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui-user.css" /> abgeändert ... jetzt habe ich beim Aufruf meiner Oberfläche nur einen unformatierten Buchstaben und icon-Salat ...

ich hab alles kopiert aber die neue Datei ist 1500 Bit größer - wo kommen die her ?

gruß pierre

Hallo, nein so nicht, du musst die fhem-tablet-ui.css so lassen wie sie ist und den Eintrag auch <link rel="stylesheet" href="/fhem/tablet/css/fhem-tablet-ui.css" />
In die fhem-tablet-ui-user.css kommen nur die Änderungen rein und die wird nach er fhem-tablet-ui.css geladen.

Gruß Paul

PS: das ist hier auch der falsche Platz denke ich, da es hier nur um User-Demos geht.

[chris76e]

Hallo Paul79

habe versucht deine Vorlage an meine Geräte anzupassen, habe aber das Problem das die Dinge nicht angezeigt werden bzw. nicht aktualisiert werden.

In einer "Demo" Vorlage von Tabelt-UI funktioniert es.
Auch finde ich es seltsam das die angepasste Seite auf dem PC nach dem gefühlten 100.mal Aktualisieren manchmal was angezeigt wird, auf dem Tablet aber nicht.

Hier der Code aus der Demo-Vorlage wo alles funktioniert (PC und Tablet Port 8083 bzw 8085)

Code Auswählen Erweitern

<li data-row="2" data-col="4" data-sizey="2" data-sizex="4">
                <header>WOHNZIMMER</header>
                <div class="sheet">
                    <div class="row">
                        <div class="cell"

data-type="thermostat"
data-device="Wohn_Wandthermostat"
data-valve="valveposition"
                                data-get="desiredTemperature">
</div>

                        <div class="cell">
                            <div
data-type="label"
data-device="Wohn_Wandthermostat"
data-get="temperature"
data-limits='[-73,19,23]'
data-colors='["#6699FF","#aa6900","#bb6242"]'
data-unit="%B0C%0A"
class="bigger thin"></div>
                            <div>Temperatur</div>
                        </div>

<div class="cell">
                            <div class="big"
data-type="symbol"
data-device="Wohn_Fensterkontakt"
data-states='["opened","closed"]'
data-icons='["ftui-window warn","ftui-window"]'
data-colors='["#999","#555"]'></div>
                            <div class="top-narrow  darker small">Fenster</div>
                        </div>


Hier der von deiner Vorlage

Code Auswählen Erweitern

<li class="" data-row="1" data-col="1" data-sizex="2" data-sizey="6">
   <header class="semitransparentheaderround">
  </header>
<div data-type="thermostat"
data-device="Wohn_Wandthermostat"
data-valve="valveposition"
                                data-get="desiredTemperature"
data-bgColor="#273D5C"
class="top-space normal"></div>
<tr>
<div class="narrow">
<div

data-type="label"
data-device="Wohn_Wandthermostat"
data-get="temperature"
data-limits='[-73,19,25]'
data-colors='["#6699FF","#1dad10","#FF0000"]'
data-unit="%B0C%0A"
class="narrow inline big"></div>
<p>
<div data-type="label" class="narrow small ">Temperatur</div>
</p>
</div>
</tr>
<tr>   </tr>

<div class="narrow">
<div
data-type="symbol"
data-device="Wohn_Fensterkontakt"
data-states='["closed","opened"]'
data-on-colors='["SeaGreen","Red"]'
data-icons='["oa-fts_window_2w","oa-fts_window_2w_open_lr"]'
class="readonly normal"></div>
<div data-type="label" class="narrow small ">Wohnzimmerfenster</div>
</div>

Bild 1 am PC mit Port 8083
Bild 2 vom Tablet mit Port 8085
Bild 3 PC und Tablet gleich

[paul79]

Hallo Chris,

wenn es auf dem Port 8083 geht und auf 8085 nicht, stimmt bestimmt etwas nicht im
   <head>
         .
         .
         .
   </head> oder HTTPSRV.

Gruß Paul

[chris76e]

Habe mich ungenau ausgedrückt, das Problem ist ja das auch auf Port 8083 es nicht richtig funktioniert, die Werte werden nicht aktualisiert, bzw. erst wenn ich 100.mal die Seite neulade. Habe es jetzt geschafft das auf dem Tablet im Chrome Browser es richtig anzeigt wird, aber im fully Kiosk Browser nicht. Es werden die Daten die vom Fhem kommen nicht aktualisiert.

Hier noch der Head Code aus der Demo

Code Auswählen Erweitern

<head>
    <!--
     /* FHEM tablet ui */
     /*
     * UI builder framework for FHEM
     *
     * Version: 2.5.*
     * URL: https://github.com/knowthelist/fhem-tablet-ui
     *
     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
     *
     * - create a new folder named 'tablet' in /<fhem-path>/www
     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
     */
    -->
    <link rel="icon" href="favicon.ico" type="image/x-icon" />

    <!-- define your personal style here, it wont be overwritten  -->
    <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
    <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->

    <script src="js/fhem-tablet-ui.js" defer></script>


    <!-- Remove this line to enable for usage with WebViewControl
    <script defer>var wvcDevices = {'12345': 'Tablet'}; var wvcUserCssFile="webviewcontrol.css"</script>
    <script src="../pgm2/cordova-2.3.0.js" defer></script>
    <script src="../pgm2/webviewcontrol.js" defer></script>
    <!-- End for WebViewControl -->

    <title>FHEM-Tablet-UI</title>
</head>


Und hier der von dir

Code Auswählen Erweitern

<head>
<!--
/* FHEM tablet ui */
/*
* UI builder framework for FHEM
*
* Version: 2.6.x
* URL: https://github.com/knowthelist/fhem-tablet-ui
*
* Copyright (c) 2015-2016 Mario Stephan <mstephan@shared-files.de>
* Under MIT License (http://www.opensource.org/licenses/mit-license.php)
*
* !!!! Evaluation version - run only in a staging enviroment !!!!
*
* - create a new folder named 'tablet_eval' in /<fhem-path>/www
* - copy all files incl. sub folders into /<fhem-path>/www/tablet_eval
* - add 'define TABLETUIEVAL HTTPSRV ftui_eval ./www/tablet_eval Tablet-EVAL' in fhem.cfg
* - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet_eval/


*/


    <meta name="widget_min_cols" content="13"> -->



<script type="text/javascript">
  function getWidth()
  {
xWidth = null;
if(window.screen != null)
  xWidth = window.screen.availWidth;

if(window.innerWidth != null)
  xWidth = window.innerWidth;

if(document.body != null)
  xWidth = document.body.clientWidth;

return xWidth;
  }
</script>
<title>FHEM-Tablet-UI</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<script type="text/javascript">
if (getWidth() == "1280" ) {
document.write('<meta name="widget_base_width" content="83">');
document.write('<meta name="widget_base_height" content="72">');
}
else {
document.write('<meta name="widget_base_width" content="60">');
document.write('<meta name="widget_base_height" content="52">');
};
</script>

<!--meta name="viewport" content="maximum-scale=3.0, user-scalable=yes"-->
<!--meta name="widget_base_width" content="60"-->
<!--meta name="widget_base_height" content="52"-->
<!--meta name="gridster_cols" content="14"-->
<!--meta name="gridster_rows" content="10"-->
<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="gridster_disable" content="1">
<meta name="widget_margin" content="4">
<meta name="longpoll_type" content="websocket"> <!-- 1=longpoll;0=shortpoll every 30sec; "ajax" -> HTTP AJAX; websocket-->
<meta name="debug" content="0"> <!-- 1=output to console;0=not output -->
<meta name="toast" content="0"> <!-- 1=Toast messages deaktivieren ;0=not output -->
<meta name="lang" content="de">

<link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui.css" />
<link rel="stylesheet" type="text/css" href="css/fhem-grayblue-user-ui.css" />
<link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui-user.css" />
<link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui-weekprofile.css" />

<script type="text/javascript">
if (getWidth() == "1280" ) {
document.write('<link rel="stylesheet" type="text/css" href="css/fhem-tablet-ui-user-1280.css" />');
};
</script>

<script type="text/javascript" src="../pgm2/jquery.min.js"></script>
<script src="js/fhem-tablet-ui.js" defer></script>

    <!-- Remove this line to enable for usage with WebViewControl
<script defer>
var wvcDevices = {
'12345': 'Tablet'
};
var wvcUserCssFile = "webviewcontrol.css"
</script>
<script src="../pgm2/cordova-2.3.0.js" defer></script>
<script src="../pgm2/webviewcontrol.js" defer></script>-->
<!-- End for WebViewControl -->

<title>FHEM-Tablet-UI-PageUI</title>
</head>

Fhem und Tablet UI sind aktuell, heute morgen noch ein Update von beiden gemacht und mehrmals neugestartet......

[paul79]

Hallo Chris,

welche Version von Tablet UI hast du und die 2 Seiten sind im gleichen Ordner?

In meiner Demo ist websocket eingeschaltet.

Code Auswählen Erweitern

<meta name="longpoll_type" content="websocket">

Gruß Paul

[chris76e]

Das ist die Version von Fhem

Code Auswählen Erweitern

  Release  : 5.7 FeatureLevel: 5.8
  OS       : linux
  Arch     : arm-linux-gnueabihf-thread-multi-64int
  Perl     : v5.20.2

und von Tablet UI habe ich heute auch ein Update gemacht mit

Code Auswählen Erweitern

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

Die Dateien liegen im gleichen Ordner. Habe auch alle Dateien von  dir (Paul79_v4.zip) im gleichen Verzeichniss kopiert bzw. die vorhanden ersetzt. Websocket ist auf beiden Ports eingeschaltet

[paul79]

wie rufst du die Seite auf?
hast du mal die Cache gelöscht und die tost Meldungen eingeschaltet und im debug geschaut?

Code Auswählen Erweitern

<meta name="debug" content="3"> <!-- 1=output to console;0=not output -->
<meta name="toast" content="1"> <!-- 1=Toast messages deaktivieren ;0=not output -->

[jnewton957]

Hallo Jörg,

die backup.sh ist hier aus dem Forum aber ich hänge sie mit dran und die 99_myUtils.pm auch noch.
Alles mit müsst ihr ersetzten.

Gruß Paul

Hallo Paul,

ich hatte gehofft, du hast eine andere backup.sh.
Ich bekomme bei sudo bash /opt/fhem/FHEM/backup.sh

Code Auswählen Erweitern

/opt/fhem/FHEM/backup99.sh: Zeile 105: Syntax Fehler: Unerwartetes Dateiende.


Ich habe chmod auf 755 und chown mit fhem:root

[gelöst] notepad++ EOL Konvertierung stand auf Windows. Nach Umstellung auf Linux hat es geklappt

Grüße
Jörg

[paul79]

Hallo Jörg,

das ganze kommt hier aus dem Forum und ich weiß nicht ob ich alles noch weiß. aber soviel.

1. es läuft bei mir auf eine Pi3 da gibt es den admin "pi"
2. gesichert wird auf einem NAS wo ich den user "pi" mit dem selben Passwort angelegt haben und eine Freigabe FHEM wo "pi" alles kann.
3. das ganze seht in der etc/fstab

Code Auswählen Erweitern

//IPnas/FHEM /Q/backup cifs username=pi,password=?????????,iocharset=utf8,sec=ntlm 0 0
4. in der backup.sh ganz oben

Code Auswählen Erweitern

mountIp="IPna"
mountDir="FHEM"
mountUser="pi"
mountPass="?????????"
mountSubDir=""
localMountPoint="/Q/backup"

#optional
backupsMax="10"
localBackupDir="/mnt/backup"
5. "/mnt/backup" und  "/Q/backup" erstellen und rechte vergeben.
6. backup.sh ist owner der user fhem

Gruß Paul

[jnewton957]

Hallo Jörg,

das ganze kommt hier aus dem Forum und ich weiß nicht ob ich alles noch weiß. aber soviel.

Gruß Paul

Ich komme weiter.
Zumindest läuft das backup.sh. Es erstellt das Backup und kopiert die Dateinen auch brav auf den NAS. Auch das Löschen klappt.

ABER:
Keine readings in FHEM.Backup (setreading FHEM.Backup backupMB $fileSizeMB)
Damit auch kein FHEM.Backup off (set FHEM.Backup off)

Auch wenn ich: perl /opt/fhem/fhem.pl 7072 "setreading FHEM.Backup info backup done" direkt eingebe, passiert nicht.
FHEM.Backup ist als dummy definiert. Brauche ich noch userreadings (info, backupMB, ...). ?

Aber auch perl /opt/fhem/fhem.pl 7072 "setreading FHEM.Backup state off" geht nicht.

Also nur nach weiteren x-Stunden ein Teilerfolg.
Verzweifelung !!!

Grüße
Jörg

[paul79]

hallo,

hast du Telnet an port 7072 und das in deine fhem.cfg

Code Auswählen Erweitern

attr global backupdir /mnt/backup/FHEM

#dummy FHEM.Backup
define FHEM.Backup dummy
attr FHEM.Backup event-on-change-reading state
attr FHEM.Backup room FHEM
attr FHEM.Backup webCmd on:off

define FHEMBackupOn notify FHEM.Backup:on {system (" sudo -u root /opt/fhem/FHEM/backup.sh &")}
attr FHEMBackupOn room FHEM

#Automatisches Backup um 06:00 Uhr starten
define FHEMBackup at *06:00:00 set FHEM.Backup on
attr FHEMBackup room FHEM


Wenn ich es manuell starten will dann über den at FHEMBackup.

Gruß Paul

[chris76e]

Hi Paul

wie rufst du die Seite auf?
hast du mal die Cache gelöscht und die tost Meldungen eingeschaltet und im debug geschaut?

Code Auswählen Erweitern

<meta name="debug" content="3"> <!-- 1=output to console;0=not output -->
<meta name="toast" content="1"> <!-- 1=Toast messages deaktivieren ;0=not output -->

Rufe die Seite über den Button Tablet-UI in Fhem auf bzw. direkt die index.html.

Momentan wird nichts aktualisiert. Ein Schalter den ich eben eingebaut habe um ne Lampe ein/aus schalten funktioniert.

Bekomme folgende Meldung im Log:

Code Auswählen Erweitern

2017.02.27 17:28:21 1: devspec2array WEB,Handy,Yamaha_zone2,Yamaha,Fritzboxanrufeliste,Kueche_Tuerkontakt,Kueche_Fensterkontakt1,Wohn_Fensterkontakt,Abfall_CalView,?????_CalView,Geburtstage_CalView,TrafficMaps,Pushover_an_aus,VI_Hessen,UWZ,Wetter,Sonnenauf,Sonnenunter: Sequence (???...) not recognized in regex; marked by <-- HERE in m/^(??? <-- HERE ??_CalView)$/ at fhem.pl line 1186.

2017.02.27 17:28:26 1: devspec2array WEB,Handy,Yamaha_zone2,Yamaha,Fritzboxanrufeliste,Kueche_Tuerkontakt,Kueche_Fensterkontakt1,Wohn_Fensterkontakt,Abfall_CalView,?????_CalView,Geburtstage_CalView,TrafficMaps,Pushover_an_aus,VI_Hessen,UWZ,Wetter,Sonnenauf,Sonnenunter: Sequence (???...) not recognized in regex; marked by <-- HERE in m/^(??? <-- HERE ??_CalView)$/ at fhem.pl line 1186.

2017.02.27 17:28:27 1: devspec2array WEB,HM_CC_boost,HM_CC_auto_an_aus,HM_CC_eco,Handy,Yamaha_zone2,Yamaha,Fritzboxanrufeliste,Kueche_Tuerkontakt,Kueche_Fensterkontakt1,Wohn_Fensterkontakt,Abfall_CalView,?????_CalView,Geburtstage_CalView,TrafficMaps,Pushover_an_aus,VI_Hessen,UWZ,Wetter,Sonnenauf,Sonnenunter: Sequence (???...) not recognized in regex; marked by <-- HERE in m/^(??? <-- HERE ??_CalView)$/ at fhem.pl line 1186.

2017.02.27 17:28:47 1: devspec2array WEB,Wohn_Wandthermostat,Wohn_Fensterkontakt,Kueche_Fensterkontakt1,Kueche_Tuerkontakt,Kueche_Wandthermostat,Bad_Wandthermostat,HM_CC_boost,HM_CC_auto_an_aus,HM_CC_eco,Handy,Yamaha_zone2,Yamaha,Fritzboxanrufeliste,Abfall_CalView,?????_CalView,Geburtstage_CalView,TrafficMaps,Pushover_an_aus,VI_Hessen,UWZ,Wetter,Sonnenauf,Sonnenunter: Sequence (???...) not recognized in regex; marked by <-- HERE in m/^(??? <-- HERE ??_CalView)$/ at fhem.pl line 1186.


[paul79]

Hallo Chris ,

ich weiß nicht was bei dir schiefläuft.

Gruß Paul

[spider]

moin ...

Danke Paul ... das wird mich entscheidend weiterbringen - aber jetzt muss ich komplett umdenken ...

Gruß...
pierre