From 960e04d7d64014f7fb8b89c5befc95f0127c11fc Mon Sep 17 00:00:00 2001
From: David Francisco <dmfrancisc@gmail.com>
Date: Fri, 24 Jun 2011 23:27:54 +0100
Subject: [PATCH] Drag-and-drop import using HTML5 File API

---
 javascripts/default.js  | 29 +++++++++++++++++++++++++++++
 stylesheets/preview.css |  5 +++++
 2 files changed, 34 insertions(+)

diff --git a/javascripts/default.js b/javascripts/default.js
index 6935693..1c91bf4 100644
--- a/javascripts/default.js
+++ b/javascripts/default.js
@@ -68,6 +68,33 @@ function writeOn() {
     $('.editor').focus();
 }
 
+/* Text file drag-and-drop */
+function dropFile() {
+    if (typeof window.FileReader === 'undefined') {
+        alert('fail');
+    }
+
+    $("#preview").bind('dragover', function() {
+        $("#paper").addClass('hover');
+        return false;
+    }).bind("dragend", function() {
+        $("#paper").removeClass('hover');
+        return false;
+    }).bind("drop", function (e) {
+        $("#paper").removeClass('hover');
+        e.stopPropagation();
+        e.preventDefault();
+
+        var file = e.originalEvent.dataTransfer.files[0], reader = new FileReader();
+        reader.onload = function (event) {
+          editor.setCode(event.target.result);
+          render(event.target.result);
+        };
+        reader.readAsText(file);
+        return false;
+    });
+}
+
 /* Save written content */
 function saveText() {
     var uriContent = "data:application/octet-stream," + encodeURIComponent(editor.getCode());
@@ -196,10 +223,12 @@ function whileLoading() {
         allMenus.each(function() {
             hideWindow($(this));
         });
+        $("#paper").removeClass('hover');
     });
 
     initLanguageMenu(); // Manage click events on the language menu
     initExportMenu(); // Manage click events on the export menu
+    dropFile(); // Allow drag-and-drop of text files
 }
 
 /* When codemirror is ready */
diff --git a/stylesheets/preview.css b/stylesheets/preview.css
index 0880c12..f006754 100644
--- a/stylesheets/preview.css
+++ b/stylesheets/preview.css
@@ -30,3 +30,8 @@
   font-family: Menlo, Monaco, Consolas, "Lucida Console", monospace;
   margin: 0; padding: 0;
 }
+#paper.hover {
+  -webkit-box-shadow: 0 0 20px rgba(255, 255, 0, 0.4);
+  -moz-box-shadow: 0 0 20px rgba(255, 255, 0, 0.4);
+  box-shadow: 0 0 20px rgba(255, 255, 0, 0.4);
+}