projects / samples / web / Mediacontent.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 124bbc5)
[Mediacontent]update Mediacontent(tizen_2.1)
authorgs86.lee <gs86.lee@samsung.com>
Fri, 12 Apr 2013 06:29:48 +0000 (15:29 +0900)
committergs86.lee <gs86.lee@samsung.com>
Fri, 12 Apr 2013 06:29:48 +0000 (15:29 +0900)
Change-Id: I4131a80cf89e6075fda250efe7b0104ff23cded5

NOTICE [new file with mode: 0644] patch | blob
config.xml patch | blob | history
index.html patch | blob | history
js/main.js patch | blob | history

diff --git a/NOTICE b/NOTICE
new file mode 100644 (file)
index 0000000..85044e4
--- /dev/null
+++ b/NOTICE
@@ -0,0 +1,4 @@
+Copyright (c) 2012 Samsung Electronics Co., Ltd. All rights reserved.
+Except as noted, this software is licensed under Flora License, Version 1.
+Please, see the LICENSE.Flora file for Flora License terms and conditions.
+
diff --git a/config.xml b/config.xml
index 90bc228..72b3303 100755 (executable)
--- a/config.xml
+++ b/config.xml
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <widget xmlns="http://www.w3.org/ns/widgets" xmlns:tizen="http://tizen.org/ns/widgets" id="http://yourdomain/Mediacontent" version="0.1.4" viewmodes="maximized">
        <content src="index.html"/>
-       <tizen:privilege name="http://tizen.org/privilege/tizen" />
        <tizen:privilege name="http://tizen.org/privilege/application.read" />
        <tizen:privilege name="http://tizen.org/privilege/content.read" />
        <tizen:privilege name="http://tizen.org/privilege/content.write" />
        <icon src="icon.png"/>
-       <tizen:application id="samplemedi" required_version="1.0"/>
+       <tizen:application id="samplemedi.Mediacontent" package="samplemedi" required_version="2.1"/>
+       <tizen:setting screen-orientation="portrait" context-menu="disable" background-support="enable" encryption="disable" install-location="auto"/>
        <name>Mediacontent</name>
 </widget>
diff --git a/index.html b/index.html
index 92cf474..6b9cfd3 100755 (executable)
--- a/index.html
+++ b/index.html
@@ -5,44 +5,40 @@
        <meta name="description" content="Mediacontent API Tutorial"/>
 
        <title>Mediacontent</title>
-       <script src="tizen-web-ui-fw/latest/js/jquery.js"></script>
-       <script src="./js/config.js"></script>
-       <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.js"></script>
-       <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.js" data-framework-viewport-scale="false"></script>
+       <script src="tizen-web-ui-fw/latest/js/jquery.min.js"></script>
+       <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
+       <script src="tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js" data-framework-viewport-scale="false"></script>
        <script type="text/javascript" src="./js/main.js"></script>
        <link rel="stylesheet" type="text/css" href="./css/style.css"/>
 </head>
 
 <body>
+
        <div data-role="page" data-add-back-btn="true" id="main">
                <div data-role="header" data-position="fixed">
-                       <h1>Media Content</h1>
+                       <h1>MEDIA CONTENT</h1>
                </div>
 
                <div data-role="content">
                        <ul data-role="listview" id="folder-list">
                                <li data-role="list-divider">Storage type</li>
-                               <li class="ui-li-has-radio">
+                               <li id="folder-type-all">
                                        All
-                                       <input type="radio" name="folder-type" id="folder-type-all" value="ALL" checked="checked"/>
                                </li>
-                               <li class="ui-li-has-radio">
+                               <li id="folder-type-internal">
                                        INTERNAL
-                                       <input type="radio" name="folder-type" id="folder-type-internal" value="INTERNAL"/>
                                </li>
-                               <li class="ui-li-has-radio">
+                               <li id="folder-type-external">
                                        EXTERNAL
-                                       <input type="radio" name="folder-type" id="folder-type-external" value="EXTERNAL"/>
                                </li>
-                               <li data-role="list-divider">Folders</li>
+                               <li data-role="list-divider" id="folder-text">Folders</li>
                        </ul>
                </div>
 
                <div data-role="footer" data-position="fixed">
-                       <div data-role=
-"tabbar" data-style="toolbar">
+                       <div data-role="tabbar" data-style="toolbar">
                                <ul>
-                                       <li><a id="all-items">All items</a></li>
+                                       <li><a id="all-items">ALL ITEMS</a></li>
                                </ul>
                        </div>
                </div>
@@ -80,7 +76,7 @@
                        <div data-role=
 "tabbar" data-style="toolbar">
                                <ul>
-                                       <li><a id="batch-update">Increase last 3 items rating</a></li>
+                                       <li><a id="batch-update">INCREASE LAST 3 ITEMS RATING</a></li>
                                </ul>
                        </div>
                </div>
@@ -88,7 +84,7 @@
 
        <div data-role="page" data-add-back-btn="true" id="detail">
                <div data-role="header" data-position="fixed">
-                       <h1>Details</h1>
+                       <h1>DETAILS</h1>
                </div>
 
                <div data-role="content">
@@ -99,9 +95,6 @@
                <div data-role="footer" data-position="fixed">
                        <div data-role=
 "tabbar" data-style="toolbar">
-                               <ul>
-                                       <li><a id="update">Increase Rating</a></li>
-                               </ul>
                        </div>
                </div>
        </div>
