API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 25th, 2017
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <!--
  5.     /* FHEM tablet ui */
  6.     /*
  7.     * UI builder framework for FHEM
  8.     *
  9.     * Version: 2.5.*
  10.     * URL: https://github.com/knowthelist/fhem-tablet-ui
  11.     *
  12.     * Copyright (c) 2015-2017 Mario Stephan <mstephan@shared-files.de>
  13.     * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
  14.     *
  15.     * - create a new folder named 'tablet' in /<fhem-path>/www
  16.     * - copy all files incl. sub folders into /<fhem-path>/www/tablet
  17.     * - add 'define TABLETUI HTTPSRV ftui ./www/tablet Tablet' in fhem.cfg
  18.     * - Tadaaa! A new fhem ui in http://<fhem-url>:8083/fhem/tablet/
  19.     */
  20.     -->
  21.     <meta charset="utf-8">
  22.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  23.     <meta name="viewport" content="width=device-width, initial-scale=1">
  24.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  25.        
  26.     <meta name="longpoll" content="1">
  27.     <meta name="debug" content="0">
  28.    
  29.     <title>DONDIE</title>
  30.  
  31.     <!-- Bootstrap -->
  32.     <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->
  33.     <!-- https://bootswatch.com/darkly/ Bootstrap Dark Theme -->
  34.     <link rel="stylesheet" href="/fhem/tablet/css/bootstrap.min.css" />
  35.     <link rel="stylesheet" href="/fhem/tablet/css/rocket100.css" />
  36.  
  37.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  38.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  39.     <!--[if lt IE 9]>
  40.      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  41.      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  42.    <![endif]-->
  43.   </head>
  44.   <body data-confirmDelete='1' data-confirmJSError='1' data-webName='WEB' class="wrapper container">
  45.    
  46.     <style>
  47.     .equalize .panel { min-height:250px; }
  48.     </style>
  49.     <div class="row">
  50.         <div class="col-xs-12">
  51.            
  52.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-3">
  53.                 <div class="panel">
  54.                     <div class="panel-heading"><h4>Zentralschaltung</h4></div>
  55.                     <div class="panel-body">
  56.                         <div class="row">
  57.                             <div class="col-xs-6">
  58.                                 <div data-type="switch" data-device="HUEGroup1" data-icon="fa-lightbulb-o"></div>
  59.                                 <div data-type="label" class="cell top-space">Wohnzimmer</div>
  60.                             </div>
  61.                             <div class="col-xs-6">
  62.                                 <div data-type="volume" data-device="HUEGroup1" data-min="0" data-max="65353" data-get="hue" data-set="hue" class="hue-tick mini"></div>
  63.                                 <div data-type="label" class="cell top-space">Farbe</div>
  64.                             </div>
  65.                            
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-1">
  71.                 <div class="panel">
  72.                     <div class="panel-heading"><h4>Flur</h4></div>
  73.                     <div class="panel-body">
  74.                         <div data-type="switch" data-device="EingangsFlur" data-icon="fa-lightbulb-o"></div>
  75.                         <div data-type="label" class="">Eingang / Flur</div>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-3">
  80.                 <div class="panel">
  81.                     <div class="panel-heading"><h4>Uhrzeit</h4></div>
  82.                     <div class="panel-body">
  83.                         <div data-type="clock" data-format="H:i" class="container bigger"></div>
  84.                         <div data-type="clock" data-format="d-m-Y" class="cell"></div>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-3">
  89.                 <div class="panel">
  90.                     <div class="panel-heading"><h4>Wetter</h4></div>
  91.                     <div class="panel-body">
  92.                    
  93.                     <table width="100%">
  94.                 <tr>
  95.                     <td rowspan="5" style="text-align:center;vertical-align:top">
  96.                         <div data-type="weather"
  97.                            data-device="MeinWetter"
  98.                            data-get="condition"
  99.                            style="font-size:250%"></div>
  100.                             <br>
  101.                         <div data-type="label"
  102.                            data-device="MeinWetter"
  103.                            data-get="condition"></div>
  104.                     </td>
  105.                    
  106.                     <td>Temp:</td>
  107.                     <td>
  108.                         <div data-type="label"
  109.                            data-device="MeinWetter"
  110.                            data-get="temperature"
  111.                            data-limits="[-50,0,10,25,30,40]"
  112.                            data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'
  113.                            data-unit=" °C"></div>
  114.                     </td>
  115.                    
  116.                 </tr>
  117.                 <tr>
  118.                     <td>Feucht:</td>
  119.                     <td>
  120.                         <div data-type="label"
  121.                            data-device="MeinWetter"
  122.                            data-get="humidity"
  123.                            data-limits="[0,40,60]"
  124.                            data-colors='["#9999ff","#aa6900","#ff6900"]'
  125.                            data-unit=" %"></div>
  126.                     </td>
  127.                 </tr>
  128.                 <tr>
  129.                     <td>Wind:</td>
  130.                     <td>
  131.                         <div data-type="label"
  132.                            data-device="MeinWetter"
  133.                            data-get="wind"
  134.                            data-unit="km/h"
  135.                            data-limits="[0,        19,       28,       38,       49,       74,       102,      117]"
  136.                            data-colors='["#ffffff","#dddddd","#aa6900","#aa6900","#ff9999","#ff6666","#ff3333","#ff0000"]'
  137.                            style="display:inline"></div>
  138.                         <small>aus</small> <div data-type="label"
  139.                            data-device="MeinWetter"
  140.                            data-get="wind_condition"
  141.                            data-part="2"></div>
  142.                     </td>
  143.                 </tr>
  144.                 <tr>
  145.                     <td>Druck:</td>
  146.                     <td>
  147.                         <div data-type="label"
  148.                            data-device="MeinWetter"
  149.                            data-get="pressure"
  150.                            data-unit=" hPa"
  151.                            data-limits="[0,950,1000]"
  152.                            data-colors='["#ff9999","#aa6900","#9999ff"]'></div>
  153.                          <div data-type="label"
  154.                            data-device="MeinWetter"
  155.                            data-get="pressure_trend_sym"></div>
  156.                     </td>
  157.                 </tr>
  158.                 <tr>
  159.                     <td>Sicht:</td>
  160.                     <td>
  161.                         <div data-type="label"
  162.                            data-device="MeinWetter"
  163.                            data-get="visibility"
  164.                            data-unit=" km"></div>
  165.                     </td>
  166.                 </tr>
  167.                 </table>
  168.                    
  169.                    
  170.                    
  171.                    
  172.                     </div>
  173.                 </div>
  174.             </div>
  175.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-2">
  176.                 <div class="panel">
  177.                     <div class="panel-heading"><h4>test123</h4></div>
  178.                     <div class="panel-body">
  179.                     123
  180.                     </div>
  181.                 </div>
  182.             </div>
  183.            
  184.             <div class="equalize col-xs-12 col-sm-6 col-md-4 col-lg-2">
  185.                 <div class="panel">
  186.                     <div class="panel-heading"><h4>NEUE REIHEtest123</h4></div>
  187.                     <div class="panel-body">
  188.                     123
  189.                     </div>
  190.                 </div>
  191.             </div>
  192.         </div>
  193.     </div>     
  194.     <div class="row">
  195.         <div class="equalize col-xs-12">   
  196.             <!-- ++ ROW 1 PRESENCE ++ -->
  197.             <div class="equalize col-xs-12 col-md-4">
  198.                 <div class="panel">
  199.                     <div class="panel-heading"><h4>HEADLINE ERSTE LI</h4></div>
  200.                     <div class="panel-body">
  201.                         INHALT ERSTE LI
  202.                     </div>
  203.                 </div>
  204.             </div>
  205.             <div class="equalize col-xs-12 col-md-4">
  206.                 <div class="panel">
  207.                     <div class="panel-heading"><h4>Anwesenheit</h4></div>
  208.                     <div class="panel-body">
  209.                         <div class="row">
  210.                             <div class="col-xs-4">
  211.                                 <div data-type="switch" data-device="Alisha" data-icon="fa-user" data-get-on="present" data-subtype="PRESENCE" class="readonly"></div>
  212.                                 <div data-type="label" class="cell top-space">Alisha</div>
  213.                             </div>
  214.                             <div class="col-xs-4">
  215.                                 <div data-type="switch" data-device="Nicola" data-icon="fa-user" data-get-on="present" data-subtype="PRESENCE" class="readonly"></div>
  216.                                 <div data-type="label" class="cell top-space">Nicola</div>
  217.                             </div>
  218.                             <div class="col-xs-4">
  219.                                 <div data-type="switch" data-device="Malte" data-icon="fa-user" data-get-on="present" data-subtype="PRESENCE" class="readonly"></div>
  220.                                 <div data-type="label" class="cell top-space">Malte</div>
  221.                             </div>
  222.                         </div>
  223.                     </div>
  224.                 </div>
  225.             </div>
  226.             <!-- -- ROW 1 PRESENCE -- -->
  227.  
  228.             <!-- ++ ROW 1 YEELIGHT ++ -->
  229.             <div class="equalize col-xs-12 col-md-4">
  230.                 <div class="panel">
  231.                     <div class="panel-heading"><h4>Licht</h4></div>
  232.                     <div class="panel-body">
  233.                         <div class="row">
  234.                             <div class="col-xs-4">
  235.                                 <div data-type="switch" data-device="FlurLicht" data-get="power" class="cell"></div>
  236.                                 <div>Flur OG</div>
  237.                             </div>
  238.                             <!---
  239.                             <div class="col-xs-4">
  240.                                 <div data-type="slider" data-device='FlurLicht' data-min="0" data-max="100" data-get="bright" data-set="bright"></div>
  241.                                 <div>Helligkeit</div>
  242.                             </div>
  243.                             <div class="col-xs-4">
  244.                                 <div data-type="volume" data-device="FlurLicht" data-min="0" data-max="359" data-get="hue" data-set="hue" class="hue-tick mini"></div>
  245.                                 <div>Color</div>
  246.                             </div>
  247.                             -->
  248.                         </div>
  249.                     </div>
  250.                 </div>
  251.             </div>
  252.             <!-- -- ROW 1 YEELIGHT -- -->
  253.            
  254.         </div>
  255.     </div>
  256.     <!-- +++++++++++++++++++++++++++++++++++++++++++++++++++ -->
  257.     <div class="row">
  258.         <div class="col-xs-12">
  259.        
  260.             <div class="equalize col-xs-12">
  261.                 <div class="panel">
  262.                     <div class="panel-heading"><h4>Wetter in Diepholz</h4></div>
  263.                     <div class="panel-body">
  264.                         <div class="row">
  265.                             <div class="col-xs-12 col-sm-6 col-md-2">
  266.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc1_day_of_week" class="cell narrow"></div>
  267.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc1_date" class="cell narrow"></div>
  268.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc1_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  269.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc1_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  270.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc1_condition" class="bigger"></div>
  271.                             </div>
  272.                             <div class="col-xs-12 col-sm-6 col-md-2">
  273.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc2_day_of_week" class="cell narrow"></div>
  274.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc2_date" class="cell narrow"></div>
  275.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc2_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  276.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc2_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  277.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc2_condition" class="bigger"></div>
  278.                             </div>
  279.                             <div class="col-xs-12 col-sm-6 col-md-2">
  280.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc3_day_of_week" class="cell narrow"></div>
  281.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc3_date" class="cell narrow"></div>
  282.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc3_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  283.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc3_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  284.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc3_condition" class="bigger"></div>
  285.                             </div>
  286.                             <div class="col-xs-12 col-sm-6 col-md-2">
  287.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc4_day_of_week" class="cell narrow"></div>
  288.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc4_date" class="cell narrow"></div>
  289.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc4_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  290.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc4_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  291.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc4_condition" class="bigger"></div>
  292.                             </div>
  293.                             <div class="col-xs-12 col-sm-6 col-md-2">
  294.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc5_day_of_week" class="cell narrow"></div>
  295.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc5_date" class="cell narrow"></div>
  296.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc5_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  297.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc5_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  298.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc5_condition" class="bigger"></div>
  299.                             </div>
  300.                             <div class="col-xs-12 col-sm-6 col-md-2">
  301.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc6_day_of_week" class="cell narrow"></div>
  302.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc6_date" class="cell narrow"></div>
  303.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc6_low_c" data-unit="%B0C%0A" class="cell large" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  304.                                 <div data-type="label" data-device="WetterDiepholz" data-get="fc6_high_c" data-unit="%B0C%0A" class="cell bigger" data-limits="[-50,0,10,25,30,40]" data-colors='["#9999ff","#ffbdff","#aa6900","#ff6900","#ff3333","#ff0000"]'></div>
  305.                                 <div data-type="weather" data-device="WetterDiepholz" data-get="fc6_condition" class="bigger"></div>
  306.                             </div>
  307.                         </div>
  308.                     </div>
  309.                 </div>
  310.             </div>
  311.            
  312.         </div>
  313.     </div>
  314.     <!-- +++++++++++++++++++++++++++++++++++++++++++++++++++ -->
  315.     <div class="row">
  316.         <div class="col-xs-12">
  317.            
  318.             <!-- ++ ROW 1 MÜLLABFUHR  ++ -->
  319.             <div class="equalize col-xs-12 col-md-4">
  320.                 <div class="panel">
  321.                     <div class="panel-heading"><h4>Müllabfuhr</h4></div>
  322.                     <div class="panel-body">
  323.                         <div class="row">
  324.                        
  325.                             <div class="col-xs-4">
  326.                                 <div data-type="label">Restmüll</div>
  327.                                 <div
  328.                                 data-type="symbol"
  329.                                 data-device="Muelltonnen_Falkenweg"
  330.                                 data-get="Muellabfuhr_Falkenweg_Kalender_Restabfallbehaelter_tage"
  331.                                 data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
  332.                                 data-on-colors='["black","black"]'
  333.                                 data-get-on='["0","2"]'
  334.                                 data-background-icon="fa-circle"
  335.                                 class="inline top-space-2x" ></div>
  336.                                 <div data-type="label">
  337.                                     <div data-type="label" data-device="Muelltonnen_Falkenweg" data-get="Muellabfuhr_Falkenweg_Kalender_Restabfallbehaelter_datum"></div>
  338.                                 </div>
  339.                             </div>
  340.                        
  341.                             <div class="col-xs-4">
  342.                                 <div data-type="label">Gelber Sack</div>
  343.                                 <div
  344.                                 data-type="symbol"
  345.                                 data-device="Muelltonnen_Falkenweg"
  346.                                 data-get="Muellabfuhr_Falkenweg_Kalender_Wertstoffsack_tage"
  347.                                 data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
  348.                                 data-on-colors='["black","black"]'
  349.                                 data-get-on='["0","2"]'
  350.                                 data-background-icon="fa-circle"
  351.                                 class="inline top-space-2x" ></div>
  352.                                 <div data-type="label">
  353.                                     <div data-type="label" data-device="Muelltonnen_Falkenweg" data-get="Muellabfuhr_Falkenweg_Kalender_Wertstoffsack_datum"></div>
  354.                                 </div>
  355.                             </div>
  356.                        
  357.                             <div class="col-xs-4">
  358.                                 <div data-type="label">Bio Tonne</div>
  359.                                 <div
  360.                                 data-type="symbol"
  361.                                 data-device="Muelltonnen_Falkenweg"
  362.                                 data-get="Muellabfuhr_Falkenweg_Kalender_Bio-Tonne_tage"
  363.                                 data-icons='["fa-trash warn fa-spin","fa-trash warn"]'
  364.                                 data-on-colors='["black","black"]'
  365.                                 data-get-on='["0","2"]'
  366.                                 data-background-icon="fa-circle"
  367.                                 class="inline top-space-2x" ></div>
  368.                                 <div data-type="label">
  369.                                     <div data-type="label" data-device="Muelltonnen_Falkenweg" data-get="Muellabfuhr_Falkenweg_Kalender_Bio-Tonne_datum"></div>
  370.                                 </div>
  371.                             </div>
  372.                            
  373.                         </div>
  374.                     </div>
  375.                 </div>
  376.             </div>
  377.             <!-- -- MÜLLABFUHR  -- -->
  378.            
  379.             <!-- ++ ZUG VERBINDUNG DIEPHOLZ -> BREMEN ++ -->           
  380.             <div class="equalize col-xs-12 col-md-4">
  381.                 <div class="panel">
  382.                     <div class="panel-heading"><h4>Diepholz &#10145; HB HBF</h4></div>
  383.                     <div class="panel-body">
  384.                         <div class="row">
  385.                             <table class="calls" width="100%">
  386.                                 <tr>
  387.                                     <td><div data-type="label" class="thin">Abfahrt</div></td>
  388.                                     <td><div data-type="label" class="thin">Delay</div></td>
  389.                                     <td colspan="2">Art</td>
  390.                                 </tr>
  391.                                 <tr>
  392.                                     <td>
  393.                                         <div data-type="label" class="inline large thin"
  394.                                         data-device="zugBremenHbf" data-get="plan_departure_1">
  395.                                         </div>
  396.                                     </td>
  397.                                     <td>
  398.                                         <div data-type="label"class="inline large thin"
  399.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  400.                                         data-device="zugBremenHbf" data-get="plan_departure_delay_1">
  401.                                         </div>
  402.                                     </td>
  403.                                     <td>
  404.                                         <div data-type="symbol"class="inline small"
  405.                                         data-device="zugBremenHbf" data-get="plan_connection_1"
  406.                                         data-get-on='["RE"]'
  407.                                         data-icons='["fa-train"]'
  408.                                         data-on-colors='["#B28F00"]'>
  409.                                         </div>
  410.                                     </td>
  411.                                     <td>
  412.                                         <div data-type="label"class="inline large thin"
  413.                                         data-device="zugBremenHbf" data-get="plan_connection_1">
  414.                                         </div>
  415.                                     </td>
  416.                                 </tr>
  417.                                 <tr>
  418.                                     <td>
  419.                                         <div data-type="label" class="inline large thin"
  420.                                         data-device="zugBremenHbf" data-get="plan_departure_2">
  421.                                         </div>
  422.                                     </td>
  423.                                     <td>
  424.                                         <div data-type="label"class="inline large thin"
  425.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  426.                                         data-device="zugBremenHbf" data-get="plan_departure_delay_2">
  427.                                         </div>
  428.                                     </td>
  429.                                     <td>
  430.                                         <div data-type="symbol"class="inline small"
  431.                                         data-device="zugBremenHbf" data-get="plan_connection_2"
  432.                                         data-get-on='["RE"]'
  433.                                         data-icons='["fa-train"]'
  434.                                         data-on-colors='["#B28F00"]'>
  435.                                         </div>
  436.                                     </td>
  437.                                     <td>
  438.                                         <div data-type="label"class="inline large thin"
  439.                                         data-device="zugBremenHbf" data-get="plan_connection_2">
  440.                                         </div>
  441.                                     </td>
  442.                                 </tr>
  443.                                 <tr>
  444.                                     <td>
  445.                                         <div data-type="label" class="inline large thin"
  446.                                         data-device="zugBremenHbf" data-get="plan_departure_3">
  447.                                         </div>
  448.                                     </td>
  449.                                     <td>
  450.                                         <div data-type="label"class="inline large thin"
  451.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  452.                                         data-device="zugBremenHbf" data-get="plan_departure_delay_3">
  453.                                         </div>
  454.                                     </td>
  455.                                     <td>
  456.                                         <div data-type="symbol"class="small"
  457.                                         data-device="zugBremenHbf" data-get="plan_connection_3"
  458.                                         data-get-on='["RE"]'
  459.                                         data-icons='["fa-train"]'
  460.                                         data-on-colors='["#B28F00"]'>
  461.                                         </div>
  462.                                     </td>
  463.                                     <td>
  464.                                         <div data-type="label"class="inline large thin"
  465.                                         data-device="zugBremenHbf" data-get="plan_connection_3">
  466.                                         </div>
  467.                                     </td>
  468.                                 </tr>
  469.                             </table>
  470.                         </div>
  471.                     </div>
  472.                 </div>
  473.             </div>
  474.             <!-- ++ ZUG VERBINDUNG DIEPHOLZ -> BREMEN ++ -->
  475.            
  476.             <!-- ++ ZUG VERBINDUNG BREMEN -> DIEPHOLZ ++ -->
  477.             <div class="equalize col-xs-12 col-md-4">
  478.                 <div class="panel">
  479.                     <div class="panel-heading"><h4>HB HBF &#10145; Diepholz</h4></div>
  480.                     <div class="panel-body">
  481.                         <div class="row">
  482.                             <table class="calls" width="100%">
  483.                                 <tr>
  484.                                     <td><div data-type="label" class="thin">Abfahrt</div></td>
  485.                                     <td><div data-type="label" class="thin">Delay</div></td>
  486.                                     <td colspan="2">Art</td>
  487.                                 </tr>
  488.                                 <tr>
  489.                                     <td>
  490.                                         <div data-type="label" class="inline large thin"
  491.                                         data-device="zugDiepholzBf" data-get="plan_departure_1">
  492.                                         </div>
  493.                                     </td>
  494.                                     <td>
  495.                                         <div data-type="label"class="inline large thin"
  496.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  497.                                         data-device="zugDiepholzBf" data-get="plan_departure_delay_1">
  498.                                         </div>
  499.                                     </td>
  500.                                     <td>
  501.                                         <div data-type="symbol"class="inline small"
  502.                                         data-device="zugDiepholzBf" data-get="plan_connection_1"
  503.                                         data-get-on='["RE"]'
  504.                                         data-icons='["fa-train"]'
  505.                                         data-on-colors='["#B28F00"]'>
  506.                                         </div>
  507.                                     </td>
  508.                                     <td>
  509.                                         <div data-type="label"class="inline large thin"
  510.                                         data-device="zugDiepholzBf" data-get="plan_connection_1">
  511.                                         </div>
  512.                                     </td>
  513.                                 </tr>
  514.                                 <tr>
  515.                                     <td>
  516.                                         <div data-type="label" class="inline large thin"
  517.                                         data-device="zugDiepholzBf" data-get="plan_departure_2">
  518.                                         </div>
  519.                                     </td>
  520.                                     <td>
  521.                                         <div data-type="label"class="inline large thin"
  522.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  523.                                         data-device="zugDiepholzBf" data-get="plan_departure_delay_2">
  524.                                         </div>
  525.                                     </td>
  526.                                     <td>
  527.                                         <div data-type="symbol"class="inline small"
  528.                                         data-device="zugDiepholzBf" data-get="plan_connection_2"
  529.                                         data-get-on='["RE"]'
  530.                                         data-icons='["fa-train"]'
  531.                                         data-on-colors='["#B28F00"]'>
  532.                                         </div>
  533.                                     </td>
  534.                                     <td>
  535.                                         <div data-type="label"class="inline large thin"
  536.                                         data-device="zugDiepholzBf" data-get="plan_connection_2">
  537.                                         </div>
  538.                                     </td>
  539.                                 </tr>
  540.                                 <tr>
  541.                                     <td>
  542.                                         <div data-type="label" class="inline large thin"
  543.                                         data-device="zugDiepholzBf" data-get="plan_departure_3">
  544.                                         </div>
  545.                                     </td>
  546.                                     <td>
  547.                                         <div data-type="label"class="inline large thin"
  548.                                         data-fix="0" data-limits='[0,1]' data-colors='["#00FF00","#FF0000"]'
  549.                                         data-device="zugDiepholzBf" data-get="plan_departure_delay_3">
  550.                                         </div>
  551.                                     </td>
  552.                                     <td>
  553.                                         <div data-type="symbol"class="small"
  554.                                         data-device="zugDiepholzBf" data-get="plan_connection_3"
  555.                                         data-get-on='["RE"]'
  556.                                         data-icons='["fa-train"]'
  557.                                         data-on-colors='["#B28F00"]'>
  558.                                         </div>
  559.                                     </td>
  560.                                     <td>
  561.                                         <div data-type="label"class="inline large thin"
  562.                                         data-device="zugDiepholzBf" data-get="plan_connection_3">
  563.                                         </div>
  564.                                     </td>
  565.                                 </tr>
  566.                             </table>
  567.                         </div>
  568.                     </div>
  569.                 </div>
  570.             </div>
  571.             <!-- ++ ZUG VERBINDUNG BREMEN -> DIEPHOLZ ++ -->
  572.            
  573.         </div>
  574.     </div>
  575.     <!-- +++++++++++++++++++++++++++++++++++++++++++++++++++ -->
  576.    
  577.    
  578.    
  579.    
  580.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  581.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  582.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  583.    
  584.     <script src="/fhem/tablet/lib/jquery.toast.min.js" defer></script>
  585.     <script src="/fhem/tablet/js/fhem-tablet-ui.min.js" defer></script>
  586.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  587.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  588.   </body>
  589. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!