device_home/client/client.html

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