getting started sorting in the dashboard
This commit is contained in:
parent
60002c5535
commit
d30d277470
5 changed files with 90 additions and 23 deletions
|
@ -6,17 +6,62 @@
|
|||
<body>
|
||||
<div id="itemListPage" data-role="page" class="page libraryPage" data-theme="a">
|
||||
<div data-role="content" class="itemListContent">
|
||||
<div style="text-align: right;">
|
||||
<button type="button" onclick="$( '#optionsPanel', $.mobile.activePage ).panel( 'open' );" data-mini="true" data-inline="true">Options</button>
|
||||
</div>
|
||||
<h1 id="itemName" class="listHeader"></h1>
|
||||
|
||||
|
||||
<h1 class="listHeader" style="margin-top: 0;">
|
||||
|
||||
<span id="itemName"></span>
|
||||
|
||||
<div style="display: inline-block; margin-left: 50px;">
|
||||
<button id="btnSort" type="button" data-icon="sort" data-mini="true" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
|
||||
</div>
|
||||
</h1>
|
||||
|
||||
<div id="listItems"></div>
|
||||
</div>
|
||||
|
||||
<div data-role="panel" id="optionsPanel" data-position="right" data-display="overlay" data-position-fixed="true" data-theme="a">
|
||||
<div>Panel content</div>
|
||||
<div data-role="panel" id="sortPanel" data-position="right" data-display="overlay" data-theme="b" data-position-fixed="true">
|
||||
|
||||
<form>
|
||||
<fieldset data-role="controlgroup">
|
||||
<legend>
|
||||
<h3>Sort By:</h3>
|
||||
</legend>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radio-choice-v-2a" value="on" checked="checked">
|
||||
<label for="radio-choice-v-2a" onclick="ItemListPage.sortBy('SortName');">Name</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radioCommunityRating" value="other">
|
||||
<label for="radioCommunityRating" onclick="ItemListPage.sortBy('CommunityRating');">Community Rating</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radio-choice-v-2c" value="other">
|
||||
<label for="radio-choice-v-2c" onclick="ItemListPage.sortBy('DateCreated');">Date Added</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radioDatePlayed" value="other">
|
||||
<label for="radioDatePlayed" onclick="ItemListPage.sortBy('DatePlayed');">Date Played</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radioPremiereDate" value="other">
|
||||
<label for="radioPremiereDate" onclick="ItemListPage.sortBy('PremiereDate');">Date Released</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortBy" id="radio-choice-v-2b" value="off">
|
||||
<label for="radio-choice-v-2b" onclick="ItemListPage.sortBy('Random');">Random</label>
|
||||
|
||||
<input 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 data-theme="c" type="radio" name="radioSortOrder" id="radioAscending" value="on" checked="checked">
|
||||
<label for="radioAscending" onclick="ItemListPage.sortOrder('Ascending');">Ascending</label>
|
||||
|
||||
<input data-theme="c" type="radio" name="radioSortOrder" id="radioDescending" value="other">
|
||||
<label for="radioDescending" onclick="ItemListPage.sortOrder('Descending');">Descending</label>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue