[fix] Login: file chooser must be opened by controller, not by HTML element itself - Fix issue #886

Author: blavenie

www/js/controllers/login-controllers.js

@@ -43,7 +43,7 @@ function LoginController($scope, $timeout, $controller, csWallet) {
 
 }
 
-function LoginModalController($scope, $timeout, $q, $ionicPopover, CryptoUtils, csCrypto, ionicReady,
+function LoginModalController($scope, $timeout, $q, $ionicPopover, $document, CryptoUtils, csCrypto, ionicReady,
                               UIUtils, BMA, Modals, csSettings, Device, parameters) {
   'ngInject';
 
@@ -544,6 +544,16 @@ function LoginModalController($scope, $timeout, $q, $ionicPopover, CryptoUtils,
     });
   };
 
+  /**
+   * On the file chooser
+   */
+  $scope.openFileChooser = function() {
+    var elements = angular.element(document.getElementById('loginImportFile'));
+    if (elements && elements.length) {
+      elements[0].click();
+    }
+  }
+
   /**
    * On file drop
    */

www/templates/login/form_file_import.html

@@ -8,8 +8,7 @@
 </div>
 
 <div dropzone="onKeyFileDrop(file)">
-  <div ng-if="!formData.file"
-       onclick="angular.element(document.querySelector('#loginImportFile'))[0].click();">
+  <div ng-if="!formData.file" ng-click="openFileChooser()">
     <h2 class="gray" translate>COMMON.CHOOSE_FILE</h2>
     <input type="file" id="loginImportFile" accept=".dunikey,.yml"
            style="visibility:hidden; position:absolute;"