From 13f364d0645d96a51110bf780ab7bf4cd9ae11ef Mon Sep 17 00:00:00 2001
From: zeldaroot <zeldaroot@protonmail.com>
Date: Wed, 9 Dec 2020 00:03:32 +0200
Subject: [PATCH] Changed lazy load pictures and posters

---
 views/includes/footer.ejs | 63 ++++++++++++++++++++++-----------------
 1 file changed, 36 insertions(+), 27 deletions(-)

diff --git a/views/includes/footer.ejs b/views/includes/footer.ejs
index 155ba12..8da967f 100644
--- a/views/includes/footer.ejs
+++ b/views/includes/footer.ejs
@@ -182,37 +182,46 @@
 </div>
 
 <script>
-  window.addEventListener('DOMContentLoaded', function() {
-    var dataCinemapressSrc = document.querySelectorAll('[data-cinemapress-src]');
-    if (dataCinemapressSrc) {
-      dataCinemapressSrc.forEach(function(cinemapressSrc) {
-        if (cinemapressSrc.complete) {
-          cinemapressSetImage(cinemapressSrc, 'cinemapressSrc');
-        } else {
-          cinemapressSrc.addEventListener('load', function() {
-            cinemapressSetImage(cinemapressSrc, 'cinemapressSrc');
-          }, { once: true });
+  (function() {
+    var dataAllSrc = document.querySelectorAll('[data-cinemapress-src],[data-cinemapress-bg-src]');
+    var dataAllSrcCount = (dataAllSrc && dataAllSrc.length) || 0;
+    var dataAllSrcCountComp = 0;
+    var fSrc = {
+      'dataCountImage': function() {
+        dataAllSrcCountComp = dataAllSrcCountComp+1;
+        if (dataAllSrcCount && dataAllSrcCountComp >= dataAllSrcCount) {
+          dataAllSrcCount = 0;
+          setTimeout(function() {
+            fSrc['checkLoad'](dataAllSrc, 'dataSetImage');
+          }, 1);
         }
-      });
-    }
-    var dataCinemapressBgSrc = document.querySelectorAll('[data-cinemapress-bg-src]');
-    if (dataCinemapressBgSrc) {
-      dataCinemapressBgSrc.forEach(function(cinemapressBgSrc) {
-        cinemapressSetImage(cinemapressBgSrc, 'cinemapressBgSrc');
-      });
-    }
-    function cinemapressSetImage(elem, name) {
-      var img = new Image();
-      img.src = elem.dataset[name];
-      img.onload = function() {
-        if (name === 'cinemapressBgSrc') {
-          elem.style.backgroundImage = 'url("' + elem.dataset[name] + '")';
-        } else {
-          elem.src = elem.dataset[name];
+      },
+      'dataSetImage': function(el) {
+        var src = el.dataset.cinemapressSrc;
+        var bgSrc = el.dataset.cinemapressBgSrc;
+        if (!src && !bgSrc) return;
+        var img = new Image();
+        img.src = src ? src : bgSrc;
+        img.onload = function() {
+          if (src) { el.src = src; }
+          else { el.style.backgroundImage = 'url("' + bgSrc + '")';}
         }
+      },
+      'checkLoad': function(els, fn) {
+        if (!els) return;
+        els.forEach(function(src) {
+          if (typeof src.complete === 'undefined' || src.complete) {
+            fSrc[fn](src);
+          } else {
+            src.addEventListener('load', function() {
+              fSrc[fn](this);
+            }, { once: true });
+          }
+        });
       }
     }
-  });
+    fSrc['checkLoad'](dataAllSrc, 'dataCountImage');
+  })();
 </script>
 
 <script src="/themes/<%- page.theme %>/public/js/all.min.js"></script>