From b2a4c7ea740261c51661ef9c4c6c66dc5852a895 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Mon, 6 May 2013 23:00:24 -0400
Subject: [PATCH] display tags on detail page

---
 dashboard-ui/css/librarybrowser.css    |  8 ++++++++
 dashboard-ui/itemdetails.html          |  2 +-
 dashboard-ui/scripts/Itemdetailpage.js | 23 ++++++++++++++++++++++-
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index dc3eda9261..a9dd5809b2 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -141,6 +141,14 @@
     display: block;
 }
 
+.itemTag {
+    display: inline-block;
+    background-color: #999;
+    border-radius: 4px;
+    padding: 3px 5px;
+    font-size: 13px;
+    margin: 0 5px 0 0;
+}
 
 
 @media all and (min-width: 750px) {
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 7ef32d9651..96b7f14a07 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -133,7 +133,7 @@
                         <p id="itemGenres"></p>
                         <p id="itemStudios"></p>
                         <p id="itemLinks"></p>
-
+                        <p id="itemTags"></p>
                         <p id="criticRatingSummary" class="criticRatingSummary" style="display: none;">
                             <span class="criticRatingSummaryHeader">The bottom line</span>
                             <span id="criticRatingSummaryText"></span>
diff --git a/dashboard-ui/scripts/Itemdetailpage.js b/dashboard-ui/scripts/Itemdetailpage.js
index d00ee9ffe6..6e15c042a7 100644
--- a/dashboard-ui/scripts/Itemdetailpage.js
+++ b/dashboard-ui/scripts/Itemdetailpage.js
@@ -225,7 +225,7 @@
         LibraryBrowser.renderStudios($('#itemStudios', page), item, context);
         renderUserDataIcons(page, item);
         LibraryBrowser.renderLinks($('#itemLinks', page), item);
-        
+
         if (item.CriticRatingSummary) {
             $('#criticRatingSummary', page).show();
             $('#criticRatingSummaryText', page).html(item.CriticRatingSummary);
@@ -233,6 +233,27 @@
         } else {
             $('#criticRatingSummary', page).hide();
         }
+
+        renderTags(page, item);
+    }
+
+    function renderTags(page, item) {
+
+        if (item.Tags && item.Tags.length) {
+
+            var html = '';
+
+            for (var i = 0, length = item.Tags.length; i < length; i++) {
+
+                html += '<div class="itemTag">' + item.Tags[i] + '</div>';
+
+            }
+
+            $('#itemTags', page).show().html(html);
+
+        } else {
+            $('#itemTags', page).hide();
+        }
     }
 
     function renderChildren(page, item) {