From 33955c93ae8050778c75c18756585a59103ea86f Mon Sep 17 00:00:00 2001 From: Scott Ostler Date: Sun, 24 Oct 2010 20:46:30 -0400 Subject: Add initial event logic and merge --- static/js/pichat.js | 83 +++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 77 insertions(+), 6 deletions(-) (limited to 'static/js/pichat.js') 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. -- cgit v1.2.3-70-g09d2