diff --git a/js/main.js b/js/main.js
index 95dcf29..6313671 100644 (file)
--- a/js/main.js
+++ b/js/main.js
@@ -15,41 +15,44 @@
  */
 
 var gMediaSource, gMediaFolders, gMediaItems, gItemId, gFolderId, gMediaType = "ALL";
+var flagInit;
 
 $(document).delegate("#main", "pageinit", function() {
+       flagInit = false;
+
        $("#main .ui-btn-back").bind("vclick", function() {
                tizen.application.getCurrentApplication().exit();
                return false;
        });
 
-       $("#folder-list input").bind("change", function() {
-               if ($(this).prop("checked") == true) {
-                       showFolderList($(this).attr("value"));
-               }
+       $("#folder-type-all").bind("vclick", function() {
+               showFolderList("ALL");
+               $("#folder-type-all").css('color','red');
+               $("#folder-type-internal").css('color','black');
+               $("#folder-type-external").css('color','black');
        });
 
-       $("#folder-list").delegate("li", "vclick", function() {
-               var id = $(this).data("id");
-               if (id != null) {
-                       getFolderItems(Number(id), gMediaType);
-               }
-               return false;
+       $("#folder-type-internal").bind("vclick", function() {
+               showFolderList("INTERNAL");
+               $("#folder-type-all").css('color','black');
+               $("#folder-type-internal").css('color','red');
+               $("#folder-type-external").css('color','black');
+       });
+
+       $("#folder-type-external").bind("vclick", function() {
+               showFolderList("EXTERNAL");
+               $("#folder-type-all").css('color','black');
+               $("#folder-type-internal").css('color','black');
+               $("#folder-type-external").css('color','red');
        });
 
        $("#all-items").bind("vclick", function() {
                getFolderItems(null, gMediaType);
                return false;
        });
-
-       try {
-               gMediaSource = tizen.content;
-       } catch (exc) {
-               alert("getLocalMediaSource exc:" + exc.message);
-       }
-
-       getFolders();
 });
 
+
 $(document).delegate("#items", "pageinit", function() {
        $("#items").bind("pagebeforeshow", showItemList);
 
@@ -85,23 +88,6 @@ $(document).delegate("#detail", "pageinit", function() {
        });
 });
 
-function getFolders() {
-       function onGetFoldersSuccess(folders) {
-               gMediaFolders = folders;
-               showFolderList("ALL");
-       }
-
-       function onGetFoldersError(err) {
-               alert("GetFolders failed:" + err.message);
-       }
-
-       try {
-               gMediaSource.getDirectories(onGetFoldersSuccess, onGetFoldersError);
-       } catch (exc) {
-               alert("getFolders exc:" + exc.message);
-       }
-}
-
 function makeListItem(id, mainText, subText) {
        return '<li class="ui-li-has-multiline ui-li-text-ellipsis"'
                        + (id == null ? '' : ' data-id="'+ id +'"')
@@ -112,23 +98,57 @@ function makeListItem(id, mainText, subText) {
                        + '</span></li>';
 }
 
+function getFolders (storageType) {
+       try {
+               gMediaSource = tizen.content;
+               gMediaSource.getDirectories(onGetFoldersSuccess, onGetFoldersError);
+       } catch (exc) {
+               alert("getLocalMediaSource exc:" + exc.message);
+       }
+
+       function onGetFoldersSuccess(folders) {
+               $("#folder-list").delegate("li", "vclick", function() {
+                       var id = $(this).data("id");
+                       if (id != null) {
+                               getFolderItems(Number(id), gMediaType);
+                       }
+                       return false;
+               });
+
+               gMediaFolders = folders;
+               showFolderList(storageType);
+       }
+
+       function onGetFoldersError(err) {
+               alert("GetFolders failed:" + err.message);
+       }
+
+       flagInit = true;
+}
+
 function showFolderList(storageType) {
-       var str = '';
-       for (var i = 0; i < gMediaFolders.length; i++) {
-               if (storageType == "ALL" || storageType == gMediaFolders[i].storageType) {
-                       str += makeListItem(i, gMediaFolders[i].title, gMediaFolders[i].folderURI);
+
+       if(flagInit == false){
+               getFolders(storageType);
+       }
+       else{
+               var str = '';
+               for (var i = 0; i < gMediaFolders.length; i++) {
+                       if (storageType == "ALL" || storageType == gMediaFolders[i].storageType) {
+                               str += makeListItem(i, gMediaFolders[i].title, gMediaFolders[i].folderURI);
+                       }
                }
+               $("#folder-list>li[data-id]").remove();
+               $("#folder-list").append(str).trigger("create").listview("refresh");
        }
-       $("#folder-list>li[data-id]").remove();
-       $("#folder-list").append(str).trigger("create").listview("refresh");
 }
 
 
-
 function showItemList() {
        var str = '';
+       var title = gMediaFolders[gFolderId].title;
 
-       $("#items-title").html(gFolderId == null ? "All" : gMediaFolders[gFolderId].title);
+       $("#items-title").html(gFolderId == null ? "All" : title.toString().toUpperCase());
 
        for (var i = 0; i < gMediaItems.length; i++) {
                str += makeListItem(i, gMediaItems[i].title,
@@ -208,6 +228,7 @@ function showMediaDetail() {
                        + makeListItem(null, "Duration", item.duration + " Milliseconds");
        } else {
                alert("Invalid type");
+               window.history.back();
        }
 
        $("#media-details").html(str).trigger("create").listview("refresh");
Domain: Applications / Web Sample;