From 9e05644d21a7530e55df1bf652e5523532d63e25 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Mon, 29 Jul 2013 11:05:09 -0400
Subject: [PATCH] fixes #393 - Enhance offline display

---
 dashboard-ui/itemdetails.html                |  8 +++++++-
 dashboard-ui/scripts/Itemdetailpage.js       | 10 ++++++++--
 dashboard-ui/scripts/itembynamedetailpage.js |  4 ++--
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index a868d73313..b62695f9bd 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -103,7 +103,10 @@
                 <table class="detailPageContent primaryDetailPageContent">
                     <tr>
                         <td style="vertical-align: top; padding: 10px 1em 10px 0;">
-                            <div id="itemImage" class="itemImageContainer"></div>
+                            <div class="itemImageContainer">
+                                <div id="itemImage">
+                                </div>
+                            </div>
                         </td>
                         <td style="vertical-align: top; padding: 0; position: relative;">
                             <p><span class="itemName"></span><span class="itemMiscInfo" style="display: inline;"></span></p>
@@ -123,6 +126,9 @@
             <a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide">Next →</a>
         </div>
         <div class="ui-body-a" style="text-align: center; padding: .25em 0 .5em;">
+            <span id="offlineIndicator" style="margin-left: .5em; display: none;">
+                <span style="background: #cc3333; padding: 5px 1em; border-radius: 5px;">OFFLINE</span>
+            </span>
             <span id="playButtonContainer" style="display: none;">
                 <button id="btnPlay" type="button" data-icon="play" data-inline="true" data-mini="true">Play</button>
             </span>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index 425707b1cf..da87650e36 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -24,7 +24,13 @@
             renderDetails(page, item, context);
             LibraryBrowser.renderDetailPageBackdrop(page, item);
 
-            if (MediaPlayer.canPlay(item)) {
+            if (item.LocationType == "Offline") {
+                $('#offlineIndicator', page).show();
+            } else {
+                $('#offlineIndicator', page).hide();
+            }
+
+            if (MediaPlayer.canPlay(item) && item.LocationType !== "Offline") {
                 $('#playButtonContainer', page).show();
             } else {
                 $('#playButtonContainer', page).hide();
@@ -32,7 +38,7 @@
 
             Dashboard.getCurrentUser().done(function (user) {
 
-                if (user.Configuration.IsAdministrator) {
+                if (user.Configuration.IsAdministrator && item.LocationType !== "Offline") {
                     $('#editButtonContainer', page).show();
                 } else {
                     $('#editButtonContainer', page).hide();
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index 12303024e1..1dfd4ffb25 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -57,7 +57,7 @@
 
             renderHeader(page, item);
 
-            name = item.Name;
+            var name = item.Name;
 
             $('#itemImage', page).html(LibraryBrowser.getDetailImageHtml(item));
 
@@ -83,7 +83,7 @@
 
             Dashboard.getCurrentUser().done(function (user) {
 
-                if (user.Configuration.IsAdministrator) {
+                if (user.Configuration.IsAdministrator && item.LocationType !== "Offline") {
                     $('#editButtonContainer', page).show();
                 } else {
                     $('#editButtonContainer', page).hide();