From 10aacca35502485339796ac3eaab74eaa9e9113a Mon Sep 17 00:00:00 2001 From: Luke Pulverenti Date: Mon, 1 Apr 2013 14:55:56 -0400 Subject: [PATCH] better dashboard background and text adjustments --- dashboard-ui/css/images/userdata/played.png | Bin 0 -> 3944 bytes dashboard-ui/css/images/userdata/unplayed.png | Bin 0 -> 3739 bytes dashboard-ui/css/librarybrowser.css | 4 +- dashboard-ui/css/site.css | 10 +- dashboard-ui/index.html | 2 +- dashboard-ui/itemlist.html | 164 +++++++++--------- dashboard-ui/scripts/indexpage.js | 23 ++- 7 files changed, 112 insertions(+), 91 deletions(-) create mode 100644 dashboard-ui/css/images/userdata/played.png create mode 100644 dashboard-ui/css/images/userdata/unplayed.png diff --git a/dashboard-ui/css/images/userdata/played.png b/dashboard-ui/css/images/userdata/played.png new file mode 100644 index 0000000000000000000000000000000000000000..3f85dcee88f6e06652da09c20214bd5f7d93c5a3 GIT binary patch literal 3944 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 FV1gQuC{F+Y literal 0 HcmV?d00001 diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index d4dc39e2e7..b4c91ca03a 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -16,7 +16,7 @@ .libraryPage, .itemListContent { background: #262626!important; - /*background: #494949 url(images/bgflip.png) repeat-x!important;*/ + background: #494949 url(images/bgflip.png) repeat-x!important; background-attachment: fixed!important; } @@ -26,7 +26,7 @@ .listHeader { margin-top: 1.25em; - margin-bottom: 10px; + margin-bottom: 5px; font-weight: normal; } diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index d5b257839c..5fe9422102 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -467,11 +467,6 @@ form, .readOnlyContent { @media all and (min-width: 750px) { - .posterViewItem { - font-size: 16px; - padding-bottom: 29px; - } - .posterViewItemWithDualText { padding-bottom: 58px; } @@ -492,6 +487,11 @@ form, .readOnlyContent { @media all and (min-width: 1200px) { + .posterViewItem { + font-size: 16px; + padding-bottom: 29px; + } + .posterViewItem img { max-width: 250px; max-height: 200px; diff --git a/dashboard-ui/index.html b/dashboard-ui/index.html index a1c79ad459..eee9e10446 100644 --- a/dashboard-ui/index.html +++ b/dashboard-ui/index.html @@ -10,7 +10,7 @@

Views

-
+
Movies
diff --git a/dashboard-ui/itemlist.html b/dashboard-ui/itemlist.html index 77a2f012a7..3a208f6b37 100644 --- a/dashboard-ui/itemlist.html +++ b/dashboard-ui/itemlist.html @@ -17,90 +17,90 @@
-
+
+
- - -
- - - - - -
+
+ View + Sort + Filter + Index
+ +
+ + + + + +
diff --git a/dashboard-ui/scripts/indexpage.js b/dashboard-ui/scripts/indexpage.js index 57648592bd..39fe032279 100644 --- a/dashboard-ui/scripts/indexpage.js +++ b/dashboard-ui/scripts/indexpage.js @@ -5,7 +5,7 @@ var page = this; var userId = Dashboard.getCurrentUserId(); - + if (!userId) { return; } @@ -25,6 +25,27 @@ })); }); + + var views = [ + { name: "Movies", url: "moviesrecommended.html", img: "css/images/items/list/chapter.png", background: "#E12026" }, + { name: "TV Shows", url: "tvrecommended.html", img: "css/images/items/list/collection.png", background: "#FF870F" }, + { name: "Music", url: "musicrecommended.html", img: "css/images/items/list/audiowide.png", background: "#4BB3DD" } + ]; + + var html = ''; + + for (var i = 0, length = views.length; i < length; i++) { + + var view = views[i]; + + html += '
'; + html += ''; + html += '
' + view.name + '
'; + html += ''; + html += '
'; + } + + $('#views', page).html(html); }); })(jQuery, document); \ No newline at end of file