index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8" />
   5         <meta name="description" content="Mediacontent API Tutorial"/>
   6
   7         <title>Mediacontent</title>
   8         <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
   9         <script src="./js/config.js"></script>
  10         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
  11         <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-viewport-scale="false"></script>
  12         <script type="text/javascript" src="./js/main.js"></script>
  13         <link rel="stylesheet" type="text/css" href="./css/style.css"/>
  14 </head>
  15
  16 <body>
  17         <div data-role="page" data-add-back-btn="true" id="main">
  18                 <div data-role="header" data-position="fixed">
  19                         <h1>Media Content</h1>
  20                 </div>
  21
  22                 <div data-role="content">
  23                         <ul data-role="listview" id="folder-list">
  24                                 <li data-role="list-divider">Storage type</li>
  25                                 <li class="ui-li-has-radio">
  26                                         All
  27                                         <input type="radio" name="folder-type" id="folder-type-all" value="ALL" checked="checked"/>
  28                                 </li>
  29                                 <li class="ui-li-has-radio">
  30                                         INTERNAL
  31                                         <input type="radio" name="folder-type" id="folder-type-internal" value="INTERNAL"/>
  32                                 </li>
  33                                 <li class="ui-li-has-radio">
  34                                         EXTERNAL
  35                                         <input type="radio" name="folder-type" id="folder-type-external" value="EXTERNAL"/>
  36                                 </li>
  37                                 <li data-role="list-divider">Folders</li>
  38                         </ul>
  39                 </div>
  40
  41                 <div data-role="footer" data-position="fixed">
  42                         <div data-role=
  43 "tabbar" data-style="toolbar">
  44                                 <ul>
  45                                         <li><a id="all-items">All items</a></li>
  46                                 </ul>
  47                         </div>
  48                 </div>
  49         </div>
  50
  51         <div data-role="page" data-add-back-btn="true" id="items">
  52                 <div data-role="header" data-position="fixed">
  53                         <h1 id="items-title"></h1>
  54                 </div>
  55
  56                 <div data-role="content">
  57                         <ul data-role="listview" id="items-list">
  58                                 <li data-role="list-divider">Item type</li>
  59                                 <li class="ui-li-has-radio">
  60                                         All
  61                                         <input type="radio" name="item-type" id="item-type-all" value="ALL" checked="checked"/>
  62                                 </li>
  63                                 <li class="ui-li-has-radio">
  64                                         IMAGE
  65                                         <input type="radio" name="item-type" id="item-type-image" value="IMAGE"/>
  66                                 </li>
  67                                 <li class="ui-li-has-radio">
  68                                         VIDEO
  69                                         <input type="radio" name="item-type" id="item-type-video" value="VIDEO"/>
  70                                 </li>
  71                                 <li class="ui-li-has-radio">
  72                                         AUDIO
  73                                         <input type="radio" name="item-type" id="item-type-audio" value="AUDIO"/>
  74                                 </li>
  75                                 <li data-role="list-divider">Items</li>
  76                         </ul>
  77                 </div>
  78
  79                 <div data-role="footer" data-position="fixed">
  80                         <div data-role=
  81 "tabbar" data-style="toolbar">
  82                                 <ul>
  83                                         <li><a id="batch-update">Increase last 3 items rating</a></li>
  84                                 </ul>
  85                         </div>
  86                 </div>
  87         </div>
  88
  89         <div data-role="page" data-add-back-btn="true" id="detail">
  90                 <div data-role="header" data-position="fixed">
  91                         <h1>Details</h1>
  92                 </div>
  93
  94                 <div data-role="content">
  95                         <ul data-role="listview" id="media-details">
  96                         </ul>
  97                 </div>
  98
  99                 <div data-role="footer" data-position="fixed">
 100                         <div data-role=
 101 "tabbar" data-style="toolbar">
 102                                 <ul>
 103                                         <li><a id="update">Increase Rating</a></li>
 104                                 </ul>
 105                         </div>
 106                 </div>
 107         </div>
 108 </body>
 109 </html>