Hallo Ihr Liebe Fhem Nutzer und Nutzerinnen
Nach dem ich nun Zwei Tage gebraucht habe einen Raspberry neu auf zu setzen. Bin ich nun ganz froh, das ich nun auch die Tablet ui gerettet habe. Das System lief nun 3 Jahre.
Dieser Fhem war ein Geschenk für meinen Bruder, nun wünscht er sich eine weitere Tablet ui.
Ich würde gerne den Button an der Seite auf der Fhem Startseite nicht Tablet-ui nennen sondern Lars Räume und eine weitere Lars Gemütlich.
Ich bin echt blutige Anfängerin was das Coden etc angeht.
Falls ihr mir sagen könnt wo ich das ändern kann wäre ich ganz froh. Ich finde Fhem sehr cool, aber manchmal hat es mir zu viele Stellschrauben an denen ich drehen kann und das überfordert etwas
Liebe Grüße
Juli
Hier der Code aus der Fhem.cfg
define initialUsbCheck notify global:INITIALIZED usb create
setuuid initialUsbCheck 5ebd88fa-f33f-2c94-60d4-b08df1cbeb95b78a
define TABLETUI HTTPSRV ftui/ ./www/tablet Tablet-UI
setuuid TABLETUI 5ebd88fa-f33f-2c94-47f2-72cae48df83d09c0
attr TABLETUI alias Lars Raum
attr TABLETUI room System
Hier der Code aus der Tablet ui index.html
<!DOCTYPE html>
<html>
<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>
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="10" data-sizey="3">
<header>Wohnzimmer</header>
<!-- 1--> <div class="col-1-10 bg-orange centered">
<div data-type="switch" class="large"data-device="RaumWohnzimmer"></div>
<div data-type="label" class="">Raum Wohnzimmer</div>
</div>
<!-- 2--> <div class="col-1-10">
<div class="row-1-3">
<div data-type="switch" data-device="Ecklampe"></div>
<div data-type="label" class="">Ecklampe</div>
</div>
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="label" class="top-narrow-2x">Stehlampe</div>
<div data-type="switch" data-device="Stehlampe"></div>
</div>
</div>
<!-- 3--> <div class="col-1-10"></div>
<!-- 4--> <div class="col-1-10">
<div class="row-1-3"></div>
<div class="row-1-3"><div data-type="switch" data-device="Wohnzimmereins"></div>
<div data-type="label" class="">Wohnzimmer Eins</div>
</div>
<div class="row-1-3"></div>
</div>
<!-- 5--> <div class="col-1-10"></div>
<!-- 6--> <div class="col-1-10"></div>
<!-- 7--> <div class="col-1-10">
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="switch" data-device="Wohnzimmerzwei"></div>
<div data-type="label" class="">Wohnzimmer Zwei</div>
</div>
<div class="row-1-3"></div></div>
<!-- 8--> <div class="col-1-10"></div>
<!-- 9--> <div class="col-1-10">
<div class="row-1-3"></div>
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="label" class="top-narrow-2x">Schreibtischlampe</div>
<div data-type="switch" data-device="Schreibtischlampe"></div>
</div>
</div>
<!-- 10--> <div class="col-1-10 bg-orange">
<div data-type="switch" class="large" data-device="Raumgemuetlich"></div>
<div data-type="label">Raumgemuetlich</div>
</div>
</li>
<li data-row="4" data-col="1" data-sizex="10" data-sizey="3">
<header>Esszimmer und Küche</header>
<!-- 1--> <div class="col-1-10 bg-orange centered">
<div data-type="switch" class="large"data-device="RaumKueche"></div>
<div data-type="label" class="">Raum Küche</div>
</div>
<!-- 2--> <div class="col-1-10"></div>
<!-- 3--> <div class="col-1-10">
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="switch" data-device="Esszimmer"></div>
<div data-type="label" class="">Esszimmer</div>
</div>
<div class="row-1-3"></div>
</div>
<!-- 4--> <div class="col-1-10"> </div>
<!-- 5--> <div class="col-1-10"> </div>
<!-- 6--> <div class="col-1-10"><div class="row-1-3"></div>
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="label" class="top-narrow-2x">Erker</div>
<div data-type="switch" data-device="Erker"></div>
</div>
</div>
<!-- 7--> <div class="col-1-10"> </div>
<!-- 8--> <div class="col-1-10">
<div class="row-1-3"></div>
<div class="row-1-3">
<div data-type="label" class="">Küche</div>
<div data-type="switch" data-device="Kueche"></div>
</div>
<div class="row-1-3"></div>
</div>
<!-- 9--> <div class="col-1-10"> </div>
<!-- 10--> <div class="col-1-10 bg-orange"> </div>
</li>
<li data-row="7" data-col="1" data-sizex="10" data-sizey="3">
<header>Stuff</header>
</li>
</ul>
</div>
</body>
</html>
so etwa:
defmod LARS1UI HTTPSRV lars1/ ./www/lars1 Lars-Räume
defmod LARS2UI HTTPSRV lars2/ ./www/lars1 Lars-Gemütlich
Bei den Umlauten bin ich mir nicht ganz sicher, evtl. müssen die noch codiert werden (ä -> ä)
Hallo @pcbastler
Vielen dank für deine Antwort habe es noch nicht ausprobiert, sobald ich das gemacht habe stelle ich die Frage auf gelöst.
Liebe Grüße
Juli