4 <meta charset="utf-8" />
5 <meta name="description" content="Mediacontent API Tutorial"/>
7 <title>Mediacontent</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" data-framework-viewport-scale="false"></script>
11 <script type="text/javascript" src="./js/main.js"></script>
12 <link rel="stylesheet" type="text/css" href="./css/style.css"/>
17 <div data-role="page" data-add-back-btn="header" id="main">
18 <div data-role="header" data-position="fixed">
19 <h1>Media content</h1>
22 <div data-role="content">
23 <ul data-role="listview" id="folder-list">
24 <li data-role="list-divider">Storage type</li>
25 <li id="folder-type-all">
28 <li id="folder-type-internal">
31 <li id="folder-type-external">
34 <li data-role="list-divider" id="folder-text">Folders</li>
39 <div data-role="page" data-add-back-btn="header" id="items">
40 <div data-role="header" data-position="fixed">
41 <h1 id="items-title"></h1>
44 <div data-role="content">
45 <ul data-role="listview" id="items-list">
46 <li data-role="list-divider">Item type</li>
47 <li class="ui-li-has-radio">
49 <input type="radio" name="item-type" id="item-type-all" value="ALL" checked="checked"/>
51 <li class="ui-li-has-radio">
53 <input type="radio" name="item-type" id="item-type-image" value="IMAGE"/>
55 <li class="ui-li-has-radio">
57 <input type="radio" name="item-type" id="item-type-video" value="VIDEO"/>
59 <li class="ui-li-has-radio">
61 <input type="radio" name="item-type" id="item-type-audio" value="AUDIO"/>
63 <li data-role="list-divider">Items</li>
68 <div data-role="page" data-add-back-btn="header" id="detail">
69 <div data-role="header" data-position="fixed">
73 <div data-role="content">
74 <ul data-role="listview" id="media-details">
78 <div data-role="footer" data-position="fixed">