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

plugin catalog style and filter fixes

Browse source
This commit is contained in:
Luke Pulverenti 2013-04-11 12:11:04 -04:00
parent 49ce11e15c
commit 78bf84dcee
2 changed files with 21 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

16
dashboard-ui/plugincatalog.html
View file

@ -14,13 +14,15 @@
<a href="pluginupdates.html" data-role="button">Automatic Updates</a> <a href="pluginupdates.html" data-role="button">Automatic Updates</a>
</div> </div>
<h5 style="margin-bottom:4px;">Displaying plugins for:</h5> <div style="display: inline-block; margin: .75em 0;">
<fieldset data-role="controlgroup" data-type="horizontal" style="margin:auto;text-align: center;" id="pluginTabs"> <fieldset data-role="controlgroup" data-type="horizontal" id="pluginTabs">
<a href="" data-role="button" data-mini="true" class="ui-btn-active" rel="Server">MB Server</a> <a href="" data-role="button" data-mini="true" class="ui-btn-active" rel="Server">MB Server</a>
<a href="" data-role="button" data-mini="true" rel="MBTheater">MB Theatre</a> <a href="" data-role="button" data-mini="true" rel="MBTheater">MB Theatre</a>
<a href="" data-role="button" data-mini="true" rel="MBClassic">MB Classic</a> <a href="" data-role="button" data-mini="true" rel="MBClassic">MB Classic</a>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button> </fieldset>
</fieldset> </div>
<button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
<div id="pluginTiles"></div> <div id="pluginTiles"></div>
</div> </div>

20
dashboard-ui/scripts/plugincatalogpage.js
View file

@ -80,40 +80,44 @@
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
} }
function selectTab(elem) { function selectTab(elem, page) {
$("#pluginTabs a").removeClass("ui-btn-active"); $("#pluginTabs a").removeClass("ui-btn-active");
$(elem).addClass("ui-btn-active"); $(elem).addClass("ui-btn-active");
query.TargetSystems = $(elem).attr("rel"); query.TargetSystems = $(elem).attr("rel");
reloadList($.mobile.activePage); reloadList(page);
} }
$(document).on('pageinit', "#pluginCatalogPage", function () { $(document).on('pageinit', "#pluginCatalogPage", function () {
var page = this; var page = this;
$('.chkPremiumFilter', this).on('change', function () { $('.chkPremiumFilter', page).on('change', function () {
if (this.checked) { if (this.checked) {
query.IsPremium = true; query.IsPremium = true;
} else { } else {
query.IsPremium = null; query.IsPremium = null;
} }
reloadList(page);
}); });
$('#pluginTabs a', this).each(function(){ $('#pluginTabs a', page).each(function () {
$(this).on('click', function () { $(this).on('click', function () {
selectTab(this); selectTab(this, page);
}); });
}); });
}).on('pageshow', "#pluginCatalogPage", function () { }).on('pageshow', "#pluginCatalogPage", function () {
selectTab($("#pluginTabs a.ui-btn-active"));
var page = this;
selectTab($("#pluginTabs a.ui-btn-active"), page);
// Reset form values using the last used query // Reset form values using the last used query
$('.chkPremiumFilter', this).each(function () { $('.chkPremiumFilter', page).each(function () {
var filters = query.IsPremium || false; var filters = query.IsPremium || false;