consolidate itembyname detail js

dashboard-ui/scripts/boxset.js

@@ -1,127 +1,28 @@
-var BoxsetPage = {
+(function ($, document, LibraryBrowser) {
 
-    onPageShow: function () {
+    function reload(page) {
 
-        BoxsetPage.reload();
-    },
-
-    onPageHide: function () {
-
-        BoxsetPage.item = null;
-    },
-
-    reload: function () {
         var id = getParameterByName('id');
 
         Dashboard.showLoadingMsg();
 
-        ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(BoxsetPage.renderItem);
+        ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(function (item) {
-    },
-
-    renderItem: function (item) {
-
-        BoxsetPage.item = item;
-
-        var page = $.mobile.activePage;
-
-        BoxsetPage.item = item;
 
             var name = item.Name;
 
-        if (item.IndexNumber != null) {
+            $('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
-            name = item.IndexNumber + " - " + name;
-        }
-        if (item.ParentIndexNumber != null) {
-            name = item.ParentIndexNumber + "." + name;
-        }
 
             Dashboard.setPageTitle(name);
 
-        BoxsetPage.renderImage(item);
-        BoxsetPage.renderOverviewBlock(item);
-
             $('#itemName', page).html(name);
 
-        if (item.SeriesName || item.Album) {
+            renderDetails(page, item);
-            var series_name = item.SeriesName || item.Album;
-            $('#seriesName', page).html(series_name).show();
-        }
-
-        BoxsetPage.renderFav(item);
-	    LibraryBrowser.renderLinks(item);
 
             Dashboard.hideLoadingMsg();
-    },
-
-    renderImage: function (item) {
-
-        var page = $.mobile.activePage;
-
-        var imageTags = item.ImageTags || {};
-
-        var html = '';
-
-        var url;
-        var useBackgroundColor;
-
-        if (imageTags.Primary) {
-
-            url = ApiClient.getImageUrl(item.Id, {
-                type: "Primary",
-                width: 800,
-                tag: item.ImageTags.Primary
         });
     }
-        else if (item.BackdropImageTags && item.BackdropImageTags.length) {
 
-            url = ApiClient.getImageUrl(item.Id, {
+    function renderDetails(page, item) {
-                type: "Backdrop",
-                width: 800,
-                tag: item.BackdropImageTags[0]
-            });
-        }
-        else if (imageTags.Thumb) {
-
-            url = ApiClient.getImageUrl(item.Id, {
-                type: "Thumb",
-                width: 800,
-                tag: item.ImageTags.Thumb
-            });
-        }
-        else if (imageTags.Disc) {
-
-            url = ApiClient.getImageUrl(item.Id, {
-                type: "Disc",
-                width: 800,
-                tag: item.ImageTags.Disc
-            });
-        }
-        else if (item.MediaType == "Audio") {
-            url = "css/images/items/detail/audio.png";
-            useBackgroundColor = true;
-        }
-        else if (item.MediaType == "Game") {
-            url = "css/images/items/detail/game.png";
-            useBackgroundColor = true;
-        }
-        else {
-            url = "css/images/items/detail/video.png";
-            useBackgroundColor = true;
-        }
-
-        if (url) {
-
-            var style = useBackgroundColor ? "background-color:" + LibraryBrowser.getMetroColor(item.Id) + ";" : "";
-
-            html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
-        }
-
-        $('#itemImage', page).html(html);
-    },
-
-    renderOverviewBlock: function (item) {
-
-        var page = $.mobile.activePage;
 
         if (item.Taglines && item.Taglines.length) {
             $('#itemTagline', page).html(item.Taglines[0]).show();
@@ -146,42 +47,50 @@
             $('#itemCommunityRating', page).hide();
         }
 
-        var miscInfo = [];
+        $('#itemMiscInfo', page).html(LibraryBrowser.getMiscInfoHtml(item));
 
-        if (item.ProductionYear) {
+        renderGenres(page, item);
-            miscInfo.push(item.ProductionYear);
+        renderStudios(page, item);
+        renderUserDataIcons(page, item);
+        renderLinks(page, item);
     }
 
-        if (item.OfficialRating) {
+    function renderLinks(page, item) {
-            miscInfo.push(item.OfficialRating);
+        if (item.ProviderIds) {
+
+            $('#itemLinks', page).html(LibraryBrowser.getLinksHtml(item));
+
+        } else {
+            $('#itemLinks', page).hide();
+        }
     }
 
-        if (item.RunTimeTicks) {
+    function renderStudios(page, item) {
 
-            var minutes = item.RunTimeTicks / 600000000;
+        if (item.Studios && item.Studios.length) {
 
-            minutes = minutes || 1;
+            var elem = $('#itemStudios', page).show();
 
-            miscInfo.push(parseInt(minutes) + "min");
+            var html = 'Studios:&nbsp;&nbsp;';
+
+            for (var i = 0, length = item.Studios.length; i < length; i++) {
+
+                if (i > 0) {
+                    html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
                 }
 
-        if (item.DisplayMediaType) {
+                html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
-            miscInfo.push(item.DisplayMediaType);
             }
 
-        if (item.VideoFormat && item.VideoFormat !== 'Standard') {
+            elem.html(html).trigger('create');
-            miscInfo.push(item.VideoFormat);
+
+
+        } else {
+            $('#itemStudios', page).hide();
+        }
     }
 
-        $('#itemMiscInfo', page).html(miscInfo.join('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'));
+    function renderGenres(page, item) {
-
-        BoxsetPage.renderGenres(item);
-        BoxsetPage.renderStudios(item);
-    },
-
-    renderGenres: function (item) {
-
-        var page = $.mobile.activePage;
 
         if (item.Genres && item.Genres.length) {
             var elem = $('#itemGenres', page).show();
@@ -203,124 +112,15 @@
         } else {
             $('#itemGenres', page).hide();
         }
-    },
-
-    renderStudios: function (item) {
-
-        var page = $.mobile.activePage;
-
-        if (item.Studios && item.Studios.length) {
-            var elem = $('#itemStudios', page).show();
-
-            var html = 'Studios:&nbsp;&nbsp;';
-
-            for (var i = 0, length = item.Studios.length; i < length; i++) {
-
-                if (i > 0) {
-                    html += '&nbsp;&nbsp;/&nbsp;&nbsp;';
     }
 
-                html += '<a href="itembynamedetails.html?studio=' + item.Studios[i] + '">' + item.Studios[i] + '</a>';
+    function renderUserDataIcons(page, item) {
+        $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
     }
 
-            elem.html(html).trigger('create');
+    $(document).on('pageshow', "#boxsetPage", function () {
+        reload(this);
+    });
 
 
-        } else {
+})(jQuery, document, LibraryBrowser);
-            $('#itemStudios', page).hide();
-        }
-    },
-
-    renderFav: function (item) {
-        var html = '';
-        var page = $.mobile.activePage;
-
-        var userData = item.UserData || {};
-
-        if (typeof userData.Likes == "undefined") {
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
-        } else if (userData.Likes) {
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" onclick="ItemDetailPage.clearLike();" />';
-        } else {
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.clearLike();" />';
-            html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
-        }
-
-        if (userData.IsFavorite) {
-            html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
-        } else {
-            html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
-        }
-
-        $('#itemRatings', page).html(html);
-    },
-
-    setFavorite: function () {
-        var item = BoxsetPage.item;
-
-        item.UserData = item.UserData || {};
-
-        var setting = !item.UserData.IsFavorite;
-        item.UserData.IsFavorite = setting;
-
-        ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
-
-        BoxsetPage.renderFav(item);
-    },
-
-    setLike: function () {
-
-        var item = BoxsetPage.item;
-
-        item.UserData = item.UserData || {};
-
-        item.UserData.Likes = true;
-
-        ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
-
-        BoxsetPage.renderFav(item);
-    },
-
-    clearLike: function () {
-
-        var item = BoxsetPage.item;
-
-        item.UserData = item.UserData || {};
-
-        item.UserData.Likes = undefined;
-
-        ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
-
-        BoxsetPage.renderFav(item);
-    },
-
-    setDislike: function () {
-        var item = BoxsetPage.item;
-
-        item.UserData = item.UserData || {};
-
-        item.UserData.Likes = false;
-
-        ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
-
-        BoxsetPage.renderFav(item);
-    },
-
-    setPlayed: function () {
-        var item = BoxsetPage.item;
-
-        item.UserData = item.UserData || {};
-
-        var setting = !item.UserData.Played;
-        item.UserData.Played = setting;
-
-        ApiClient.updatePlayedStatus(Dashboard.getCurrentUserId(), item.Id, setting);
-
-        BoxsetPage.renderFav(item);
-    }
-
-};
-
-$(document).on('pageshow', "#boxsetPage", BoxsetPage.onPageShow).on('pagehide', "#boxsetPage", BoxsetPage.onPageHide);

dashboard-ui/scripts/itembynamedetailpage.js

@@ -1,206 +1,76 @@
-var ItemByNameDetailPage = {
+(function ($, document, LibraryBrowser) {
 
-    onPageShow: function () {
+    function reload(page) {
-        ItemByNameDetailPage.reload();
-    },
-
-    reload: function () {
 
         Dashboard.showLoadingMsg();
 
+        var getItemPromise;
+
         var person = getParameterByName('person');
 
         if (person) {
-            ApiClient.getPerson(person).done(ItemByNameDetailPage.renderItem);
+            getItemPromise = ApiClient.getPerson(person);
-            return;
         }
 
-        var studio = getParameterByName('studio');
+        else if (getParameterByName('studio')) {
-
+            getItemPromise = ApiClient.getStudio(getParameterByName('studio'));
-        if (studio) {
+        }
-            ApiClient.getStudio(studio).done(ItemByNameDetailPage.renderItem);
+        else if (getParameterByName('genre')) {
-            return;
+            getItemPromise = ApiClient.getGenre(getParameterByName('genre'));
+        } else {
+            throw new Error('Invalid request');
         }
 
-        var genre = getParameterByName('genre');
+        getItemPromise.done(function (item) {
 
-        if (genre) {
-            ApiClient.getGenre(genre).done(ItemByNameDetailPage.renderItem);
-            return;
-        }
-    },
-
-    renderItem: function (item) {
-
-        var page = $.mobile.activePage;
             var name = item.Name;
 
+            $('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
+
             Dashboard.setPageTitle(name);
 
-	    ItemByNameDetailPage.item = item;
-
-        ItemByNameDetailPage.renderImage(item);
-        ItemByNameDetailPage.renderOverviewBlock(item);
-	    ItemByNameDetailPage.renderFav(item);
-	    LibraryBrowser.renderLinks(item);
-
             $('#itemName', page).html(name);
 
+            renderDetails(page, item);
+
             Dashboard.hideLoadingMsg();
-    },
-
-    renderImage: function (item) {
-
-        var page = $.mobile.activePage;
-        var imageTags = item.ImageTags || {};
-        var html = '';
-        var url;
-        var useBackgroundColor;
-
-        if (item.Type == "Person") {
-            if (imageTags.Primary) {
-
-                url = ApiClient.getPersonImageUrl(item.Name, {
-                    width: 800,
-                    tag: imageTags.Primary,
-                    type: "primary"
         });
-
-            } else {
-                url = 'css/images/items/list/person.png';
-                useBackgroundColor = true;
-            }
-        }else if (item.Type == "Studio") {
-            if (imageTags.Primary) {
-
-                url = ApiClient.getStudioImageUrl(item.Name, {
-                    width: 800,
-                    tag: item.PrimaryImageTag,
-                    type: "primary"
-                });
-
-            } else {
-                url = 'css/images/items/detail/video.png';
-                useBackgroundColor = true;
-            }
-        }else if (item.Type == "Genre") {
-            if (imageTags.Primary) {
-
-                url = ApiClient.getGenreImageUrl(item.Name, {
-                    width: 800,
-                    tag: item.PrimaryImageTag,
-                    type: "primary"
-                });
-
-            } else {
-                url = 'css/images/items/detail/video.png';
-                useBackgroundColor = true;
-            }
     }
 
-        if (url) {
+    function renderDetails(page, item) {
-            var style = useBackgroundColor ? "background-color:" + LibraryBrowser.getMetroColor(item.Id) + ";" : "";
-
-            html += "<img class='itemDetailImage' src='" + url + "' style='" + style + "' />";
-        }
-
-        $('#itemImage', page).html(html);
-    },
-
-    renderOverviewBlock: function (item) {
-
-        var page = $.mobile.activePage;
 
         if (item.Overview || item.OverviewHtml) {
             var overview = item.OverviewHtml || item.Overview;
 
             $('#itemOverview', page).html(overview).show();
-            $('#itemOverview a').each(function(){
+            $('#itemOverview a').each(function () {
-                $(this).attr("target","_blank");
+                $(this).attr("target", "_blank");
             });
         } else {
             $('#itemOverview', page).hide();
         }
 
-    },
+        renderUserDataIcons(page, item);
+        renderLinks(page, item);
+    }
 
-	renderFav: function (item) {
+    function renderLinks(page, item) {
-		var html = '';
+        if (item.ProviderIds) {
-		var page = $.mobile.activePage;
 
-		var userData = item.UserData || {};
+            $('#itemLinks', page).html(LibraryBrowser.getLinksHtml(item));
 
-		if (typeof userData.Likes == "undefined") {
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
-		} else if (userData.Likes) {
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_off.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.setDislike();" />';
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_on.png" alt="Liked" title="Like" onclick="ItemDetailPage.clearLike();" />';
         } else {
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_down_on.png" alt="Dislike" title="Dislike" onclick="ItemDetailPage.clearLike();" />';
+            $('#itemLinks', page).hide();
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/thumbs_up_off.png" alt="Like" title="Like" onclick="ItemDetailPage.setLike();" />';
+        }
     }
 
-		if (userData.IsFavorite) {
+    function renderUserDataIcons(page, item) {
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/heart_on.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
+        $('#itemRatings', page).html(LibraryBrowser.getUserDataIconsHtml(item));
-		} else {
-		    html += '<img class="imgUserItemRating" src="css/images/userdata/heart_off.png" alt="Favorite" title="Favorite" onclick="ItemDetailPage.setFavorite();" />';
     }
 
-		$('#itemRatings', page).html(html);
+    $(document).on('pageshow', "#itemByNameDetailPage", function () {
-	},
+        reload(this);
+    });
 
-	setFavorite: function () {
-		var item = ItemByNameDetailPage.item;
-/*
-		item.UserData = item.UserData || {};
 
-		var setting = !item.UserData.IsFavorite;
+})(jQuery, document, LibraryBrowser);
-		item.UserData.IsFavorite = setting;
-
-		ApiClient.updateFavoriteStatus(Dashboard.getCurrentUserId(), item.Id, setting);
-*/
-		ItemByNameDetailPage.renderFav(item);
-	},
-
-	setLike: function () {
-
-		var item = ItemDetailPage.item;
-/*
-		item.UserData = item.UserData || {};
-
-		item.UserData.Likes = true;
-
-		ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, true);
-*/
-		ItemByNameDetailPage.renderFav(item);
-	},
-
-	clearLike: function () {
-
-		var item = ItemDetailPage.item;
-/*
-		item.UserData = item.UserData || {};
-
-		item.UserData.Likes = undefined;
-
-		ApiClient.clearUserItemRating(Dashboard.getCurrentUserId(), item.Id);
-*/
-		ItemByNameDetailPage.renderFav(item);
-	},
-
-	setDislike: function () {
-		var item = ItemDetailPage.item;
-/*
-		item.UserData = item.UserData || {};
-
-		item.UserData.Likes = false;
-
-		ApiClient.updateUserItemRating(Dashboard.getCurrentUserId(), item.Id, false);
-*/
-		ItemByNameDetailPage.renderFav(item);
-	}
-
-};
-
-$(document).on('pageshow', "#itemByNameDetailPage", ItemByNameDetailPage.onPageShow);

dashboard-ui/scripts/librarybrowser.js

@@ -632,6 +632,7 @@
     },
 
     getDetailImageHtml: function (item) {
+        
         var imageTags = item.ImageTags || {};
 
         var html = '';
@@ -641,12 +642,35 @@
 
         if (imageTags.Primary) {
 
+            if (item.Type == "Person") {
+                url = ApiClient.getPersonImageUrl(item.Name, {
+                    width: 800,
+                    tag: imageTags.Primary,
+                    type: "primary"
+                });
+            }
+            else if (item.Type == "Genre") {
+                url = ApiClient.getGenreImageUrl(item.Name, {
+                    width: 800,
+                    tag: imageTags.Primary,
+                    type: "primary"
+                });
+            }
+            else if (item.Type == "Studio") {
+                url = ApiClient.getStudioImageUrl(item.Name, {
+                    width: 800,
+                    tag: imageTags.Primary,
+                    type: "primary"
+                });
+            }
+            else {
                 url = ApiClient.getImageUrl(item.Id, {
                     type: "Primary",
                     width: 800,
                     tag: item.ImageTags.Primary
                 });
             }
+        }
         else if (item.BackdropImageTags && item.BackdropImageTags.length) {
 
             url = ApiClient.getImageUrl(item.Id, {

dashboard-ui/scripts/tvseries.js

@@ -1,7 +1,5 @@
 (function ($, document, LibraryBrowser) {
 
-    var currentItem;
-
     function reload(page) {
 
         var id = getParameterByName('id');
@@ -10,8 +8,6 @@
 
         ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(function (item) {
 
-            currentItem = item;
-
             var name = item.Name;
 
             $('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
@@ -123,12 +119,7 @@
     }
 
     $(document).on('pageshow', "#tvSeriesPage", function () {
-
         reload(this);
-
-    }).on('pagehide', "#tvSeriesPage", function () {
-
-        currentItem = null;
     });