That img module.

(Since I had only one test case, no guarantees on what happens when someone else posts another twitter picture.)
kevinychen · Apr 27, 2013 · 269c79c · 269c79c
1 parent 7b6d899
commit 269c79c
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 18 deletions.
diff --git a/node/app.js b/node/app.js
@@ -34,6 +34,7 @@ app.configure('development', function(){
 app.get('/users', user.list);
 app.get('/menu.json', info.getItems);
 app.get('/news.json', info.getNews);
+app.get('/img.json', info.getImg);
 app.get('/', routes.index);
 
 app.get('/:num', routes.index);

diff --git a/node/public/javascripts/img.js b/node/public/javascripts/img.js
@@ -0,0 +1,21 @@
+var imgURL = '/img.json';
+
+function getImg() {
+    tweetfeed = $("#tweet_feed").html();
+    match = tweetfeed.match(/pic\.twitter([^<]+)/);
+    if (match == null) {
+        $("#imgpanel").slideUp("slow");
+        return;
+    }
+    imgurl = 'http://' + match[0];
+    $.getJSON(imgURL + '?imgurl=' + encodeURIComponent(imgurl), function(data) {
+        if (jQuery.isEmptyObject(data)) {
+            $("#imgpanel").slideUp("slow");
+            return;
+        }
+
+        $("#imgpanel").slideDown("slow");
+        $("#img").html("<img src='" + data.imgurl + "' alt='Image Not Found'/>");
+    });
+};
+
diff --git a/node/routes/info.js b/node/routes/info.js
@@ -68,6 +68,24 @@ function getNews(req, res) {
     return;
 };
 
+function getImg(req, res) {
+    var imgurl = req.query.imgurl;
+    request(imgurl, function(error, response, body) {
+        if (error || response.statusCode != 200) {
+            res.json({});
+            return;
+        };
+        var imageLink = body.match(new RegExp('<img class="large media-slideshow-image"[^>]+'));
+        if (imageLink == null) {
+            res.json({});
+            return;
+        }
+        var realurl = imageLink[0].match(/src="[^"]+/)[0].substring(5); // trim to only url
+        res.json({'imgurl': realurl});
+    });
+};
+
 exports.getItems = getItems;
 exports.getNews = getNews;
+exports.getImg = getImg;
 
diff --git a/node/views/index.ejs b/node/views/index.ejs
@@ -21,6 +21,7 @@
     <script src="/javascripts/menu.js"></script>
     <script src="/javascripts/news.js"></script>
     <script src="/javascripts/fancy.js"></script>
+    <script src="/javascripts/img.js"></script>
 
 <script type='text/javascript'>
     lastUpdated = -1;
@@ -49,27 +50,12 @@
               getPredictions();
               getMenu();
               getNews();
-              getFancy();
+              getImg();
           }
       }, 1000);
 
       $("#tweetpanel").delay(600).slideDown("slow");
 
-      t = setInterval(function(){
-        if ($("#tweet_feed").html() != ""){
-          clearInterval(t);
-          processPic();
-        }
-      },300);
-
-      function processPic(){
-        tweetfeed = $("#tweet_feed").html();
-        match = tweetfeed.match(/pic\.twitter([^<]+)/);
-        imgurl = match[0];
-        $("#img").html("<img src='http://" + imgurl + "' />");
-        $("#imgpanel").delay(600).slideDown("slow");
-      }
-
     });
 </script>
 
@@ -134,6 +120,7 @@
             </div>  
           </div>
 
+          <!--
           <div class="row">
             <div class="large-12 columns" id='fancypanel'>
               <h3 class='fancy-header'>Fancy</h3>
@@ -142,7 +129,7 @@
               </div>
             </div>  
           </div>
-<!--
+          -->
           <div class="row">
             <div class="large-12 columns" id='imgpanel'>
               <h3 class='img-header'>Image</h3>
@@ -151,7 +138,6 @@
               </div>
             </div>  
           </div>
--->
         </div>
         <!--
         <div id='' class='panel'>