4 <meta charset="utf-8" />
5 <meta name="description" content="Mediacontent API Tutorial"/>
7 <title>Mediacontent</title>
8 <script src="tizen-web-ui-fw/latest/js/jquery.min.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" 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="true" 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>
38 <div data-role="footer" data-position="fixed">
39 <div data-role="tabbar" data-style="toolbar">
41 <li><a id="all-items">ALL ITEMS</a></li>
47 <div data-role="page" data-add-back-btn="true" id="items">
48 <div data-role="header" data-position="fixed">
49 <h1 id="items-title"></h1>
52 <div data-role="content">
53 <ul data-role="listview" id="items-list">
54 <li data-role="list-divider">Item type</li>
55 <li class="ui-li-has-radio">
57 <input type="radio" name="item-type" id="item-type-all" value="ALL" checked="checked"/>
59 <li class="ui-li-has-radio">
61 <input type="radio" name="item-type" id="item-type-image" value="IMAGE"/>
63 <li class="ui-li-has-radio">
65 <input type="radio" name="item-type" id="item-type-video" value="VIDEO"/>
67 <li class="ui-li-has-radio">
69 <input type="radio" name="item-type" id="item-type-audio" value="AUDIO"/>
71 <li data-role="list-divider">Items</li>
75 <div data-role="footer" data-position="fixed">
77 "tabbar" data-style="toolbar">
79 <li><a id="batch-update">INCREASE LAST 3 ITEMS RATING</a></li>
85 <div data-role="page" data-add-back-btn="true" id="detail">
86 <div data-role="header" data-position="fixed">
90 <div data-role="content">
91 <ul data-role="listview" id="media-details">
95 <div data-role="footer" data-position="fixed">
97 "tabbar" data-style="toolbar">