diff --git a/gui/slick/js/core.js b/gui/slick/js/core.js
index c4cb8db07296728bce0703b45c6b19b26fb3d8cb..d11143cd3b3356917d41dd3840f86962ea2fd8b9 100644
--- a/gui/slick/js/core.js
+++ b/gui/slick/js/core.js
@@ -45,6 +45,15 @@ function isMeta(pyVar, result){
var SICKRAGE = {
common: {
init: function() {
+ (function init() {
+ var imgDefer = document.getElementsByTagName('img');
+ for (var i=0; i<imgDefer.length; i++) {
+ if(imgDefer[i].getAttribute('data-src')) {
+ imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
+ }
+ }
+ })();
+
$.confirm.options = {
confirmButton: "Yes",
cancelButton: "Cancel",
@@ -1793,11 +1802,11 @@ var SICKRAGE = {
});
// Handle filtering in the poster layout
- $('#filterShowName').on('input', _.debounce(function (e) {
+ $('#filterShowName').on('input', _.debounce(function() {
$('.show-grid').isotope({
filter: function () {
- var name = $('div.show-title', this).text();
- return (name.toLowerCase().indexOf(e.target.value.toLowerCase()) !== -1);
+ var name = $(this).data('name');
+ return name.toLowerCase();
}
});
}, 500));
@@ -1885,7 +1894,6 @@ var SICKRAGE = {
5: function(node) { return $(node).find("span:first").text(); },
6: function(node) { return $(node).data('show-size'); },
7: function(node) { return $(node).find("img").attr("alt"); }
-
},
widgets: ['saveSort', 'zebra', 'stickyHeaders', 'filter', 'columnSelector'],
headers: {
diff --git a/gui/slick/js/core.min.js b/gui/slick/js/core.min.js
index 1036343312e0c8d5b50291c3921a2d96bca097cc..36c27618963d1bd9fbc4c6a202f4bc17150ce1a8 100644
Binary files a/gui/slick/js/core.min.js and b/gui/slick/js/core.min.js differ
diff --git a/gui/slick/views/home.mako b/gui/slick/views/home.mako
index efa1090e2b9c669870dfd19dee6b892ce586babb..7f72b5311227a9c0267ff3fac6c86b46b47907c7 100644
--- a/gui/slick/views/home.mako
+++ b/gui/slick/views/home.mako
@@ -92,7 +92,7 @@
% for curLoadingShow in sickbeard.showQueueScheduler.action.loadingShowList:
% if curLoadingShow.show is None:
<div class="show-container" data-name="0" data-date="010101" data-network="0" data-progress="101">
- <img alt="" title="${curLoadingShow.show_name}" class="show-image" style="border-bottom: 1px solid #111;" src="${srRoot}/images/poster.png" />
+ <img alt="" title="${curLoadingShow.show_name}" class="show-image" style="border-bottom: 1px solid #111;" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/images/poster.png" />
<div class="show-details">
<div class="show-add">Loading... (${curLoadingShow.show_name})</div>
</div>
@@ -165,7 +165,7 @@
%>
<div class="show-container" id="show${curShow.indexerid}" data-name="${curShow.name}" data-date="${data_date}" data-network="${curShow.network}" data-progress="${progressbar_percent}">
<div class="show-image">
- <a href="${srRoot}/home/displayShow?show=${curShow.indexerid}"><img alt="" class="show-image" src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=poster_thumb" /></a>
+ <a href="${srRoot}/home/displayShow?show=${curShow.indexerid}"><img alt="" class="show-image" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=poster_thumb" /></a>
</div>
<div class="progressbar hidden-print" style="position:relative;" data-show-id="${curShow.indexerid}" data-progress-percentage="${progressbar_percent}"></div>
@@ -209,9 +209,9 @@
<td class="show-table">
% if sickbeard.HOME_LAYOUT != 'simple':
% if curShow.network:
- <span title="${curShow.network}"><img class="show-network-image" src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=network" alt="${curShow.network}" title="${curShow.network}" /></span>
+ <span title="${curShow.network}"><img class="show-network-image" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=network" alt="${curShow.network}" title="${curShow.network}" /></span>
% else:
- <span title="No Network"><img class="show-network-image" src="${srRoot}/images/network/nonetwork.png" alt="No Network" title="No Network" /></span>
+ <span title="No Network"><img class="show-network-image" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/images/network/nonetwork.png" alt="No Network" title="No Network" /></span>
% endif
% else:
<span title="${curShow.network}">${curShow.network}</span>
@@ -371,7 +371,7 @@
<td class="tvShow">
<div class="imgsmallposter ${sickbeard.HOME_LAYOUT}">
<a href="${srRoot}/home/displayShow?show=${curShow.indexerid}" title="${curShow.name}">
- <img src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=poster_thumb" class="${sickbeard.HOME_LAYOUT}" alt="${curShow.indexerid}"/>
+ <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=poster_thumb" class="${sickbeard.HOME_LAYOUT}" alt="${curShow.indexerid}"/>
</a>
<a href="${srRoot}/home/displayShow?show=${curShow.indexerid}" style="vertical-align: middle;">${curShow.name}</a>
</div>
@@ -381,7 +381,7 @@
<span style="display: none;">${curShow.name}</span>
<div class="imgbanner ${sickbeard.HOME_LAYOUT}">
<a href="${srRoot}/home/displayShow?show=${curShow.indexerid}">
- <img src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=banner" class="${sickbeard.HOME_LAYOUT}" alt="${curShow.indexerid}" title="${curShow.name}"/>
+ <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=banner" class="${sickbeard.HOME_LAYOUT}" alt="${curShow.indexerid}" title="${curShow.name}"/>
</div>
</td>
% elif sickbeard.HOME_LAYOUT == 'simple':
@@ -391,10 +391,10 @@
% if sickbeard.HOME_LAYOUT != 'simple':
<td align="center">
% if curShow.network:
- <span title="${curShow.network}" class="hidden-print"><img id="network" width="54" height="27" src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=network" alt="${curShow.network}" title="${curShow.network}" /></span>
+ <span title="${curShow.network}" class="hidden-print"><img id="network" width="54" height="27" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/showPoster/?show=${curShow.indexerid}&which=network" alt="${curShow.network}" title="${curShow.network}" /></span>
<span class="visible-print-inline">${curShow.network}</span>
% else:
- <span title="No Network" class="hidden-print"><img id="network" width="54" height="27" src="${srRoot}/images/network/nonetwork.png" alt="No Network" title="No Network" /></span>
+ <span title="No Network" class="hidden-print"><img id="network" width="54" height="27" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/images/network/nonetwork.png" alt="No Network" title="No Network" /></span>
<span class="visible-print-inline">No Network</span>
% endif
</td>
@@ -417,7 +417,7 @@
<td align="center">
<% paused = int(curShow.paused) == 0 and curShow.status == 'Continuing' %>
- <img src="${srRoot}/images/${('no16.png', 'yes16.png')[bool(paused)]}" alt="${('No', 'Yes')[bool(paused)]}" width="16" height="16" />
+ <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="${srRoot}/images/${('no16.png', 'yes16.png')[bool(paused)]}" alt="${('No', 'Yes')[bool(paused)]}" width="16" height="16" />
</td>
<td align="center">