From a8ce829e6cb04b902d34bcb494929836425b55fb Mon Sep 17 00:00:00 2001
From: jdescottes <julian.descottes@gmail.com>
Date: Sat, 12 Jul 2014 00:41:39 +0200
Subject: [PATCH] Image dnd first implementation

---
 src/js/app.js                         |  3 ++
 src/js/service/ImageDropperService.js | 78 +++++++++++++++++++++++++++
 src/piskel-script-list.js             |  1 +
 3 files changed, 82 insertions(+)
 create mode 100644 src/js/service/ImageDropperService.js

diff --git a/src/js/app.js b/src/js/app.js
index c9ab4bb1..0c18c176 100644
--- a/src/js/app.js
+++ b/src/js/app.js
@@ -105,6 +105,9 @@
       this.beforeUnloadService = new pskl.service.BeforeUnloadService(this.piskelController);
       this.beforeUnloadService.init();
 
+      this.imageDropperService = new pskl.service.ImageDropperService(this.piskelController, $('#drawing-canvas-container').get(0));
+      this.imageDropperService.init();
+
 
       if (this.isAppEngineVersion) {
         this.storageService = new pskl.service.AppEngineStorageService(this.piskelController);
diff --git a/src/js/service/ImageDropperService.js b/src/js/service/ImageDropperService.js
new file mode 100644
index 00000000..0db75e6a
--- /dev/null
+++ b/src/js/service/ImageDropperService.js
@@ -0,0 +1,78 @@
+(function () {
+  var ns = $.namespace('pskl.service');
+
+  ns.ImageDropperService = function (piskelController, drawingAreaContainer) {
+    this.piskelController = piskelController;
+    this.drawingAreaContainer = drawingAreaContainer;
+  };
+
+  ns.ImageDropperService.prototype.init = function () {
+    document.body.addEventListener('drop', this.onFileDrop.bind(this), false);
+    document.body.addEventListener('dragover', this.onFileDragOver.bind(this), false);
+  };
+
+  ns.ImageDropperService.prototype.onFileDrop = function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+
+    // FIXME : Ahah this is horrible
+    this.coords_ = pskl.app.drawingController.getSpriteCoordinates(event);
+
+    var files = event.dataTransfer.files;
+
+    for (var i = 0; i < files.length ; i++) {
+      var file = files[i];
+      var isImage = file.type.indexOf('image') === 0;
+      if (isImage) {
+        this.readImageFile_(file);
+      }
+    }
+  };
+
+  ns.ImageDropperService.prototype.onFileDragOver = function (event) {
+    event.stopPropagation();
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'Copy image on the frame'; // Explicitly show this is a copy.
+  };
+
+
+  ns.ImageDropperService.prototype.readImageFile_ = function (imageFile) {
+    pskl.utils.FileUtils.readFile(imageFile, this.processImageSource_.bind(this));
+  };
+
+  ns.ImageDropperService.prototype.processImageSource_ = function (imageSource) {
+    this.importedImage_ = new Image();
+    this.importedImage_.onload = this.onImageLoaded_.bind(this);
+    this.importedImage_.src = imageSource;
+  };
+
+  ns.ImageDropperService.prototype.onImageLoaded_ = function () {
+    var frame = pskl.utils.FrameUtils.createFromImage(this.importedImage_);
+    var currentFrame = this.piskelController.getCurrentFrame();
+
+    var xCoord = this.coords_.x - Math.floor(frame.width/2);
+    var yCoord = this.coords_.y - Math.floor(frame.height/2);
+    xCoord = Math.max(0, xCoord);
+    yCoord = Math.max(0, yCoord);
+
+    if (frame.width <= currentFrame.width) {
+      xCoord = Math.min(xCoord, currentFrame.width - frame.width);
+    }
+
+    if (frame.height <= currentFrame.height) {
+      yCoord = Math.min(yCoord, currentFrame.height - frame.height);
+    }
+    currentFrame.forEachPixel(function (color, x, y) {
+      var fColor = frame.getPixel(x-xCoord, y-yCoord);
+      if (fColor && fColor != Constants.TRANSPARENT_COLOR) {
+        currentFrame.setPixel(x, y, fColor);
+      }
+    });
+
+    $.publish(Events.PISKEL_RESET);
+    $.publish(Events.PISKEL_SAVE_STATE, {
+      type : pskl.service.HistoryService.SNAPSHOT
+    });
+  };
+
+})();
\ No newline at end of file
diff --git a/src/piskel-script-list.js b/src/piskel-script-list.js
index 98ecf14b..da06fa67 100644
--- a/src/piskel-script-list.js
+++ b/src/piskel-script-list.js
@@ -114,6 +114,7 @@
   "js/service/keyboard/CheatsheetService.js",
   "js/service/ImageUploadService.js",
   "js/service/CurrentColorsService.js",
+  "js/service/ImageDropperService.js",
 
   // Tools
   "js/drawingtools/BaseTool.js",