js/main.js

   1 /*
   2  *        Copyright 2012  Samsung Electronics Co., Ltd
   3  *
   4  *        Licensed under the Flora License, Version 1.1 (the "License");
   5  *        you may not use this file except in compliance with the License.
   6  *        You may obtain a copy of the License at
   7  *
   8  *                        http://floralicense.org/license
   9  *
  10  *        Unless required by applicable law or agreed to in writing, software
  11  *        distributed under the License is distributed on an "AS IS" BASIS,
  12  *        WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  *        See the License for the specific language governing permissions and
  14  *        limitations under the License.
  15  */
  16
  17 var gMediaSource, gMediaFolders, gMediaItems, gItemId, gFolderId,
  18 gMediaType = "ALL", gStorageType, gFlagInit, gSpan = $('<span/>');
  19
  20 $(document).delegate("#main", "pageinit", function() {
  21         var highlightStoragetype =  function (storageType) {
  22                 $("#folder-list li").each(function(){
  23                         $(this).removeClass("storagetypeHighlight");
  24                 });
  25                 if (storageType == "ALL") $("#folder-type-all").addClass("storagetypeHighlight");
  26                 else if (storageType == "INTERNAL") $("#folder-type-internal").addClass("storagetypeHighlight");
  27                 else if (storageType == "EXTERNAL") $("#folder-type-external").addClass("storagetypeHighlight");
  28         };
  29
  30         gFlagInit = false;
  31
  32         gStorageType = gMediaType;
  33
  34         $("#folder-type-all").bind("click", function() {
  35                 showFolderList("ALL");
  36                 highlightStoragetype("ALL");
  37         });
  38
  39         $("#folder-type-internal").bind("click", function() {
  40                 showFolderList("INTERNAL");
  41                 highlightStoragetype("INTERNAL");
  42         });
  43
  44         $("#folder-type-external").bind("click", function() {
  45                 showFolderList("EXTERNAL");
  46                 highlightStoragetype("EXTERNAL");
  47         });
  48
  49         onContentChange();
  50 });
  51
  52 $(document).delegate("#items", "pageinit", function() {
  53         $("#items").bind("pagebeforeshow", showItemList);
  54
  55         $("#items-list input").bind("change", function() {
  56                 if ($(this).prop("checked") == true) {
  57                         gMediaType = $(this).attr("value");
  58                         getFolderItems(gFolderId, gMediaType);
  59                 }
  60         });
  61
  62         $("#items-list").delegate("li", "click", function() {
  63                 var id = $(this).data("id");
  64                 if (id != null) {
  65                         gItemId = Number(id);
  66                         $.mobile.changePage("#detail");
  67                 }
  68                 return false;
  69         });
  70 });
  71
  72 $(document).delegate("#detail", "pageinit", function() {
  73         $("#detail").bind("pagebeforeshow", showMediaDetail);
  74 });
  75
  76 $(window).on('tizenhwkey', function (e) {
  77         if (e.originalEvent.keyName === "back") {
  78                 if ($.mobile.activePage.attr('id') === 'main') {
  79                         tizen.application.getCurrentApplication().exit();
  80                 } else {
  81                         history.back();
  82                 }
  83         }
  84 });
  85
  86 function setLastStorage(storageType) {
  87         gStorageType = storageType;
  88 }
  89
  90 function makeListItem(id, mainText, subText) {
  91         return '<li class="ui-li-has-multiline ui-li-text-ellipsis"'
  92                         + (id == null ? '' : ' data-id="'+ id +'"')
  93                         + '>'
  94                         + stripTags(mainText)
  95                         + '<span class="ui-li-text-sub">'
  96                         + stripTags(subText)
  97                         + '</span></li>';
  98 }
  99
 100 function stripTags(str) {
 101         return gSpan.text(str).html();
 102 }
 103
 104 function getFolders (storageType) {
 105         try {
 106                 gMediaSource = tizen.content;
 107                 gMediaSource.getDirectories(onGetFoldersSuccess, onGetFoldersError);
 108         } catch (exc) {
 109                 alert("getLocalMediaSource exc:" + exc.message);
 110         }
 111
 112         function onGetFoldersSuccess(folders) {
 113                 $("#file-list").delegate("li", "vclick", function() {
 114                         var id = $(this).data("id");
 115                         if (id != null) {
 116                                 getFolderItems(Number(id), gMediaType);
 117                         }
 118                         return false;
 119                 });
 120
 121                 gMediaFolders = folders;
 122                 showFolderList(storageType);
 123         }
 124
 125         function onGetFoldersError(err) {
 126                 alert("GetFolders failed:" + err.message);
 127         }
 128
 129         gFlagInit = true;
 130 }
 131
 132 function onContentChange() {
 133         tizen.systeminfo.addPropertyValueChangeListener('STORAGE', function() {
 134                 getFolders(gStorageType);
 135         });
 136 }
 137
 138 function showFolderList(storageType) {
 139         setLastStorage(storageType);
 140
 141         if(gFlagInit == false){
 142                 getFolders(storageType);
 143         }
 144         else{
 145                 var str = '',
 146                         gMF = gMediaFolders.length,
 147                         i;
 148                 for ( i = 0; i < gMF; i++) {
 149                         if (storageType == "ALL" || storageType == gMediaFolders[i].storageType) {
 150                                 str += makeListItem(i, gMediaFolders[i].title, gMediaFolders[i].directoryURI);
 151                         }
 152                 }
 153                 $("#file-list").empty().hide().append(str).listview("refresh").show();
 154         }
 155 }
 156
 157
 158 function showItemList() {
 159         var str = '', title, i, gMediaLen;
 160         try {
 161                 title = gMediaFolders[gFolderId].title;
 162                 $("#items-title").html(gFolderId == null ? "All" : title.toString());
 163
 164                 gMediaLen = gMediaItems.length;
 165                 for (i = 0; i < gMediaLen; i += 1) {
 166                         str += makeListItem(i, gMediaItems[i].title,
 167                                         gMediaItems[i].type + "  Rating: " + gMediaItems[i].rating);
 168                 }
 169
 170                 $("#items-list > li[data-id]").remove();
 171                 $("#items-list").append(str).trigger("create").listview("refresh");
 172         } catch (exc) {
 173                 gMediaType = gStorageType = "ALL";
 174                 $("#folder-list li").removeClass("storagetypeHighlight");
 175                 $("#folder-type-all").addClass("storagetypeHighlight");
 176                 $.mobile.changePage("#main");
 177         }
 178 }
 179
 180 function getFolderItems(folderId, mediaType) {
 181         function onFindItemsSuccess(items) {
 182                 gMediaItems = items;
 183                 gFolderId = folderId;
 184                 gMediaType = mediaType;
 185
 186                 if($.mobile.activePage.attr("id") == "items") {
 187                         showItemList();
 188                 } else {
 189                         $.mobile.changePage("#items");
 190                 }
 191         }
 192
 193         function onFindItemsError(err) {
 194                 alert("getFolderItems findItems failed: " + err.message);
 195         }
 196
 197         try {
 198                 gMediaSource.find(onFindItemsSuccess, onFindItemsError,
 199                                 folderId == null ? null : gMediaFolders[folderId].id,
 200                                 mediaType == "ALL" ? null : new tizen.AttributeFilter("type", "EXACTLY", mediaType),
 201                                 new tizen.SortMode("title", "ASC"));
 202         } catch (exc) {
 203                 //alert("findItems exc:" + exc.message);
 204         }
 205 }
 206
 207 function makeCommonPropertiesListItems(item) {
 208         return makeListItem(null, "Title", item.title)
 209                         + makeListItem(null, "Size", item.size + " Bytes")
 210                         + makeListItem(null, "Type", item.type)
 211                         + makeListItem(null, "Identifier", item.id)
 212                         + makeListItem(null, "Item URI", item.contentURI)
 213                         + makeListItem(null, "MIME type", item.mimeType)
 214                         + makeListItem(null, "Modified date", item.modifiedDate)
 215                         + makeListItem(null, "Description", item.description)
 216                         + makeListItem(null, "Rating", item.rating);
 217 }
 218
 219 function showMediaDetail() {
 220         var str, item = gMediaItems[gItemId];
 221         if (item.type == "IMAGE") {
 222                 str = makeCommonPropertiesListItems(item)
 223                         + makeListItem(null, "Width", item.width)
 224                         + makeListItem(null, "Height", item.height);
 225                 if (item.geolocation) {
 226                         str += makeListItem(null, "Latitude", item.geolocation.latitude)
 227                                 + makeListItem(null, "Longitude", item.geolocation.longitude);
 228                 }
 229         } else if (item.type == "VIDEO") {
 230                 str = makeCommonPropertiesListItems(item)
 231                         + makeListItem(null, "Width", item.width)
 232                         + makeListItem(null, "Height", item.height)
 233                         + makeListItem(null, "Album", item.album)
 234                         + makeListItem(null, "Artist", item.artists[0])
 235                         + makeListItem(null, "Duration", item.duration + " Milliseconds");
 236         } else if (item.type == "AUDIO") {
 237                 str = makeCommonPropertiesListItems(item)
 238                         + makeListItem(null, "Album", item.album)
 239                         + makeListItem(null, "Artist", item.artists[0])
 240                         + makeListItem(null, "Composer", item.composers[0])
 241                         + makeListItem(null, "Genre", item.genres[0])
 242                         + makeListItem(null, "Copyright", item.copyright)
 243                         + makeListItem(null, "Bitrate", item.bitrate + " Bps")
 244                         + makeListItem(null, "Track number", item.trackNumber)
 245                         + makeListItem(null, "Duration", item.duration + " Milliseconds");
 246         } else {
 247                 str = makeCommonPropertiesListItems(item);
 248         }
 249
 250         $("#media-details").html(str).trigger("create").listview("refresh");
 251 }
 252