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"/>
19 <div data-role="page" id="main">
20 <div data-role="header" data-position="fixed">
21 <h1>Media content</h1>
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">
29 <li id="folder-type-internal">
32 <li id="folder-type-external">
35 <li data-role="list-divider" id="folder-text">Folders</li>
37 <ul data-role="listview" id="file-list">
42 <div data-role="page" id="items">
43 <div data-role="header" data-position="fixed">
44 <h1 id="items-title"></h1>
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">
51 <input type="radio" name="item-type" id="item-type-all" value="ALL" checked="checked"/>
53 <li class="ui-li-has-radio">
55 <input type="radio" name="item-type" id="item-type-image" value="IMAGE"/>
57 <li class="ui-li-has-radio">
59 <input type="radio" name="item-type" id="item-type-video" value="VIDEO"/>
61 <li class="ui-li-has-radio">
63 <input type="radio" name="item-type" id="item-type-audio" value="AUDIO"/>
65 <li data-role="list-divider">Items</li>
70 <div data-role="page" id="detail">
71 <div data-role="header" data-position="fixed">
74 <div data-role="content">
75 <ul data-role="listview" id="media-details">