| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <!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>
- <title>FHEM-Tablet-UI</title>
- </head>
- <body>
- <div class="gridster">
- <ul>
- <li data-row="1" data-col="1" data-sizey="4" data-sizex="3">
- <header>EXAMPLE1</header>
- <!-- place your widget here -->
- </li>
- <li data-row="1" data-col="4" data-sizey="4" data-sizex="6">
- <header>EXAMPLE2</header>
- <!-- place your widget here -->
- </li>
- <li data-row="1" data-col="10" data-sizey="4" data-sizex="3">
- <header>EXAMPLE3</header>
- <!-- place your widget here -->
- </li>
- <li data-row="5" data-col="1" data-sizey="3" data-sizex="3">
- <header>EXAMPLE4</header>
- <!-- place your widget here -->
- </li>
- <li data-row="5" data-col="4" data-sizey="3" data-sizex="6">
- <header>EXAMPLE5</header>
- <!-- place your widget here -->
- </li>
- <li data-row="5" data-col="10" data-sizey="3" data-sizex="3">
- <header>EXAMPLE6</header>
- <!-- place your widget here -->
- </li>
- </ul>
- </div>
- </body>
- </html>
|