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

made tv links clickable

This commit is contained in:
Luke Pulverenti 2013-10-17 14:24:27 -04:00
parent afe5161947
commit 55ff795d36
26 changed files with 114 additions and 13 deletions

View file

@ -7,6 +7,11 @@
padding-top: 35px !important; padding-top: 35px !important;
} }
.headerArrowImage {
height: 24px;
margin-left: .5em;
}
.viewMenuBar { .viewMenuBar {
background: #444; background: #444;
background-image: linear-gradient(#444,#2d2d2d); background-image: linear-gradient(#444,#2d2d2d);
@ -635,7 +640,6 @@ a.itemTag:hover {
padding: 3px 10px; padding: 3px 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
color: #fff; color: #fff;
background: rgb(0, 143, 187); background: rgb(0, 143, 187);
background: rgba(0, 143, 187, .8); background: rgba(0, 143, 187, .8);
} }

View file

@ -45,7 +45,7 @@
<label for="radioSortName">Episode sort name</label> <label for="radioSortName">Episode sort name</label>
<input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCommunityRating" value="off" data-sortby="CommunityRating,SeriesSortName,SortName" data-mini="true"> <input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCommunityRating" value="off" data-sortby="CommunityRating,SeriesSortName,SortName" data-mini="true">
<label for="radioCommunityRating">Community rating</label> <label for="radioCommunityRating">Tvdb rating</label>
<input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioDateCreated" value="off" data-sortby="DateCreated,SeriesSortName,SortName" data-mini="true"> <input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioDateCreated" value="off" data-sortby="DateCreated,SeriesSortName,SortName" data-mini="true">
<label for="radioDateCreated">Date added</label> <label for="radioDateCreated">Date added</label>

View file

@ -16,7 +16,7 @@
<div id="views"> <div id="views">
</div> </div>
<h1 class="listHeader"><a href="itemlist.html">Media Collections<img src="css/images/rightarrow.png" style="height: 24px; margin-left: .5em;" /></a></h1> <h1 class="listHeader"><a href="itemlist.html">Media Collections<img src="css/images/rightarrow.png" class="headerArrowImage" /></a></h1>
<div id="divCollections"></div> <div id="divCollections"></div>

View file

@ -52,7 +52,7 @@
<label for="radioBudget">Budget</label> <label for="radioBudget">Budget</label>
<input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCommunityRating" value="off" data-sortby="CommunityRating,SortName" data-mini="true"> <input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCommunityRating" value="off" data-sortby="CommunityRating,SortName" data-mini="true">
<label for="radioCommunityRating">Community rating</label> <label for="radioCommunityRating">IMDb rating</label>
<input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCriticRating" value="off" data-sortby="CriticRating,SortName" data-mini="true"> <input class="radioSortBy" type="radio" name="radioSortBy" data-theme="c" id="radioCriticRating" value="off" data-sortby="CriticRating,SortName" data-mini="true">
<label for="radioCriticRating">Critic rating</label> <label for="radioCriticRating">Critic rating</label>

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -13,8 +13,6 @@
StartIndex: 0 StartIndex: 0
}; };
LibraryBrowser.loadSavedQueryValues('episodes', query);
function reloadItems(page) { function reloadItems(page) {
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();
@ -44,6 +42,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);
@ -65,7 +67,9 @@
reloadItems(page); reloadItems(page);
}); });
if (getParameterByName('savequery') != 'false') {
LibraryBrowser.saveQueryValues('episodes', query); LibraryBrowser.saveQueryValues('episodes', query);
}
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();
}); });
@ -227,6 +231,23 @@
query.StartIndex = 0; query.StartIndex = 0;
} }
LibraryBrowser.loadSavedQueryValues('episodes', query);
var filters = getParameterByName('filters');
if (filters) {
query.Filters = filters;
}
var sortby = getParameterByName('sortby');
if (sortby) {
query.SortBy = sortby;
}
var sortorder = getParameterByName('sortorder');
if (sortorder) {
query.SortOrder = sortorder;
}
reloadItems(this); reloadItems(this);
}).on('pageshow', "#episodesPage", function () { }).on('pageshow', "#episodesPage", function () {
@ -234,13 +255,13 @@
// Reset form values using the last used query // Reset form values using the last used query
$('.radioSortBy', this).each(function () { $('.radioSortBy', this).each(function () {
this.checked = query.SortBy == this.getAttribute('data-sortby'); this.checked = (query.SortBy || '').toLowerCase() == (this.getAttribute('data-sortby') || '').toLowerCase();
}).checkboxradio('refresh'); }).checkboxradio('refresh');
$('.radioSortOrder', this).each(function () { $('.radioSortOrder', this).each(function () {
this.checked = query.SortOrder == this.getAttribute('data-sortorder'); this.checked = (query.SortOrder || '').toLowerCase() == (this.getAttribute('data-sortorder') || '').toLowerCase();
}).checkboxradio('refresh'); }).checkboxradio('refresh');
@ -249,7 +270,7 @@
var filters = "," + (query.Filters || ""); var filters = "," + (query.Filters || "");
var filterName = this.getAttribute('data-filter'); var filterName = this.getAttribute('data-filter');
this.checked = filters.indexOf(',' + filterName) != -1; this.checked = filters.toLowerCase().indexOf(',' + filterName.toLowerCase()) != -1;
}).checkboxradio('refresh'); }).checkboxradio('refresh');

