Interactive Linter reproducer

.jshintrc

{"undef":true,"unused":true,"curly":true,"indent":2, "browser": true, "jquery":true, "globals":{ "angular": true, "_": true, "jsonpointer": true, "moment": true }}

file-select.js

(function() {
  "use stict";
  
  angular.module('components')
    .directive('FileSelect', function($timeout) {
      return {
        templateUrl: '/views/_file-select.html',
        replace: true,
        restrict: 'A',
        transclude: true,
        scope: {
          onFileSelected: "&"
        },
        link: function(scope, element) {
          var fileInput = angular.element('<input style="display: none;" type="file" accept="image/*; capture=camera" />');
          element.parent().append(fileInput);

          fileInput.bind('change', function(e){
            var files = e.target.files,
                file = files.length ? files[0] : null;
            if (file) {
              scope.onFileSelected({ $file: file });
            }
          });
                       
          scope.selectFile = function() {
            $timeout(fileInput.click.bind(fileInput));
          };
          
        }
      };
    });
      
})();