Deduplicate code

This commit is contained in:
Skylar Ittner 2019-02-08 20:53:23 -07:00
parent 603a294443
commit 92315f2f0c
3 changed files with 26 additions and 20 deletions

View File

@ -2,14 +2,4 @@
* This Source Code Form is subject to the terms of the Mozilla Public * This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. * file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/ */
window.shuffleInstance = new window.Shuffle(document.getElementById('news-grid'), {
itemSelector: '.grid__brick',
sizer: '.sizer-element'
});
setInterval(function () {
window.shuffleInstance.layout();
}, 500);

View File

@ -4,18 +4,9 @@
* file, You can obtain one at http://mozilla.org/MPL/2.0/. * file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/ */
window.shuffleInstance = new window.Shuffle(document.getElementById('news-grid'), {
itemSelector: '.grid__brick',
sizer: '.sizer-element'
});
$("input[name=newscategory]").on("change", function () { $("input[name=newscategory]").on("change", function () {
window.shuffleInstance.filter($(this).val()); window.shuffleInstance.filter($(this).val());
$(this).button('toggle'); $(this).button('toggle');
}); });
setInterval(function () {
window.shuffleInstance.layout();
}, 500);
window.shuffleInstance.filter("general"); window.shuffleInstance.filter("general");

25
static/js/newsgrid.js Normal file
View File

@ -0,0 +1,25 @@
/*
* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
*/
window.shuffleInstance = new window.Shuffle(document.getElementById('news-grid'), {
itemSelector: '.grid__brick',
sizer: '.sizer-element'
});
setInterval(function () {
window.shuffleInstance.layout();
}, 500);
$("img.newscard-img").on("error", function () {
if ($(this).data("reloaded")) {
return;
}
var img = $(this);
setTimeout(function () {
img.attr("src", $(this).attr("src"));
img.data("reloaded", true);
}, 500);
});