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

plugin catalog style and filter fixes

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

View file

@ -14,13 +14,15 @@
<a href="pluginupdates.html" data-role="button">Automatic Updates</a>
</div>
<h5 style="margin-bottom:4px;">Displaying plugins for:</h5>
<fieldset data-role="controlgroup" data-type="horizontal" style="margin:auto;text-align: center;" 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" rel="MBTheater">MB Theatre</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>
<div style="display: inline-block; margin: .75em 0;">
<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" rel="MBTheater">MB Theatre</a>
<a href="" data-role="button" data-mini="true" rel="MBClassic">MB Classic</a>
</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>

View file

@ -80,40 +80,44 @@
Dashboard.hideLoadingMsg();
}
function selectTab(elem) {
function selectTab(elem, page) {
$("#pluginTabs a").removeClass("ui-btn-active");
$(elem).addClass("ui-btn-active");
query.TargetSystems = $(elem).attr("rel");
reloadList($.mobile.activePage);
reloadList(page);
}
$(document).on('pageinit', "#pluginCatalogPage", function () {
var page = this;
$('.chkPremiumFilter', this).on('change', function () {
$('.chkPremiumFilter', page).on('change', function () {
if (this.checked) {
query.IsPremium = true;
} else {
query.IsPremium = null;
}
reloadList(page);
});
$('#pluginTabs a', this).each(function(){
$('#pluginTabs a', page).each(function () {
$(this).on('click', function () {
selectTab(this);
selectTab(this, page);
});
});
}).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
$('.chkPremiumFilter', this).each(function () {
$('.chkPremiumFilter', page).each(function () {
var filters = query.IsPremium || false;