erp5_document_scanner: make jslint happy

erp5_document_scanner/SkinTemplateItem/portal_skins/erp5_document_scanner/gadget_document_scanner.js.js

-(function (rJS, RSVP, window, document, navigator, Cropper, console, alert, FileReader, URL, jIO) {
+/*jslint indent: 2 */
+/*global rJS, RSVP, window, document, navigator, Cropper, alert, FileReader, jIO */
+(function (rJS, RSVP, window, document, navigator, Cropper, alert, FileReader, jIO) {
   "use strict";
 
   var imageWidth,
@@ -18,24 +20,92 @@
     return imageCapture.getPhotoCapabilities();
   }
 
+  function takePicture(gadget) {
+    imageCapture.takePhoto({imageWidth: imageWidth})
+      .then(function (blob) {
+        var reader = new FileReader();
+        reader.readAsDataURL(blob);
+        reader.onloadend = function () {
+          photoInput.setAttribute("value", reader.result.split(",")[1]);
+          photo.setAttribute("src", reader.result);
+          photo.setAttribute("width", imageWidth);
+          photo.setAttribute("height", imageHeight);
+          return drawCanvas(gadget, photo);
+        };
+      });
+  }
+
+  function drawCanvas(gadget, img) {
+    var ratio, x, y;
+    canvas.width = imageWidth;
+    canvas.height = imageHeight;
+    ratio  = Math.min(canvas.width / img.width, canvas.height / img.height);
+    x = (canvas.width - img.width * ratio) / 2;
+    y = (canvas.height - img.height * ratio) / 2;
+
+    document.querySelector("textarea[name='field_your_description']").value += "\nImage size " + img.width + "x" + img.height;
+
+    canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
+    canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height, x, y, img.width * ratio, img.height * ratio);
+
+    //grayscale(canvas, canvas);
+    //contrastImage(canvas, canvas, 10);
+
+    gadget.querySelector(".camera-output").style.display = "";
+    if (cropper) {
+      cropper.destroy();
+    }
+    return RSVP.Queue()
+      .push(function () {
+        return storage.get("settings");
+      })
+      .push(function (data) {
+        cropper = new Cropper(gadget.querySelector('.photo'), {data: data});
+        gadget.querySelector(".crop-button").addEventListener("click", function (evt) {
+          var canvasData;
+          evt.preventDefault();
+          canvasData = cropper.getCanvasData();
+          storage.put("settings", cropper.getData());
+          cropper.getCroppedCanvas().toBlob(function (blob) {
+            var reader = new window.FileReader();
+            reader.readAsDataURL(blob);
+            reader.onloadend = function () {
+              var base64data = reader.result,
+                block = base64data.split(";"),
+                realData = block[1].split(",")[1];
+
+              photo.style.width = canvasData.width + "px";
+              photo.style.height = canvasData.height + "px";
+
+              photo.src = base64data;
+              photoInput.value = realData;
+              cropper.destroy();
+            };
+          });
+        });
+      });
+  }
+
   function contrastImage(input, output, contrast) {
-    var outputContext,
+    var i,
+      outputContext,
       inputContext = input.getContext("2d"),
       imageData = inputContext.getImageData(0, 0, input.width, input.height),
       data = imageData.data,
       factor = (259 * (contrast + 255)) / (255 * (259 - contrast));
 
-    for (var i=0;i<data.length;i+=4) {
+    for (i = 0; i < data.length; i += 4) {
       data[i] = factor * (data[i] - 128) + 128;
-      data[i+1] = factor * (data[i+1] - 128) + 128;
-      data[i+2] = factor * (data[i+2] - 128) + 128;
+      data[i + 1] = factor * (data[i + 1] - 128) + 128;
+      data[i + 2] = factor * (data[i + 2] - 128) + 128;
     }
     outputContext = output.getContext("2d");
     outputContext.putImageData(imageData, 0, 0);
   }
 
-  function grayscale (input, output) {
-    var gray,
+  function grayscale(input, output) {
+    var i,
+      gray,
       outputContext,
       inputContext = input.getContext("2d"),
       imageData = inputContext.getImageData(0, 0, input.width, input.height),
@@ -44,18 +114,17 @@
 
     //gray = 0.3*R + 0.59*G + 0.11*B
     // http://www.tannerhelland.com/3643/grayscale-image-algorithm-vb6/
-    for (var i=arraylength-1; i>0;i-=4) {
-     gray = 0.3 * data[i-3] + 0.59 * data[i-2] + 0.11 * data[i-1];
-     data[i-3] = gray;
-     data[i-2] = gray;
-     data[i-1] = gray;
+    for (i = arraylength - 1; i > 0; i -= 4) {
+      gray = 0.3 * data[i - 3] + 0.59 * data[i - 2] + 0.11 * data[i - 1];
+      data[i - 3] = gray;
+      data[i - 2] = gray;
+      data[i - 1] = gray;
     }
     outputContext = output.getContext("2d");
     outputContext.putImageData(imageData, 0, 0);
   }
 
   function startup(gadget, device_id) {
-    var media, mediaList = [];
     video = gadget.querySelector(".video");
     canvas = gadget.querySelector(".canvas");
     photo = gadget.querySelector(".photo");
@@ -63,28 +132,27 @@
     startbutton = gadget.querySelector(".startbutton");
 
     return RSVP.Queue()
-      .push(function() {
+      .push(function () {
         return navigator.mediaDevices.getUserMedia({video: {deviceId: {exact: device_id}}});
       })
       .push(gotStream)
-      .push(function(photoCapabilities) {
+      .push(function (photoCapabilities) {
         imageWidth = photoCapabilities.imageWidth.max;
         imageHeight = photoCapabilities.imageHeight.max;
         document.querySelector("textarea[name='field_your_description']").value = "Max => " + imageWidth + "x" + imageHeight;
         video.play();
       })
-      .push(function(){
+      .push(function () {
         /*
           XXX remove addEventListener. Instead, use renderJS declareService / onEvent,
           which will handle unloading the listener and correctly catching errors
           Remove soon
         */
-        startbutton.addEventListener("click", function(evt){
+        startbutton.addEventListener("click", function (evt) {
           evt.preventDefault();
           takePicture(gadget);
         }, false);
       });
-
   }
 
   function clearphoto() {
@@ -95,75 +163,8 @@
     photo.setAttribute("src", data);
   }
 
-  function takePicture(gadget) {
-    imageCapture.takePhoto({imageWidth: imageWidth})
-      .then(function(blob){
-        var reader = new FileReader();
-        reader.readAsDataURL(blob);
-        reader.onloadend = function() {
-          photoInput.setAttribute("value", reader.result.split(",")[1]);
-          photo.setAttribute("src", reader.result);
-          photo.setAttribute("width", imageWidth);
-          photo.setAttribute("height", imageHeight);
-          return drawCanvas(gadget, photo);
-        };
-      });
-  }
-
-  function drawCanvas(gadget, img) {
-    var ratio, x, y, data;
-    canvas.width = imageWidth;
-    canvas.height = imageHeight;
-    ratio  = Math.min(canvas.width / img.width, canvas.height / img.height);
-    x = (canvas.width - img.width * ratio) / 2;
-    y = (canvas.height - img.height * ratio) / 2;
-
-    document.querySelector("textarea[name='field_your_description']").value += "\nImage size " + img.width + "x" + img.height;
-
-    canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
-    canvas.getContext('2d').drawImage(img, 0, 0, img.width, img.height, x, y, img.width * ratio, img.height * ratio);
-
-    //grayscale(canvas, canvas);
-    //contrastImage(canvas, canvas, 10);
-
-    gadget.querySelector(".camera-output").style.display = "";
-    if (cropper) {
-      cropper.destroy();
-    }
-    return RSVP.Queue()
-     .push(function () {
-        return storage.get("settings");
-     })
-     .push(function (data) {
-       cropper = new Cropper(gadget.querySelector('.photo'), {data: data});
-       gadget.querySelector(".crop-button").addEventListener("click", function(evt) {
-         var canvasData;
-         evt.preventDefault();
-        canvasData = cropper.getCanvasData();
-        storage.put("settings", cropper.getData());
-        cropper.getCroppedCanvas().toBlob(function(blob){
-          var reader = new window.FileReader(),
-            photo = gadget.querySelector(".photo");
-          reader.readAsDataURL(blob);
-          reader.onloadend = function () {
-            var base64data = reader.result,
-              block = base64data.split(";"),
-              contentType = block[0].split(":")[1],
-              realData = block[1].split(",")[1];
-
-            photo.style.width = canvasData.width + "px";
-            photo.style.height = canvasData.height + "px";
-
-            photo.src = base64data;
-            photoInput.value = realData;
-            cropper.destroy();
-          };
-        });
-      });
-    });
-  }
   rJS(window)
-    .ready(function (g) {
+    .ready(function () {
       return RSVP.Queue()
         .push(function () {
           return jIO.createJIO({
@@ -175,11 +176,11 @@
           storage = proxy;
           return storage.get("settings");
         })
-       .then(undefined, function (error) {
+        .then(undefined, function () {
           return storage.put("settings");
         });
     })
-    .declareMethod('render', function (options) {
+    .declareMethod('render', function () {
       var el,
         root,
         selector;
@@ -188,7 +189,7 @@
           root = element;
           selector = element.querySelector("select");
           if (!navigator.mediaDevices) {
-            throw("mediaDevices is not supported");
+            throw ("mediaDevices is not supported");
           }
           return navigator.mediaDevices.enumerateDevices();
         })
@@ -206,8 +207,8 @@
             }
           }
         })
-        .push(function() {
-          selector.addEventListener("change", function(evt) {
+        .push(function () {
+          selector.addEventListener("change", function (evt) {
             if (video) {
               video.pause();
             }
@@ -216,7 +217,7 @@
             }
           });
         })
-        .then(undefined, function(e) {
+        .then(undefined, function (e) {
           alert(e);
         });
     })
@@ -227,4 +228,4 @@
       return result;
     });
 
-}(rJS, RSVP, window, document, navigator, Cropper, console, alert, FileReader, URL, jIO));
+}(rJS, RSVP, window, document, navigator, Cropper, alert, FileReader, jIO));
\ No newline at end of file