device_home/client/client.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="UTF-8">
   5         <meta name="viewport" content="width=device-width, user-scalable=no">
   6         <title>My Device App</title>
   7         <link href="client/lib/tau/mobile/theme/default/tau.min.css" rel="stylesheet" />
   8         <link rel="stylesheet" href="client/css/style.css" />
   9         <link rel="manifest" href="client/manifest.webmanifest">
  10         <link rel="shortcut icon" href="client/images/Icon.png">
  11         <script data-build-remove="false" src="client/lib/tau/mobile/js/tau.min.js"></script>
  12         <script src="client/js/clipping-storage.js" type="module"></script>
  13         <script src="client/js/app.js" type="module"></script>
  14         <script src="client/js/myApps.js" type="module"></script>
  15 </head>
  16 <body>
  17         <div class="ui-page ui-page-active" id="main">
  18                 <header>
  19                         <div class="ui-appbar-title-container">
  20                                 <span class="ui-appbar-title">My Device App</span>
  21                         </div>
  22                         <div class="ui-appbar-left-icons-container">
  23                                 <a href="#" class="ui-btn ui-btn-icon app-btn-icon-burger" data-style="flat"></a>
  24                         </div>
  25                         <div class="ui-appbar-action-buttons-container">
  26                                 <a class="ui-btn ui-btn-icon ui-btn-icon-add" data-style="flat" href="#turn-on-dialog"></a>
  27                                 <button class="ui-btn ui-btn-icon ui-btn-icon-more" id="selector-opener" data-style="flat"></button>
  28                                 <select data-native-menu="false" id="theme-selector" style="display: none;">
  29                                         <option value="light">
  30                                                 Light Theme
  31                                         </option>
  32                                         <option value="dark">
  33                                                 Dark Theme
  34                                         </option>
  35                                 </select>
  36                         </div>
  37                 </header>
  38                 <div class="ui-content" id="page-main">
  39                         <div id="web-clips"></div>
  40
  41                         <div class="ui-content-subheader">
  42                                 D2D on My Device
  43                         </div>
  44                         <div class="ui-content-area" id="d2dApps">
  45                                 <div class="app-image-grid" id="d2dAppList">
  46                                 </div>
  47                         </div>
  48                         <div class="ui-drawer" data-position="left" id="leftDrawer" data-drag-edge="0">
  49                                 <div class="ui-drawer-header">
  50                                         <div class="ui-drawer-title">My Device App</div>
  51                                 </div>
  52                                 <ul class="ui-listview ui-content-area">
  53                                         <li class="ui-li-divider ui-li-has-icon">
  54                                                 <div class="ui-li-icon">
  55                                                         <img src="client/images/tw_list_icon_wallpaper.svg"/>
  56                                                 </div>
  57                                                 <a href="#" data-rel="back">
  58                                                         <span class="ui-li-text">Media item 1</span>
  59                                                 </a>
  60                                         </li>
  61                                         <li class="ui-li-divider ui-li-has-icon">
  62                                                 <div class="ui-li-icon">
  63                                                         <img src="client/images/tw_list_icon_wallpaper.svg"/>
  64                                                 </div>
  65                                                 <a href="#" data-rel="back">
  66                                                         <span class="ui-li-text">Media item 2</span>
  67                                                 </a>
  68                                         </li>
  69                                         <li class="ui-li-divider ui-li-has-icon">
  70                                                 <div class="ui-li-icon">
  71                                                         <img src="client/images/tw_list_icon_wallpaper.svg"/>
  72                                                 </div>
  73                                                 <a href="#" data-rel="back">
  74                                                         <span class="ui-li-text">Media item 3</span>
  75                                                 </a>
  76                                         </li>
  77                                 </ul>
  78                         </div>
  79                         <div class="ui-popup" id="turn-on-dialog">
  80                                 <div class="ui-popup-header">
  81                                         Customize widgets
  82                                 </div>
  83                                 <div class="ui-popup-content">
  84                                         <ul class="ui-listview ui-content-area popup-list" id="popup-list">
  85                                         </ul>
  86                                 </div>
  87                                 <div class="ui-popup-footer">
  88                                         <button class="ui-btn ui-btn-flat ui-btn-text" data-style="flat" id="popup-submit">OK</button>
  89                                 </div>
  90                         </div>
  91                 </div>
  92         </div>
  93 </body>
  94 </html>