index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <!--
   3 * Copyright (c) 2013, Intel Corporation.
   4 *
   5 * This program is licensed under the terms and conditions of the
   6 * Apache License, version 2.0.  The full text of the Apache License is at
   7 * http://www.apache.org/licenses/LICENSE-2.0
   8 *
   9 -->
  10 <html>
  11 <head>
  12     <meta charset="utf-8" />
  13     <!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> -->
  14
  15     <title>Settings</title>
  16
  17     <link rel="stylesheet" href="./css/jquery.mobile-1.3.1.css"/>
  18     <script type="text/javascript" src="./js/jquery-1.10.1.js"></script>
  19     <script type="text/javascript" src="./js/jquery.mobile-1.3.1.js"></script>
  20     <script type="text/javascript" src="./js/main.js"></script>
  21     <script type="text/javascript" src="./js/utils.js"></script>
  22     <script type="text/javascript" src="./js/websocket.js"></script>
  23     <script type="text/javascript" src="./js/api-bluetooth.js"></script>
  24     <script type="text/javascript" src="./js/panel-bluetooth.js"></script>
  25     <link rel="stylesheet" href="./css/style.css" />
  26 </head>
  27
  28 <body>
  29         <!-- Settings -->
  30     <div data-role="page" id="main">
  31         <div data-role="header" data-position="fixed">
  32                 <a href="" id="quit" data-icon="back">Quit</a>
  33             <h1>Settings</h1>
  34         </div><!-- /header -->
  35
  36                 <div data-role="collapsible-set">
  37                     <div data-role="collapsible" id="col_connectivity" data-collapsed="false">
  38                         <h3>Connectivity</h3>
  39                                 <div data-role="content">
  40                                     <ul data-role="listview">
  41                                 <li>
  42                                     <a href="#page_bluetooth" id="button_bluetooth_settings">Bluetooth</a>
  43                                 </li>
  44                                     </ul>
  45                                 </div>
  46                     </div>
  47                 </div>
  48         </div>
  49
  50         <!-- Bluetooth Settings -->
  51         <div data-role="page" id="page_bluetooth">
  52                 <div data-role="header" data-position="fixed">
  53                         <a href="#main" data-icon="back">Back</a>
  54                         <h1>Bluetooth</h1>
  55                 </div>
  56
  57                 <div data-role="content">
  58                 <div class="adapter-info">
  59                     <div class="adapter-name">
  60                         <div id="label_bluetooth_adapter"></div>
  61                     </div>
  62                 </div>
  63                         <ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset">
  64                                 <li data-role="fieldcontain">
  65                                         <label for="toggle_bluetooth" class="ui-slider">Bluetooth</label>
  66                                         <select data-role="slider" name="toggle_bluetooth" id="toggle_bluetooth" class="ui-slider-switch">
  67                                                 <option value="off">Off</option>
  68                                                 <option value="on">On</option>
  69                                         </select>
  70                                 </li>
  71                         </ul>
  72                         <div id="bluetooth_devices">
  73                             <div><p>Available Devices</p></div>
  74                 <ul data-role="listview" id="listview_device_paired" data-inset="true" class="device-list ui-listview"></ul>
  75                     <ul data-role="listview" id="listview_device_available" data-inset="true" class="device-list ui-listview"></ul>
  76                             <div data-role="button" id="button_bluetooth_scan">Scan</div>
  77                         </div>
  78                 </div>
  79         </div>
  80
  81     <!-- Bluetooth Device Info -->
  82     <div data-role="page" id="page_bluetooth_detail">
  83         <div data-role="header" data-position="fixed">
  84             <a href="#page_bluetooth" data-icon="back">Back</a>
  85             <h1>Device Info</h1>
  86         </div>
  87
  88         <div data-role="content" id="page_bluetooth_detail_content">
  89         </div>
  90     </div>
  91
  92 </body>
  93 </html>