mirror of
https://github.com/jellyfin/jellyfin-web.git
synced 2024-11-17 19:08:18 -07:00
108 lines
6.3 KiB
HTML
108 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
</head>
|
|
<body>
|
|
<div id="itemListPage" data-role="page" class="page libraryPage" data-theme="a">
|
|
<div data-role="content" class="itemListContent">
|
|
|
|
|
|
<h1 class="listHeader" style="margin-top: 0;">
|
|
<span id="itemName" style="margin-right: 30px;"></span>
|
|
</h1>
|
|
<div style="float: right; margin-top: -60px;">
|
|
<button id="btnOptions" type="button" data-mini="true" data-inline="true" data-icon="grid" onclick="$('#optionsPanel', $.mobile.activePage).panel( 'toggle' );">View</button>
|
|
</div>
|
|
|
|
<div id="listItems" style="clear: both;"></div>
|
|
|
|
</div>
|
|
<div data-role="panel" id="optionsPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
<a id="btnViewPanel" href="#" data-role="button" data-theme="a" data-mini="true" onclick="ItemListPage.showViewPanel();">View</a>
|
|
<a id="btnSortPanel" href="#" data-role="button" data-theme="c" data-mini="true" onclick="ItemListPage.showSortPanel();">Sort</a>
|
|
<a id="btnFilterPanel" href="#" data-role="button" data-theme="c" data-mini="true" onclick="ItemListPage.showFilterPanel();">Filter</a>
|
|
<a id="btnIndexPanel" href="#" data-role="button" data-theme="c" data-mini="true" onclick="ItemListPage.showIndexPanel();">Index</a>
|
|
</div>
|
|
|
|
<form>
|
|
<div id="viewpanel" style="display: none;"></div>
|
|
<div id="sortpanel" style="display: none;">
|
|
<fieldset data-role="controlgroup">
|
|
<legend>
|
|
<h3>Sort By:</h3>
|
|
</legend>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioSortName" value="on" checked="checked">
|
|
<label for="radioSortName" onclick="ItemListPage.sortBy('SortName');">Name</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioCommunityRating" value="other">
|
|
<label for="radioCommunityRating" onclick="ItemListPage.sortBy('CommunityRating');">Community Rating</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioDateCreated" value="other">
|
|
<label for="radioDateCreated" onclick="ItemListPage.sortBy('DateCreated');">Date Added</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioDatePlayed" value="other">
|
|
<label for="radioDatePlayed" onclick="ItemListPage.sortBy('DatePlayed');">Date Played</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioPremiereDate" value="other">
|
|
<label for="radioPremiereDate" onclick="ItemListPage.sortBy('PremiereDate');">Date Released</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioPlayCount" value="off">
|
|
<label for="radioPlayCount" onclick="ItemListPage.sortBy('PlayCount');">Play Count</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioRandom" value="off">
|
|
<label for="radioRandom" onclick="ItemListPage.sortBy('Random');">Random</label>
|
|
|
|
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioRuntime" value="off">
|
|
<label for="radioRuntime" onclick="ItemListPage.sortBy('Runtime');">Runtime</label>
|
|
</fieldset>
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>
|
|
<h3>Sort Order:</h3>
|
|
</legend>
|
|
|
|
<input class="radioSortOrder" data-theme="c" type="radio" name="radioSortOrder" id="radioAscending" value="on" checked="checked">
|
|
<label for="radioAscending" onclick="ItemListPage.sortOrder('Ascending');">Ascending</label>
|
|
|
|
<input class="radioSortOrder" data-theme="c" type="radio" name="radioSortOrder" id="radioDescending" value="other">
|
|
<label for="radioDescending" onclick="ItemListPage.sortOrder('Descending');">Descending</label>
|
|
</fieldset>
|
|
</div>
|
|
<div id="filterpanel" style="display: none;">
|
|
|
|
<fieldset data-role="controlgroup">
|
|
<legend>
|
|
<h3>Filters:</h3>
|
|
</legend>
|
|
<input type="checkbox" name="chkPlayed" id="chkPlayed" onchange="ItemListPage.filter('IsPlayed', this.checked);" data-theme="c">
|
|
<label for="chkPlayed">Played</label>
|
|
|
|
<input type="checkbox" name="chkUnplayed" id="chkUnplayed" onchange="ItemListPage.filter('IsUnplayed', this.checked);" data-theme="c">
|
|
<label for="chkUnplayed">Unplayed</label>
|
|
|
|
<input type="checkbox" name="chkIsFavorite" id="chkIsFavorite" onchange="ItemListPage.filter('IsFavorite', this.checked);" data-theme="c">
|
|
<label for="chkIsFavorite">Favorites</label>
|
|
|
|
<input type="checkbox" name="chkLikes" id="chkLikes" onchange="ItemListPage.filter('Likes', this.checked);" data-theme="c">
|
|
<label for="chkLikes">Likes</label>
|
|
|
|
<input type="checkbox" name="chkDislikes" id="chkDislikes" onchange="ItemListPage.filter('Dislikes', this.checked);" data-theme="c">
|
|
<label for="chkDislikes">Dislikes</label>
|
|
|
|
<input type="checkbox" name="chkResumable" id="chkResumable" onchange="ItemListPage.filter('IsResumable', this.checked);" data-theme="c">
|
|
<label for="chkResumable">Resumable</label>
|
|
</fieldset>
|
|
|
|
</div>
|
|
<div id="indexpanel" style="display: none;"></div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|