Added motech-file-upload directive to common

bower.json

@@ -40,7 +40,8 @@
     "angular-breadcrumb": "^0.4.1",
     "jquery-timepicker-addon": "^1.3.1",
     "jquery-ui": "^1.11.4",
-    "messageformat": "^0.3.1"
+    "messageformat": "^0.3.1",
+    "jasny-bootstrap": "git://github.com/jasny/bootstrap"
   },
   "overrides": {
     "angular-bootstrap": {
@@ -84,6 +85,12 @@
       "main": [
         "./messageformat.js"
       ]
+    },
+    "jasny-bootstrap": {
+      "main": [
+        "./dist/css/jasny-bootstrap.css",
+        "./js/fileinput.js"
+      ]
     }
   },
   "resolutions": {

src/common/motech-file-upload/motech-file-upload.directive.js

@@ -0,0 +1,34 @@
+(function () {
+    'use strict';
+
+    angular.module('motech-common')
+        .directive('motechFileUpload', ['$compile', '$timeout', '$http', '$templateCache', motechFileUploadDirective]);
+
+    function motechFileUploadDirective($compile, $timeout, $http, $templateCache) {
+        var templateLoader;
+
+        return {
+            restrict: 'E',
+            replace : true,
+            transclude: false,
+            compile: function (tElement, tAttrs, scope) {
+                var url = '../server/resources/partials/motech-file-upload.html',
+
+                templateLoader = $http.get(url, {cache: $templateCache})
+                    .success(function (html) {
+                        tElement.html(html);
+                    });
+
+                return function (scope, element, attrs) {
+                    templateLoader.then(function () {
+                        var $input = element.find("#fileInput");
+                        if (attrs.accept) {
+                            $input.attr('accept', attrs.accept);
+                        }
+                        element.html($compile(tElement.html())(scope));
+                    });
+                };
+            }
+        };
+    }
+})();

src/common/motech-file-upload/motech-file-upload.html

@@ -0,0 +1,10 @@
+<div class="form-control input-auto input-large fileinput-exists" data-trigger="fileinput">
+    <span class="glyphicon glyphicon-file"></span>&nbsp;
+    <span class="fileinput-preview"></span>
+</div>
+<span class="btn btn-default btn-file">
+        <span class="fileinput-new">{{'server.button.selectFile' | translate}}</span>
+        <span class="fileinput-exists">{{'server.button.changeFile' | translate}}</span>
+        <input type="file" id="fileInput" name="file" class="input-file"/>
+    </span>
+<button class="button-delete fileinput-exists" data-dismiss="fileinput">{{'server.button.remove' | translate}}</button>