mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

catch date parsing errors

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-19 01:08:18 -04:00
parent f9fb418c1d
commit 414feaf3a2
34 changed files with 223 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

4
dashboard-ui/boxsets.html
View file

@ -18,9 +18,13 @@
<a href="moviestudios.html" data-role="button">Studios</a> <a href="moviestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

20
dashboard-ui/css/librarybrowser.css
View file

@ -56,7 +56,7 @@
.viewSettings { .viewSettings {
text-align: center; text-align: center;
margin: 1em 0; margin: .5em 0;
} }
.listPaging { .listPaging {
@ -68,6 +68,14 @@
.libraryPage .ui-content { .libraryPage .ui-content {
padding: 10px 20px 100px; padding: 10px 20px 100px;
} }
.viewControls, .listTopPaging {
display: inline-block;
}
.viewControls + .listTopPaging {
margin-left: 1em;
}
} }
@media all and (min-width: 750px) { @media all and (min-width: 750px) {
@ -75,16 +83,6 @@
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
.viewSettings {
margin-bottom: 0;
padding-right: 300px;
}
.topListPaging {
padding-left: 300px;
margin-top: -35px;
}
} }
/*@media all and (min-width: 1000px) { /*@media all and (min-width: 1000px) {

4
dashboard-ui/gamegenres.html
View file

@ -16,9 +16,13 @@
<a href="gamestudios.html" data-role="button">Studios</a> <a href="gamestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/games.html
View file

@ -16,9 +16,13 @@
<a href="gamestudios.html" data-role="button">Studios</a> <a href="gamestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<table> <table>

4
dashboard-ui/gamestudios.html
View file

@ -16,9 +16,13 @@
<a href="gamestudios.html" data-role="button" class="ui-btn-active">Studios</a> <a href="gamestudios.html" data-role="button" class="ui-btn-active">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/gamesystems.html
View file

@ -16,9 +16,13 @@
<a href="gamestudios.html" data-role="button">Studios</a> <a href="gamestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

6
dashboard-ui/itembynamedetails.html
View file

@ -30,6 +30,12 @@
<h2 style="margin-bottom: 0;">In Your Library</h2> <h2 style="margin-bottom: 0;">In Your Library</h2>
<div id="itemTabs"></div> <div id="itemTabs"></div>
<div class="viewSettings">
<div class="viewControls">
</div>
<div class="listTopPaging">
</div>
</div>
<div id="items"> <div id="items">
</div> </div>
</div> </div>

4
dashboard-ui/itemlist.html
View file

@ -9,6 +9,7 @@
<h1 id="itemName" class="listHeader" style="margin-top: .5em;"></h1> <h1 id="itemName" class="listHeader" style="margin-top: .5em;"></h1>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<div style="display: inline-block;"> <div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectView" name="selectView"> <select data-mini="true" data-inline="true" id="selectView" name="selectView">
<option value="Backdrop">Backdrop</option> <option value="Backdrop">Backdrop</option>
@ -18,6 +19,9 @@
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/moviegenres.html
View file

@ -18,9 +18,13 @@
<a href="moviestudios.html" data-role="button">Studios</a> <a href="moviestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/moviepeople.html
View file

@ -18,9 +18,13 @@
<a href="moviestudios.html" data-role="button">Studios</a> <a href="moviestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/movies.html
View file

@ -18,6 +18,7 @@
<a href="moviestudios.html" data-role="button">Studios</a> <a href="moviestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<div style="display: inline-block;"> <div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectView" name="selectView"> <select data-mini="true" data-inline="true" id="selectView" name="selectView">
<option value="Backdrop">Backdrop</option> <option value="Backdrop">Backdrop</option>
@ -27,6 +28,9 @@
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/moviestudios.html
View file

@ -18,9 +18,13 @@
<a href="moviestudios.html" data-role="button" class="ui-btn-active">Studios</a> <a href="moviestudios.html" data-role="button" class="ui-btn-active">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/movietrailers.html
View file

@ -18,6 +18,7 @@
<a href="moviestudios.html" data-role="button">Studios</a> <a href="moviestudios.html" data-role="button">Studios</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<div style="display: inline-block;"> <div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectView" name="selectView"> <select data-mini="true" data-inline="true" id="selectView" name="selectView">
<option value="Backdrop">Backdrop</option> <option value="Backdrop">Backdrop</option>
@ -27,6 +28,9 @@
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

10
dashboard-ui/scripts/boxsets.js
View file

@ -23,9 +23,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -38,17 +36,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/gamegenrepage.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/gamespage.js
View file

@ -25,9 +25,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
for (var i = 0, length = result.Items.length; i < length; i++) { for (var i = 0, length = result.Items.length; i < length; i++) {
var item = result.Items[i]; var item = result.Items[i];
@ -49,17 +47,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/gamestudiospage.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/gamesystemspage.js
View file

@ -24,9 +24,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

24
dashboard-ui/scripts/itembynamedetailpage.js
View file

@ -179,20 +179,30 @@
if (item.Type == "Person" && item.PremiereDate) { if (item.Type == "Person" && item.PremiereDate) {
try {
var birthday = parseISO8601Date(item.PremiereDate, { toLocal: true }).toDateString(); var birthday = parseISO8601Date(item.PremiereDate, { toLocal: true }).toDateString();
$('#itemBirthday', page).show().html("Birthday:&nbsp;&nbsp;" + birthday); $('#itemBirthday', page).show().html("Birthday:&nbsp;&nbsp;" + birthday);
}
catch(err)
{
$('#itemBirthday', page).hide();
}
} else { } else {
$('#itemBirthday', page).hide(); $('#itemBirthday', page).hide();
} }
if (item.Type == "Person" && item.EndDate) { if (item.Type == "Person" && item.EndDate) {
try {
var deathday = parseISO8601Date(item.EndDate, { toLocal: true }).toDateString(); var deathday = parseISO8601Date(item.EndDate, { toLocal: true }).toDateString();
$('#itemDeathDate', page).show().html("Death day:&nbsp;&nbsp;" + deathday); $('#itemDeathDate', page).show().html("Death day:&nbsp;&nbsp;" + deathday);
}
catch (err) {
$('#itemBirthday', page).hide();
}
} else { } else {
$('#itemDeathDate', page).hide();
} }
if (item.Type == "Person" && item.ProductionLocations && item.ProductionLocations.length) { if (item.Type == "Person" && item.ProductionLocations && item.ProductionLocations.length) {
@ -246,9 +256,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -259,21 +267,21 @@
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount); html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
} }
var elem = $('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
loadItems(page, query); loadItems(page, query);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex = query.StartIndex + query.Limit; query.StartIndex = query.StartIndex + query.Limit;
loadItems(page, query); loadItems(page, query);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex = query.StartIndex - query.Limit; query.StartIndex = query.StartIndex - query.Limit;
loadItems(page, query); loadItems(page, query);

10
dashboard-ui/scripts/itemlistpage.js
View file

@ -24,9 +24,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
if (view == "Backdrop") { if (view == "Backdrop") {
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
@ -48,17 +46,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

14
dashboard-ui/scripts/librarybrowser.js
View file

@ -357,9 +357,13 @@
var date = item.DateCreated; var date = item.DateCreated;
try {
if (date && (new Date().getTime() - parseISO8601Date(date).getTime()) < 1209600000) { if (date && (new Date().getTime() - parseISO8601Date(date).getTime()) < 1209600000) {
return "<div class='posterRibbon'>New</div>"; return "<div class='posterRibbon'>New</div>";
} }
} catch (err) {
}
} }
return ''; return '';
@ -468,14 +472,14 @@
} }
}, },
getPagingHtml: function (query, totalRecordCount, isTop) { getPagingHtml: function (query, totalRecordCount) {
var html = ''; var html = '';
var pageCount = Math.ceil(totalRecordCount / query.Limit); var pageCount = Math.ceil(totalRecordCount / query.Limit);
var pageNumber = (query.StartIndex / query.Limit) + 1; var pageNumber = (query.StartIndex / query.Limit) + 1;
var dropdownHtml = '<select data-enhance="false" data-role="none">'; var dropdownHtml = '<select class="selectPage" data-enhance="false" data-role="none">';
for (var i = 1; i <= pageCount; i++) { for (var i = 1; i <= pageCount; i++) {
if (i == pageNumber) { if (i == pageNumber) {
@ -488,7 +492,7 @@
var recordsEnd = Math.min(query.StartIndex + query.Limit, totalRecordCount); var recordsEnd = Math.min(query.StartIndex + query.Limit, totalRecordCount);
html += isTop ? '<div class="listPaging topListPaging">' : '<div class="listPaging">'; html += '<div class="listPaging">';
html += '<span style="margin-right: 10px;">'; html += '<span style="margin-right: 10px;">';
html += (query.StartIndex + 1) + '-' + recordsEnd + ' of ' + totalRecordCount + ', page ' + dropdownHtml + ' of ' + pageCount; html += (query.StartIndex + 1) + '-' + recordsEnd + ' of ' + totalRecordCount + ', page ' + dropdownHtml + ' of ' + pageCount;
@ -920,7 +924,11 @@
renderPremiereDate: function (elem, item) { renderPremiereDate: function (elem, item) {
if (item.PremiereDate) { if (item.PremiereDate) {
try {
elem.show().html('Premiered&nbsp;&nbsp;' + parseISO8601Date(item.PremiereDate, { toLocal: true }).toDateString()); elem.show().html('Premiered&nbsp;&nbsp;' + parseISO8601Date(item.PremiereDate, { toLocal: true }).toDateString());
} catch (err) {
elem.hide();
}
} else { } else {
elem.hide(); elem.hide();
} }

10
dashboard-ui/scripts/moviegenres.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/moviepeople.js
View file

@ -23,9 +23,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -40,17 +38,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/movies.js
View file

@ -24,9 +24,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
if (view == "Backdrop") { if (view == "Backdrop") {
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
@ -48,17 +46,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/moviestudios.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/movietrailers.js
View file

@ -24,9 +24,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
if (view == "Backdrop") { if (view == "Backdrop") {
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
@ -48,17 +46,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/tvgenres.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/tvpeople.js
View file

@ -23,9 +23,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -40,17 +38,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/tvshows.js
View file

@ -24,9 +24,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
if (view == "Backdrop") { if (view == "Backdrop") {
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
@ -48,17 +46,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

10
dashboard-ui/scripts/tvstudios.js
View file

@ -22,9 +22,7 @@
var showPaging = result.TotalRecordCount > query.Limit; var showPaging = result.TotalRecordCount > query.Limit;
if (showPaging) { $('.listTopPaging', page).html(showPaging ? LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true) : '').trigger('create');
html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true);
}
html += LibraryBrowser.getPosterDetailViewHtml({ html += LibraryBrowser.getPosterDetailViewHtml({
items: result.Items, items: result.Items,
@ -39,17 +37,17 @@
var elem = $('#items', page).html(html).trigger('create'); var elem = $('#items', page).html(html).trigger('create');
$('select', elem).on('change', function () { $('.selectPage', page).on('change', function () {
query.StartIndex = (parseInt(this.value) - 1) * query.Limit; query.StartIndex = (parseInt(this.value) - 1) * query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnNextPage', elem).on('click', function () { $('.btnNextPage', page).on('click', function () {
query.StartIndex += query.Limit; query.StartIndex += query.Limit;
reloadItems(page); reloadItems(page);
}); });
$('.btnPreviousPage', elem).on('click', function () { $('.btnPreviousPage', page).on('click', function () {
query.StartIndex -= query.Limit; query.StartIndex -= query.Limit;
reloadItems(page); reloadItems(page);
}); });

4
dashboard-ui/tvgenres.html
View file

@ -16,9 +16,13 @@
<a href="tvstudios.html" data-role="button">Networks</a> <a href="tvstudios.html" data-role="button">Networks</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/tvpeople.html
View file

@ -16,9 +16,13 @@
<a href="tvstudios.html" data-role="button">Networks</a> <a href="tvstudios.html" data-role="button">Networks</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/tvshows.html
View file

@ -16,6 +16,7 @@
<a href="tvstudios.html" data-role="button">Networks</a> <a href="tvstudios.html" data-role="button">Networks</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<div style="display: inline-block;"> <div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectView" name="selectView"> <select data-mini="true" data-inline="true" id="selectView" name="selectView">
<option value="Backdrop">Backdrop</option> <option value="Backdrop">Backdrop</option>
@ -25,6 +26,9 @@
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">

4
dashboard-ui/tvstudios.html
View file

@ -16,9 +16,13 @@
<a href="tvstudios.html" data-role="button" class="ui-btn-active">Networks</a> <a href="tvstudios.html" data-role="button" class="ui-btn-active">Networks</a>
</div> </div>
<div class="viewSettings"> <div class="viewSettings">
<div class="viewControls">
<button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button> <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
</div> </div>
<div class="listTopPaging">
</div>
</div>
<div id="items"></div> <div id="items"></div>
</div> </div>
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true"> <div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">