drag and drop

app/app.js

@@ -39,4 +39,30 @@ app.config(['$stateProvider', '$urlRouterProvider', '$httpProvider', '$locationP
         $rootScope.$on('$stateChangeError', function (e, curr, prev) {
             //$state.go('login');
         });
-    }]);
+    }])
+    .directive("dropzone", function() {
+        return {
+            restrict : "A",
+            link: function (scope, elem) {
+                elem.bind('drop', function(evt) {
+                    evt.stopPropagation();
+                    evt.preventDefault();
+
+                    var files = evt.dataTransfer.files;
+                    for (var i = 0, f; f = files[i]; i++) {
+                        var reader = new FileReader();
+                        reader.readAsText(f);
+
+                        reader.onload = (function(file) {
+                            return function(e) {
+                                scope.$apply(function() {
+
+                                    scope.setDraggedContent(e.target.result, file);
+                                });
+                            };
+                        })(f);
+                    }
+                });
+            }
+        }
+    });

app/controllers/home.controller.js

@@ -109,6 +109,12 @@ angular.module('app')
                 });
             };
 
+            $scope.setDraggedContent = function(data, file)
+            {
+                $scope.Data.Input = data;
+                $scope.convert();
+            };
+
             $scope.addMacro("\\RR", "\\mathbb{R}");
             $scope.addMacro("\\CC", "\\mathbb{C}");
             $scope.addMacro("\\QQ", "\\mathbb{Q}");

app/index.html

@@ -25,8 +25,8 @@
 
     <!-- build:js app.js -->
     <!-- bower component -->
-    <script src="../bower_components/jquery/dist/jquery.js"></script>
     <script src="../bower_components/angular/angular.js"></script>
+    <script src="../bower_components/jquery/dist/jquery.js"></script>
     <script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
     <script src="../bower_components/angular-bootstrap/ui-bootstrap.js"></script>
     <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>

app/views/home.html

@@ -1,5 +1,5 @@
 <!-- Page Content -->
-<div class="container">
+<div class="container" dropzone>
 
     <div class="row">