diff --git a/dashboard-ui/games.html b/dashboard-ui/games.html
index 9131935910..b95c69ab39 100644
--- a/dashboard-ui/games.html
+++ b/dashboard-ui/games.html
@@ -24,26 +24,7 @@
-
-
diff --git a/dashboard-ui/scripts/gamespage.js b/dashboard-ui/scripts/gamespage.js
index 927f7ecb48..b82d989f92 100644
--- a/dashboard-ui/scripts/gamespage.js
+++ b/dashboard-ui/scripts/gamespage.js
@@ -25,19 +25,9 @@
$('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
- for (var i = 0, length = result.Items.length; i < length; i++) {
- var item = result.Items[i];
-//console.log(item);
- html += '
';
- html += '' + item.Name + ' | ';
- html += '' + item.DisplayMediaType + ' | ';
- html += '' + item.ReleaseYear + ' | ';
- html += '' + /*LibraryBrowser.renderGenres('', item, "games")*/ + ' | ';
- html += '' + /*LibraryBrowser.renderStudios('', item, "games")*/ + ' | ';
- html += '' + /* */ + ' | ';
- html += '
';
-
- }
+ html += LibraryBrowser.getGameTableHtml(result.Items, {
+ showGameSystem: true
+ });
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index d5b60c11fc..987cbdb6ea 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -1443,7 +1443,57 @@
html += '
';
return html;
- }
+ },
+
+ getGameTableHtml: function (items, options) {
+
+ options = options || {};
+
+ var html = '';
+
+ var cssClass = "detailTable";
+
+ html += '