mobile layout

1 files changed, 24 insertions, 7 deletions

diff --git a/public/assets/js/nav.js b/public/assets/js/nav.js
index e86c8cd..ae6fabe 100644
--- a/public/assets/js/nav.js
+++ b/public/assets/js/nav.js
@@ -2,10 +2,13 @@ var NavView = View.extend({
 
   el: "body",
   events: {
-    "click #prev": "prev",
-    "click #next": "next",
-    "click #refresh": "refresh",
-    "click #random": "random",
+    "click .prev": "prev",
+    "click .next": "next",
+    "touchstart .prev": "prev",
+    "touchstart .next": "next",
+    "touchstart .link": "link",
+    "click .refresh": "refresh",
+    "click .random": "random",
   },
   
   initialize: function(){
@@ -30,6 +33,13 @@ var NavView = View.extend({
     else {
       this.latest()
     }
+    
+    $(".prev").on("touchstart", function(){
+      console.log("<<<<<PREV")
+    })
+    $(".prev").on("click", function(){
+      console.log("<<<<<CLICKPREV")
+    })
   },
   
   keydown: function(e){
@@ -88,11 +98,18 @@ var NavView = View.extend({
       this.onLatest = true
       return
     }
+    this.data = data
     this.id = data.id
-    this.$pip.attr("href", data.url)
-    this.$pip_img.attr("src", "")
-    setTimeout(function(){ this.$pip_img.attr("src", data.url) }.bind(this))
+    if (is_desktop) {
+      this.$pip.attr("href", data.url)
+      this.$pip_img.attr("src", "")
+      setTimeout(function(){ this.$pip_img.attr("src", data.url) }.bind(this))
+    }
     this.$image.css("background-image", "url(" + data.url + ")")
   },
+  
+  link: function(){
+    window.open(this.data.url, "_blank")
+  },
 
 })