Fixed nonce integration with file upload

Author: Redjaw

knowage/src/main/webapp/js/src/angular_1.4/tools/commons/upload-file/FileUpload.js

@@ -23,6 +23,12 @@ angular.module('file_upload', [ 'ngMaterial', 'sbiModule'])
 	    controllerAs: 'ctrl',
 	    link: function(scope, element, attrs, ctrl, transclude) {
 
+			var input = element.find('input')[0];
+			input.addEventListener('change', function () {
+				scope.ctrl.setFile(this);
+			});
+
+
 	    	scope.id = "fileUpload" + Math.floor(Math.random() * 1000);
 	    	if (attrs.id){
 	    		scope.id = attrs.id;
@@ -41,7 +47,8 @@ angular.module('file_upload', [ 'ngMaterial', 'sbiModule'])
 
 
 function FileUploadControllerFunction($scope,$timeout,$mdDialog,sbiModule_translate){
-	$scope.setFile = function (element){
+	var vm = this
+	vm.setFile = function (element){
 
 		var max = $scope.fileMaxSize != undefined ? $scope.fileMaxSize : defaultFileMaxSize;
 

knowage/src/main/webapp/js/src/angular_1.4/tools/commons/upload-file/template/file-upload.html

@@ -3,7 +3,7 @@
 	<label ng-disabled='ngDisabled' id="{{id}}" class="md-button md-knowage-theme md-raised md-ExtraMini" md-ink-ripple for="{{id}}_input">
 		<span >{{textButton}}</span>
 	</label>
-	<input  ng-disabled='ngDisabled' id="{{id}}_input" type="file" class="ng-hide" onclick="this.value=null" onchange='angular.element(this).scope().setFile(this)'/>
+	<input  ng-disabled='ngDisabled' id="{{id}}_input" type="file" class="ng-hide" onclick="this.value=null"/>
 	<md-input-container flex='ngDisabled' >
 		<input type='text' disabled ng-model="fileName" aria-label="file name"/>
 	</md-input-container>