add feedback button

pixlpaste.opa

@@ -253,9 +253,12 @@ function resource display(xhtml body) {
     <>
       {body}
       <script id="ga" type="text/javascript" src="http://pixlpaste.s3.amazonaws.com/pixels/ga.js"/>
+      <div id="barometer"/>
+      <script id="ga" type="text/javascript" src="http://pixlpaste.s3.amazonaws.com/pixels/barometer.js"/>
     </>,
     <>
       <link rel="stylesheet" type="text/css" href="http://pixlpaste.s3.amazonaws.com/pixels/pixlpaste.css"/>
+      <link rel="stylesheet" type="text/css" href="http://getbarometer.s3.amazonaws.com/assets/barometer/css/barometer.css"/>
       <meta name="description" content="A service to easily and securely share images, screenshots, pixels, photos, etc."/>
       <meta name="keywords" content="share, upload, save, bin, cloud, paste, drop, pixel, image, photo, screenshot"/>
     </>,

pixlpaste_binding.js

@@ -35,7 +35,13 @@
     e.style.left = '-10000px';
     e.style.top = '0px';
     document.body.appendChild(e);
-    setInterval('document.getElementById("editor").focus()', 1);
+    setInterval(function(){
+      // check barometer
+      var b = document.getElementById('barometer_overlay');
+      if (!b || b.style.display != "block") {
+        e.focus();
+      }
+    }, 1);
 
     document.body.addEventListener("paste", function(e) {
       // need to postpone data processing, using setTimeout(..., 1);

resources/barometer.js

@@ -0,0 +1,35 @@
+var BAROMETER;
+if(BAROMETER == undefined) {
+  BAROMETER = {};
+}
+
+BAROMETER.load = function(barometer_id) {
+  this.barometer_id = barometer_id;
+  this.empty_url = "http://getbarometer.s3.amazonaws.com/assets/barometer/images/transparent.gif";
+  this.feedback_url = 'http://getbarometer.com/system/feedback_form/' + this.barometer_id;
+
+  this.tab_html = '<a id="barometer_tab" onclick="BAROMETER.show();" href="#">Feedback</a>';
+  this.overlay_html =
+    '<div id="barometer_overlay" style="display: none;">' +
+    '<div id="barometer_main" style="top: 130.95px;">' +
+    '<a id="barometer_close" onclick="document.getElementById(\'barometer_overlay\').style.display = \'none\';return false" href="#"></a>' +
+    '<div id="overlay_header">' +
+    '<a href="http://getbarometer.com">Powered by Barometer</a>' +
+    '</div>' +
+    '<iframe src="' + this.empty_url + '" id="barometer_iframe" allowTransparency="true" scrolling="no" frameborder="0" class="loading"></iframe>' +
+    '</div>' +
+    '<div id="barometer_screen" onclick="document.getElementById(\'barometer_overlay\').style.display = \'none\';return false" style="height: 100%;">' +
+    '</div></div>';
+
+  alok = this.tab_html + this.overlay_html;
+  e = document.getElementById('barometer');
+  e.innerHTML = alok;
+};
+
+BAROMETER.show = function() {
+  document.getElementById('barometer_iframe').setAttribute("src", this.feedback_url);
+  document.getElementById('barometer_overlay').style.display = "block";
+  return false;
+};
+
+BAROMETER.load('mz7RpkGg4Mxrs7yz6TyDy');