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 @@ - - - - - - - - - - - - - - - - - - -
NameGame SystemRelease YearGenreStudioRating
- +
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 += '
'; + + html += ''; + + html += ''; + + if (options.showGameSystem) { + html += ''; + } + + //html += ''; + html += ''; + html += ''; + + html += ''; + + for (var i = 0, length = items.length; i < length; i++) { + + var item = items[i]; + + html += ''; + + html += ''; + + if (options.showGameSystem) { + html += ''; + } + + //html += ''; + + html += ''; + + html += ''; + + html += ''; + } + + html += '
GameGame SystemRelease YearPlay Count
' + (item.Name || "") + '' + item.DisplayMediaType + '' + item.ReleaseYear + '' + (item.UserData ? item.UserData.PlayCount : 0) + '' + LibraryBrowser.getUserDataIconsHtml(item) + '
'; + + return html; + } };