extremely basic nav

1 files changed, 31 insertions, 0 deletions

diff --git a/public/assets/js/lib/HeaderView.js b/public/assets/js/lib/HeaderView.js
new file mode 100644
index 0000000..b568ecb
--- /dev/null
+++ b/public/assets/js/lib/HeaderView.js
@@ -0,0 +1,31 @@
+var HeaderView = View.extend({
+
+  el: "nav",
+
+  events: {
+    "click .index": "toggleNav",
+  },
+  
+  initialize: function(){
+    this.$pageNumber = this.$(".page-no")
+    this.$slideNumber = this.$(".slide-no")
+    this.$slideCount = this.$(".slide-count")
+  },
+  
+  updateSlideNumber: function(n){
+    this.$slideNumber.html(n + 1)
+  },
+
+  updatePageNumber: function(n){
+    this.$pageNumber.html(n + 1)
+  },
+
+  updateSlideCount: function(n){
+    this.$slideCount.html(n)
+  },
+  
+  toggleNav: function(){
+    $('body').toggleClass('navopen');
+  },
+
+})