From 66725af0f80fd8fbff29d553c6f20054409ab0c0 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sat, 27 Aug 2016 12:08:53 +0200
Subject: fix js library loading

---
 themes/flog/layouts/partials/listing.html | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

(limited to 'themes/flog/layouts/partials/listing.html')

diff --git a/themes/flog/layouts/partials/listing.html b/themes/flog/layouts/partials/listing.html
index 31e5614..93fe09d 100644
--- a/themes/flog/layouts/partials/listing.html
+++ b/themes/flog/layouts/partials/listing.html
@@ -28,7 +28,29 @@
         {{ end }}
     </div>
 </main>
-<script type="text/javascript" src="/js/masonry-4.1.min.js"></script>
 <script type="text/javascript">
-    new Masonry('.grid', { itemSelector: '.grid-item', percentPosition: true, columnWidth: '.grid-sizer' });
+    var masonryReadyAttached;
+    
+    if (typeof $ === 'undefined') {
+        document.addEventListener('DOMContentLoaded', loadMasonry);
+    }
+    if (typeof masonryReadyAttached === 'undefined') {
+        masonryReadyAttached = true;
+        document.addEventListener('pageReady', loadMasonry);
+    }
+    
+    function loadMasonry() {
+        if (typeof Masonry === 'undefined') {
+            console.log('loading masonry files');
+            $.getScript('/js/masonry-4.1.min.js', showMasonry);
+        } else {
+            console.log('masonry files already present');
+            showMasonry();
+        }
+    }
+    function showMasonry() {
+        if ($('.grid').length == 0) return;
+        console.log('using masonry to fix this grid');
+        new Masonry('.grid', { itemSelector: '.grid-item', percentPosition: true, columnWidth: '.grid-sizer' });
+    }
 </script>
-- 
cgit v1.3.1