[Mediacontent]update Mediacontent(tizen_2.1)

[samples/web/Mediacontent.git] / js / main.js

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");