Procházet zdrojové kódy

FTUI Reisezeiten hinzugefügt

hmetzner před 7 roky
rodič
revize
82445eaaeb

+ 22 - 1
fhem/core/www/tablet_dev/main1280x800.html

@@ -127,7 +127,28 @@
 <!--Reisezeiten-->
     <li data-col="1" data-row="7" data-sizex="4" data-sizey="6" class="fulltransparent">
       <header class="fulltransparent">Aktuelle Reisezeiten</header>
-      <!-- place your widget here -->
+      <div class="sheet">
+        <div class="row-5 large left-align">via  Hockenheim</div>
+        <div class="row"
+             data-template="templates/template_fahrzeit.html"
+             data-parameter='{"paraDev":"trafficViaHockenheim"}'>
+        </div>
+        <div class="row-5 large left-align">via  Talhaus</div>
+        <div class="row"
+             data-template="templates/template_fahrzeit.html"
+             data-parameter='{"paraDev":"trafficViaTalhaus"}'>
+        </div>
+        <div class="row-5 large left-align">via  A61/Talhaus</div>
+        <div class="row"
+             data-template="templates/template_fahrzeit.html"
+             data-parameter='{"paraDev":"trafficViaA61Talhaus"}'>
+        </div>
+        <div class="row-5 large left-align">via  A61/A6</div>
+        <div class="row"
+             data-template="templates/template_fahrzeit.html"
+             data-parameter='{"paraDev":"trafficViaA61A6"}'>
+        </div>
+      </div>
     </li>
     <li data-col="5" data-row="7"  data-sizex="3" data-sizey="3">
       <header>EXAMPLE6</header>

+ 23 - 0
fhem/core/www/tablet_dev/templates/template_fahrzeit.html

@@ -0,0 +1,23 @@
+<!--template_fahrzeit.html-->
+<!--TEMPLATE zum Anzeigen der Fahrzeiten-->
+<!--Das Template ist auf das Modul TRAFFIC abgestimmt und verwendet die Standardredings von diesem Modul-->
+<!--Übergabe Parameter-->
+<!--    paraDev => device-->
+<!--Streckenlänge-->
+<div class="top-narrow-2x cell-30 left-align left-space large"
+     data-type="label"
+     data-device="paraDev"
+     data-get="distance">
+</div>
+<!--Aktuelle Dauer-->
+<div class="top-narrow-2x cell-30 left-align left-space large"
+     data-type="label"
+     data-device="paraDev"
+     data-get="duration_in_traffic">
+</div>
+<!--Verzögerung-->
+<div class="top-narrow-2x cell-20 right-align right-space large"
+     data-type="label"
+     data-device="paraDev"
+     data-get="delay">
+</div>