kahuna/public/js/upload/file-uploader.js

import angular from 'angular';
import template from './file-uploader.html';

import '../directives/gr-file-change';

export var fileUploader = angular.module('kahuna.upload.fileUploader', [
    'gr.fileChange'
]);


fileUploader.controller('FileUploaderCtrl',
                  ['$state', 'uploadManager',
                   function($state, uploadManager) {

    var ctrl = this;

    ctrl.$onInit = () => {
      ctrl.uploadFiles = uploadFiles;

      function uploadFiles(files) {
          // Queue up files for upload and go to the upload state to
          // show progress
          uploadManager.upload(files).then(() => {
            // Force reload, in case we're already in that state
            // TODO: Don't do this as it reloads "Your uploads" too
            $state.go('upload', {}, {reload: true});
          });
      }
    };
}]);


fileUploader.directive('fileUploader', [function() {
    return {
        restrict: 'E',
        controller: 'FileUploaderCtrl',
        controllerAs: 'ctrl',
        template: template,
        link: function(_, element) {
            // fake the click on the file input
            element.on('click', () => {
                element[0].querySelectorAll('input[type="file"]')[0].click();
            });
        }
    };
}]);