index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8" />
   5         <meta name="description" content="Media content API Tutorial"/>
   6         <meta name="viewport" content="width=360, user-scalable=no"/>
   7         <title>Media content</title>
   8         <script src="/usr/share/tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   9         <script src="/usr/share/tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
  10         <script src="/usr/share/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
  17 <body>
  18
  19         <div data-role="page" id="main">
  20                 <div data-role="header" data-position="fixed">
  21                         <h1>Media content</h1>
  22                 </div>
  23                 <div data-role="content">
  24                         <ul data-role="listview" id="folder-list">
  25                                 <li data-role="list-divider">Storage type</li>
  26                                 <li id="folder-type-all">
  27                                         ALL
  28                                 </li>
  29                                 <li id="folder-type-internal">
  30                                         INTERNAL
  31                                 </li>
  32                                 <li id="folder-type-external">
  33                                         EXTERNAL
  34                                 </li>
  35                                 <li data-role="list-divider" id="folder-text">Folders</li>
  36                         </ul>
  37                         <ul data-role="listview" id="file-list">
  38                         </ul>
  39                 </div>
  40         </div>
  41
  42         <div data-role="page" id="items">
  43                 <div data-role="header" data-position="fixed">
  44                         <h1 id="items-title"></h1>
  45                 </div>
  46                 <div data-role="content">
  47                         <ul data-role="listview" id="items-list">
  48                                 <li data-role="list-divider">Item type</li>
  49                                 <li class="ui-li-has-radio">
  50                                         ALL
  51                                         <input type="radio" name="item-type" id="item-type-all" value="ALL" checked="checked"/>
  52                                 </li>
  53                                 <li class="ui-li-has-radio">
  54                                         IMAGE
  55                                         <input type="radio" name="item-type" id="item-type-image" value="IMAGE"/>
  56                                 </li>
  57                                 <li class="ui-li-has-radio">
  58                                         VIDEO
  59                                         <input type="radio" name="item-type" id="item-type-video" value="VIDEO"/>
  60                                 </li>
  61                                 <li class="ui-li-has-radio">
  62                                         AUDIO
  63                                         <input type="radio" name="item-type" id="item-type-audio" value="AUDIO"/>
  64                                 </li>
  65                                 <li data-role="list-divider">Items</li>
  66                         </ul>
  67                 </div>
  68         </div>
  69
  70         <div data-role="page" id="detail">
  71                 <div data-role="header" data-position="fixed">
  72                         <h1>Details</h1>
  73                 </div>
  74                 <div data-role="content">
  75                         <ul data-role="listview" id="media-details">
  76                         </ul>
  77                 </div>
  78         </div>
  79
  80 </body>
  81 </html>