From bf7a755748f2e513476668f496dcf0730c21b946 Mon Sep 17 00:00:00 2001
From: Philip Eichinski <phil.eichinski@gmail.com>
Date: Mon, 13 Aug 2018 10:07:01 +1000
Subject: [PATCH] feat(citizenScience): styling of next sample button

---
 .../citizenScience/datasetProgress/_progress.scss   | 13 +++++++++++++
 .../datasetProgress/citizenScienceSamples.js        |  5 +++++
 .../datasetProgress/datasetProgress.tpl.html        |  2 +-
 3 files changed, 19 insertions(+), 1 deletion(-)
 create mode 100644 src/app/citizenScience/datasetProgress/_progress.scss

diff --git a/src/app/citizenScience/datasetProgress/_progress.scss b/src/app/citizenScience/datasetProgress/_progress.scss
new file mode 100644
index 00000000..e83b540e
--- /dev/null
+++ b/src/app/citizenScience/datasetProgress/_progress.scss
@@ -0,0 +1,13 @@
+
+.citSci-next {
+
+  margin-left: 30px;
+
+  a, button {
+
+    width: 220px;
+
+  }
+
+}
+
diff --git a/src/app/citizenScience/datasetProgress/citizenScienceSamples.js b/src/app/citizenScience/datasetProgress/citizenScienceSamples.js
index 4a6c3078..4d7a265a 100644
--- a/src/app/citizenScience/datasetProgress/citizenScienceSamples.js
+++ b/src/app/citizenScience/datasetProgress/citizenScienceSamples.js
@@ -157,6 +157,11 @@ csSamples.factory("CsSamples", [
                     self.requestPageOfItems(true);
                 }
 
+                // note: indexes are 0-indexed, paging is 1-indexed
+                var debug_message = {currentIndex: self.currentIndex, currentPageMeta: self.pages[self.pages.length - 1].meta.paging};
+                console.log("moved to next page: ", debug_message);
+
+
             },
 
             nextItemAvailable : function () {
diff --git a/src/app/citizenScience/datasetProgress/datasetProgress.tpl.html b/src/app/citizenScience/datasetProgress/datasetProgress.tpl.html
index 57a3840b..8b49ae6f 100644
--- a/src/app/citizenScience/datasetProgress/datasetProgress.tpl.html
+++ b/src/app/citizenScience/datasetProgress/datasetProgress.tpl.html
@@ -1,5 +1,5 @@
 
-        <div class="btn-group">
+        <div class="btn-group citSci-next">
             <button ng-if="nextItem"
                     class="btn btn-default"
                     ng-disabled="nextDisabled()"