From 0914d43a8627b52503117340d04bf03c2865137a Mon Sep 17 00:00:00 2001
From: Aileen Nowak <aileen@ghost.org>
Date: Wed, 21 Jun 2017 19:10:09 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=20Infinite=20scroll=20(#316)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 💄  Infinite scroll

closes #314

Adds infinite scroll logic to Casper 2.0

* use jquery min and not slim
---
 assets/js/infinitescroll.js | 18 ++++++++++++++++++
 default.hbs                 | 12 +++++++++---
 2 files changed, 27 insertions(+), 3 deletions(-)
 create mode 100644 assets/js/infinitescroll.js

diff --git a/assets/js/infinitescroll.js b/assets/js/infinitescroll.js
new file mode 100644
index 0000000..b737b7d
--- /dev/null
+++ b/assets/js/infinitescroll.js
@@ -0,0 +1,18 @@
+// Code snippet inspired by https://github.com/douglasrodrigues5/ghost-blog-infinite-scroll
+$().ready(function () {
+    var page = 2,
+        blogUrl = window.location,
+        $result = $('.post-feed');
+
+    $(window).scroll(function () {
+        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
+            if (page <= maxPages) {
+                $.get((blogUrl + '/page/' + page),
+                function (content) {
+                    $result.append($(content).find('.post').hide().fadeIn(100));
+                    page = page + 1;
+                });
+            }
+        }
+    });
+});
diff --git a/default.hbs b/default.hbs
index 80f50ef..b3d7a63 100644
--- a/default.hbs
+++ b/default.hbs
@@ -57,11 +57,17 @@
 
     {{!-- jQuery + Fitvids, which makes all video embeds responsive --}}
     <script
-  src="//code.jquery.com/jquery-3.2.1.slim.min.js"
-  integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
-  crossorigin="anonymous"></script>
+        src="https://code.jquery.com/jquery-3.2.1.min.js"
+        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+        crossorigin="anonymous">
+    </script>
     <script type="text/javascript" src="{{asset "js/jquery.fitvids.js"}}"></script>
 
+    <script>
+        var maxPages = parseInt('{{pagination.pages}}');
+    </script>
+    <script src="{{asset "js/infinitescroll.js"}}"></script>
+
     {{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}}
     {{{block "scripts"}}}