Add initial event logic and merge

1 files changed, 77 insertions, 6 deletions

diff --git a/static/js/pichat.js b/static/js/pichat.js
index b02167b..5713531 100644
--- a/static/js/pichat.js
+++ b/static/js/pichat.js
@@ -373,12 +373,11 @@ function removeFavAndHideBox() {
 function showFav(f) {
     $('#favbox').show();
     buildFav(f).appendTo('#favbox').animate(
-    {"opacity": 0},
-    {"duration": 9000,
-    "easing": "easeInExpo",
-    "complete": removeFavAndHideBox
-    })
-  
+        {"opacity": 0},
+        {"duration": 9000,
+         "easing": "easeInExpo",
+         "complete": removeFavAndHideBox
+        });
 }
 
 
@@ -1699,6 +1698,78 @@ function initChatMsgs() {
     });
 }
 
+var Event = {
+    "init": function(eventKey, templateSrc, urlInput, urlSubmit,
+                     canvas, submitButton,
+                     entryList, proxyToken) {
+        var canvas = $(canvas).get(0);
+        var ctx = canvas.getContext('2d');
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+
+        var UrlEntered = false;
+
+        var url;
+
+        var UserLoaded = false;
+        var UserImg = new Image();
+
+        var TemplateLoaded = false;
+        var TemplateImg = new Image();
+        
+        TemplateImg.onload = function() {
+            TemplateLoaded = true;
+            ctx.drawImage(TemplateImg, 0, 0, cn.width, cn.height);
+        };
+        TemplateImg.src = templateSrc;
+        
+        $(urlSubmit).click(function() {
+            url = $(urlInput).val();
+            var urlSrc = '/event/proxy?url=' + url;
+            if (!urlSrc || urlSrc.length == 0) {
+                alert('Please enter an image url!');
+                $(urlInput).focus();
+                return;
+            }
+
+            UrlEntered = true;
+
+            UserImg.src = urlSrc;
+            UserImg.onload = function () {
+                ctx.drawImage(UserImg, 0, 0, cn.width, cn.height);
+                ctx.drawImage(TemplateImg, 0, 0, cn.width, cn.height);
+                return false;
+            };
+            UserImg.onerror = function() {
+                console.log("Unable to retrieve image for " + url);
+                return false;
+            };
+        });
+
+        $(submitButton).click(function() {
+            if (!UrlEntered) {
+                alert('Please enter a url!');
+                $(urlInput).focus();
+                return;
+            }
+            var data = canvas.toDataURL('image/png').replace(/^data:image\/(png|jpg);base64,/, "");
+            var success = function() {
+                console.log('success');
+            };
+            var error = function() {
+                console.log('error');
+            };
+            $.ajax({ type: 'POST',
+                     url: '/event/dump',
+                     data: { 'event': eventKey, 'image': data, 'src':  url },
+                     success: success,
+                     error: error,
+                     cache: false
+                   });
+        });
+    }
+};
+
+// sha1.js
 
 /* SHA1.js (timb: compressed this)
  * Version 2.2 Copyright Paul Johnston 2000 - 2009.