index_empty.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <!DOCTYPE html>
  2. <html>
  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. <link rel="icon" href="favicon.ico" type="image/x-icon" />
  22. <!-- define your personal style here, it wont be overwritten -->
  23. <!-- link rel="stylesheet" href="css/fhem-green-ui.css" / -->
  24. <!-- link rel="stylesheet" href="css/fhem-tablet-ui-user.css" / -->
  25. <script src="js/fhem-tablet-ui.js" defer></script>
  26. <title>FHEM-Tablet-UI</title>
  27. </head>
  28. <body>
  29. <div class="gridster">
  30. <ul>
  31. <li data-row="1" data-col="1" data-sizey="4" data-sizex="3">
  32. <header>EXAMPLE1</header>
  33. <!-- place your widget here -->
  34. </li>
  35. <li data-row="1" data-col="4" data-sizey="4" data-sizex="6">
  36. <header>EXAMPLE2</header>
  37. <!-- place your widget here -->
  38. </li>
  39. <li data-row="1" data-col="10" data-sizey="4" data-sizex="3">
  40. <header>EXAMPLE3</header>
  41. <!-- place your widget here -->
  42. </li>
  43. <li data-row="5" data-col="1" data-sizey="3" data-sizex="3">
  44. <header>EXAMPLE4</header>
  45. <!-- place your widget here -->
  46. </li>
  47. <li data-row="5" data-col="4" data-sizey="3" data-sizex="6">
  48. <header>EXAMPLE5</header>
  49. <!-- place your widget here -->
  50. </li>
  51. <li data-row="5" data-col="10" data-sizey="3" data-sizex="3">
  52. <header>EXAMPLE6</header>
  53. <!-- place your widget here -->
  54. </li>
  55. </ul>
  56. </div>
  57. </body>
  58. </html>