View file

@ -37,6 +37,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -63,6 +63,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -40,6 +40,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -47,6 +47,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -39,6 +39,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -49,6 +49,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -53,6 +53,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -39,6 +39,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -62,6 +62,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -60,6 +60,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -39,6 +39,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -59,6 +59,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -38,6 +38,10 @@
$('#items', page).html(html).trigger('create'); $('#items', page).html(html).trigger('create');
$('.btnChangeToDefaultSort', page).on('click', function () {
$('.defaultSort', page)[0].click();
});
$('.selectPage', page).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);

View file

@ -18,13 +18,13 @@
<table class="ehsContent"> <table class="ehsContent">
<tr> <tr>
<td> <td>
<h1 class="listHeader firstListHeader">Latest Unwatched Episodes</h1> <h1 class="listHeader firstListHeader"><a href="episodes.html?filters=isunplayed&sortby=DateCreated,SeriesSortName,SortName&sortorder=descending&savequery=false">Latest Unwatched Episodes<img src="css/images/rightarrow.png" class="headerArrowImage" /></a></h1>
<div id="recentlyAddedItems"> <div id="recentlyAddedItems">
</div> </div>
<div id="resumableSection" style="display: none;"> <div id="resumableSection" style="display: none;">
<h1 class="listHeader">Resume</h1> <h1 class="listHeader"><a href="episodes.html?filters=isresumable&sortby=SortName&sortorder=ascending&savequery=false">Resume<img src="css/images/rightarrow.png" class="headerArrowImage" /></a></h1>
<div id="resumableItems"> <div id="resumableItems">
</div> </div>

View file

@ -47,7 +47,7 @@
<label for="radioSortName">Name</label> <label for="radioSortName">Name</label>
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioCommunityRating" value="off" data-sortby="CommunityRating" data-mini="true"> <input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioCommunityRating" value="off" data-sortby="CommunityRating" data-mini="true">
<label for="radioCommunityRating">Community Rating</label> <label for="radioCommunityRating">IMDb Rating</label>
<input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioDateCreated" value="off" data-sortby="DateCreated" data-mini="true"> <input class="radioSortBy" data-theme="c" type="radio" name="radioSortBy" id="radioDateCreated" value="off" data-sortby="DateCreated" data-mini="true">
<label for="radioDateCreated">Date Added</label> <label for="radioDateCreated">Date Added</label>