From 33192cfc2433b768f247b19ebdf4300a7ea57d6b Mon Sep 17 00:00:00 2001
From: LukePulverenti <luke.pulverenti@gmail.com>
Date: Wed, 6 Mar 2013 01:22:19 -0500
Subject: some very basic folder browsing

---
 .../Html/scripts/ItemDetailPage.js                 |  5 ++-
 .../Html/scripts/ItemListPage.js                   | 47 +++++++++++++++++++++-
 .../Html/scripts/LoginPage.js                      |  7 +---
 MediaBrowser.WebDashboard/Html/scripts/site.js     | 14 ++++---
 4 files changed, 61 insertions(+), 12 deletions(-)

(limited to 'MediaBrowser.WebDashboard/Html/scripts')

diff --git a/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js b/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js
index e5629f217..ec14d5ec4 100644
--- a/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js
+++ b/MediaBrowser.WebDashboard/Html/scripts/ItemDetailPage.js
@@ -2,12 +2,15 @@
 
     onPageShow: function () {
 
+        ItemDetailPage.reload();
+    },
+    
+    reload: function() {
         var id = getParameterByName('id');
 
         Dashboard.showLoadingMsg();
 
         ApiClient.getItem(Dashboard.getCurrentUserId(), id).done(ItemDetailPage.renderItem);
-
     },
 
     renderItem: function (item) {
diff --git a/MediaBrowser.WebDashboard/Html/scripts/ItemListPage.js b/MediaBrowser.WebDashboard/Html/scripts/ItemListPage.js
index 5f282702b..bf89fa813 100644
--- a/MediaBrowser.WebDashboard/Html/scripts/ItemListPage.js
+++ b/MediaBrowser.WebDashboard/Html/scripts/ItemListPage.js
@@ -1 +1,46 @@
-
\ No newline at end of file
+var ItemListPage = {
+  
+    onPageShow: function () {
+
+        ItemListPage.reload();
+    },
+
+    reload: function () {
+
+        var userId = Dashboard.getCurrentUserId();
+
+        var parentId = getParameterByName('parentId');
+
+        var query = {};
+        
+        if (parentId) {
+            query.parentId = parentId;
+            
+            ApiClient.getItem(userId, parentId).done(ItemListPage.renderTitle);
+        }
+
+        ApiClient.getItems(userId, query).done(ItemListPage.renderItems);
+    },
+    
+    renderItems: function(result) {
+
+        var items = result.Items;
+
+        var renderOptions = {
+          
+            items: items
+        };
+
+        var html = Dashboard.getPosterViewHtml(renderOptions);
+
+        $('#listItems', $.mobile.activePage).html(html);
+    },
+    
+    renderTitle: function (item) {
+        
+
+        $('#itemName', $.mobile.activePage).html(item.Name);
+    }
+};
+
+$(document).on('pageshow', "#itemListPage", ItemListPage.onPageShow);
diff --git a/MediaBrowser.WebDashboard/Html/scripts/LoginPage.js b/MediaBrowser.WebDashboard/Html/scripts/LoginPage.js
index ca4677e04..ac4570f08 100644
--- a/MediaBrowser.WebDashboard/Html/scripts/LoginPage.js
+++ b/MediaBrowser.WebDashboard/Html/scripts/LoginPage.js
@@ -62,7 +62,7 @@
 
             var background = Dashboard.getRandomMetroColor();
 
-            html += '<div class="posterViewItem">';
+            html += '<div class="posterViewItem posterViewItemWithDualText">';
 
             if (user.HasPassword) {
                 html += "<a id='" + linkId + "' data-userid='" + user.Id + "' data-username='" + user.Name + "' href='#popupLogin' data-rel='popup' onclick='LoginPage.authenticatingLinkId=this.id;' \">";
@@ -83,10 +83,8 @@
                 html += '<img style="background:' + background + ';" src="css/images/logindefault.png"/>';
             }
 
+            html += '<div class="posterViewItemText posterViewItemPrimaryText">' + user.Name + '</div>';
             html += '<div class="posterViewItemText">';
-
-            html += '<div>' + user.Name + '</div>';
-            html += '<div>';
             var lastSeen = LoginPage.getLastSeenText(user.LastActivityDate);
             if (lastSeen != "") {
                 html += lastSeen;
@@ -96,7 +94,6 @@
             }
             html += '</div>';
 
-            html += '</div>';
             html += '</a>';
 
             html += '</div>';
diff --git a/MediaBrowser.WebDashboard/Html/scripts/site.js b/MediaBrowser.WebDashboard/Html/scripts/site.js
index 1f3c301af..94e3390d3 100644
--- a/MediaBrowser.WebDashboard/Html/scripts/site.js
+++ b/MediaBrowser.WebDashboard/Html/scripts/site.js
@@ -414,9 +414,13 @@ var Dashboard = {
 
             var hasPrimaryImage = item.ImageTags && item.ImageTags.Primary;
 
-            var href = item.IsFolder ? "#" : "itemDetails.html?id=" + item.Id;
+            var href = item.IsFolder ? (item.Id ? "itemList.html?parentId=" + item.Id : "#") : "itemDetails.html?id=" + item.Id;
 
-            html += "<div class='posterViewItem'><a href='" + href + "'>";
+            var showText = options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season' && item.Type !== 'Trailer');
+
+            var cssClass = showText ? "posterViewItem" : "posterViewItem posterViewItemWithNoText";
+
+            html += "<div class='" + cssClass + "'><a href='" + href + "'>";
 
             if (options.preferBackdrop && item.BackdropImageTags && item.BackdropImageTags.length) {
                 html += "<img src='" + ApiClient.getImageUrl(item.Id, {
@@ -443,10 +447,10 @@ var Dashboard = {
                 html += "<img style='background:" + Dashboard.getRandomMetroColor() + ";' src='css/images/defaultCollectionImage.png' />";
             }
 
-            if (options.showTitle || !hasPrimaryImage || (item.Type !== 'Movie' && item.Type !== 'Series' && item.Type !== 'Season')) {
+            if (showText) {
                 html += "<div class='posterViewItemText'>";
-                html += "<div>" + item.Name + "</div>";
-                html += "</div>"
+                html += item.Name;
+                html += "</div>";
             }
 
             html += "</a></div>";
-- 
cgit v1.2.3