From 92658167b1a526f8927f70af4de8829ef6e027c7 Mon Sep 17 00:00:00 2001
From: Connor Turland <connorturland@gmail.com>
Date: Wed, 17 Aug 2016 13:53:11 +0000
Subject: [PATCH] enable loading more

---
 app/assets/javascripts/src/Metamaps.Views.js | 15 +++++++++++++++
 app/assets/stylesheets/clean.css.erb         |  5 +++++
 2 files changed, 20 insertions(+)

diff --git a/app/assets/javascripts/src/Metamaps.Views.js b/app/assets/javascripts/src/Metamaps.Views.js
index da43e93a..56096f0a 100644
--- a/app/assets/javascripts/src/Metamaps.Views.js
+++ b/app/assets/javascripts/src/Metamaps.Views.js
@@ -80,10 +80,25 @@ Metamaps.Views.init = function () {
         that.el.appendChild(view.render().el)
       })
       this.$el.append('<div class="clearfloat"></div>')
+      
+      if (this.collection.length >= 20 && this.collection.page != "loadedAll") {
+        this.$el.append('<button class="button loadMore">load more</button>')
+        this.$el.append('<div class="clearfloat"></div>')
+      }
+      
       $('#exploreMaps').empty().html(this.el) 
+      this.$el.find('.loadMore').click(that.loadMore.bind(that))
       if (cb) cb()
       Metamaps.Loading.hide()
     },
+    loadMore: function () {
+      if (this.collection.page != "loadedAll") {
+        this.collection.getMaps();
+      }
+      else {
+        this.$el.find('.loadMore').hide()
+      }
+    },
     handleSuccess: function (cb) {
       if (this.collection && this.collection.id === 'mapper') {
         this.fetchUserThenRender(cb)
diff --git a/app/assets/stylesheets/clean.css.erb b/app/assets/stylesheets/clean.css.erb
index a5493c7e..4b1aec7f 100644
--- a/app/assets/stylesheets/clean.css.erb
+++ b/app/assets/stylesheets/clean.css.erb
@@ -603,6 +603,11 @@
   margin-top: 110px;
 }
 
+.button.loadMore {
+  margin: 10px auto 20px;
+  display: block;
+}
+
 .appsPage #exploreMapsHeader {
   display: block;
 }