From a7b2a2c8929ec1d17939f2527ac6033beeaea9b7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 31 Mar 2018 14:52:57 +0200
Subject: ascii view

---
 public/assets/js/nav.js | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

(limited to 'public/assets/js/nav.js')

diff --git a/public/assets/js/nav.js b/public/assets/js/nav.js
index a53f6fb..b6be6b5 100644
--- a/public/assets/js/nav.js
+++ b/public/assets/js/nav.js
@@ -30,14 +30,11 @@ var NavView = View.extend({
         return this.fetch(id)
       }
     }
+    if (window.location.pathname.indexOf("/panke/") !== -1) {
+      setInterval(() => { this.fetchAscii() }, 5000)
+      return this.fetchAscii()
+    }
     return this.latest()
-
-    $(".prev").on("touchstart", function(){
-      console.log("<<<<<PREV")
-    })
-    $(".prev").on("click", function(){
-      console.log("<<<<<CLICKPREV")
-    })
   },
 
   keydown: function(e){
@@ -84,15 +81,30 @@ var NavView = View.extend({
   fetch: function(id){
     this.fetching = true
     this.onLatest = false
-console.log('fetch', id)
+    console.log('fetch', id)
     $.get("/p/get/" + id, function(data){
-console.log(data)
+      console.log(data)
       this.fetching = false
       this.display(data)
       history.pushState(data, document.title, "/p/" + data.id)
     }.bind(this))
   },
 
+  fetchAscii: function(){
+    this.fetching = true
+    this.onLatest = false
+    console.log('fetch ascii')
+    $.get("/p/get/randomascii", function(data){
+      console.log(data)
+      var asciiData = {
+        url: "https://s3.amazonaws.com/i.asdf.us/im/" + data.dir + "/" + data.newfile
+      }
+      this.fetching = false
+      this.display(data)
+      // history.pushState(data, document.title, "/p/" + data.id)
+    }.bind(this))
+  },
+
   display: function(data){
     if (! data || ! data.id) {
       this.onLatest = true
-- 
cgit v1.2.3-70-g09d2


From a7eba7c34281e59dcae3a24d4cc73c2148c7d6b7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 31 Mar 2018 14:54:49 +0200
Subject: nav

---
 public/assets/css/css.css | 11 +++++++++++
 public/assets/js/nav.js   |  1 +
 2 files changed, 12 insertions(+)

(limited to 'public/assets/js/nav.js')

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index b5cc410..4fee1b3 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -177,3 +177,14 @@ marquee {
 
 #luckyimage { background-size: contain; pointer-events: none; position: absolute; }
 #mobile_nav { display: block; position: absolute; }
+
+.panke #image,
+.panke #droparea,
+.panke #mobile_nav,
+.panke #spinner {
+  display: none;
+}
+body.panke {
+  background-repeat: no-repeat;
+  background-color: black;
+}
\ No newline at end of file
diff --git a/public/assets/js/nav.js b/public/assets/js/nav.js
index b6be6b5..ecbfe6d 100644
--- a/public/assets/js/nav.js
+++ b/public/assets/js/nav.js
@@ -31,6 +31,7 @@ var NavView = View.extend({
       }
     }
     if (window.location.pathname.indexOf("/panke/") !== -1) {
+      document.body.classList.add("panke")
       setInterval(() => { this.fetchAscii() }, 5000)
       return this.fetchAscii()
     }
-- 
cgit v1.2.3-70-g09d2