project/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8"/>
   5         <meta name="description" content="System info API Tutorial"/>
   6         <title>System info</title>
   7         <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   8         <script src="./js/config.js"></script>
   9         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
  10         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
  11                         data-framework-viewport-scale="false"
  12                         data-framework-theme="tizen-white"></script>
  13         <script type="text/javascript" src="./js/main.js"></script>
  14         <link rel="stylesheet" type="text/css" href="./css/style.css"/>
  15 </head>
  16 <body>
  17
  18         <div data-role="page" id="main">
  19                 <div data-role="header" data-position="fixed">
  20                         <h1>System information</h1>
  21                 </div>
  22                 <div data-role="content">
  23                         <ul data-role="listview">
  24                                 <li id="storage-info">Storage</li>
  25                                 <li id="battery-info">Battery</li>
  26                                 <li id="cpu-info">CPU</li>
  27                                 <li id="display-info">Display</li>
  28                                 <li id="orientation-info">Device orientation</li>
  29                         </ul>
  30                 </div>
  31         </div>
  32
  33         <div data-role="page" id="info">
  34                 <div data-role="header" data-position="fixed">
  35                         <h1 id="info-title"></h1>
  36                 </div>
  37                 <div data-role="content">
  38                         <ul data-role="listview" id="info-list">
  39                         </ul>
  40                 </div>
  41         </div>
  42
  43 </body>
  44 </html>