Wallet/src/js/controllers/join.js

'use strict';

angular.module('copayApp.controllers').controller('joinController',
  function($scope, $rootScope, $timeout, go, isMobile, notification, profileService, isCordova, $modal) {

    var self = this;

    //TODO : make one function - this was copied from topbar.js
    var cordovaOpenScanner = function() {
      window.ignoreMobilePause = true;
      cordova.plugins.barcodeScanner.scan(
        function onSuccess(result) {
          $timeout(function() {
            window.ignoreMobilePause = false;
          }, 100);
          if (result.cancelled) return;

          $timeout(function() {
            var data = result.text;
            $scope.secret = data;
            $scope.joinForm.secret.$setViewValue(data);
            $scope.joinForm.secret.$render();
          }, 1000);
        },
        function onError(error) {
          $timeout(function() {
            window.ignoreMobilePause = false;
          }, 100);
          alert('Scanning error');
        });
    };

    var modalOpenScanner = function() {
      var _scope = $scope;
      var ModalInstanceCtrl = function($scope, $rootScope, $modalInstance) {
        // QR code Scanner
        var video;
        var canvas;
        var $video;
        var context;
        var localMediaStream;

        var _scan = function(evt) {

          if (localMediaStream) {
            context.drawImage(video, 0, 0, 300, 225);
            try {
              qrcode.decode();
            } catch (e) {
              //qrcodeError(e);
            }
          }
          $timeout(_scan, 500);
        };

        var _scanStop = function() {
          if (localMediaStream && localMediaStream.stop) localMediaStream.stop();
          localMediaStream = null;
          video.src = '';
        };

        qrcode.callback = function(data) {
          _scanStop();
          $modalInstance.close(data);
        };

        var _successCallback = function(stream) {
          video.src = (window.URL && window.URL.createObjectURL(stream)) || stream;
          localMediaStream = stream;
          video.play();
          $timeout(_scan, 1000);
        };

        var _videoError = function(err) {
          $scope.cancel();
        };

        var setScanner = function() {

          navigator.getUserMedia = navigator.getUserMedia ||
            navigator.webkitGetUserMedia || navigator.mozGetUserMedia ||
            navigator.msGetUserMedia;
          window.URL = window.URL || window.webkitURL ||
            window.mozURL || window.msURL;
        };

        $scope.init = function() {
          setScanner();
          $timeout(function() {
            canvas = document.getElementById('qr-canvas');
            context = canvas.getContext('2d');

            video = document.getElementById('qrcode-scanner-video');
            $video = angular.element(video);
            canvas.width = 300;
            canvas.height = 225;
            context.clearRect(0, 0, 300, 225);

            navigator.getUserMedia({
              video: true
            }, _successCallback, _videoError);
          }, 500);
        };

        $scope.cancel = function() {
          _scanStop();
          $modalInstance.dismiss('cancel');
        };
      };

      var modalInstance = $modal.open({
        templateUrl: 'views/modals/scanner.html',
        windowClass: 'full',
        controller: ModalInstanceCtrl,
        backdrop: 'static',
        keyboard: false
      });
      modalInstance.result.then(function(data) {
        $scope.secret = data;
        $scope.joinForm.secret.$setViewValue(data);
        $scope.joinForm.secret.$render();
      });

    };

    this.openScanner = function() {
      if (isCordova) {
        cordovaOpenScanner();
      } else {
        modalOpenScanner();
      }
    };


    this.join = function(form) {
      if (form && form.$invalid) {
        self.error = 'Please enter the required fields';
        return;
      }
      self.loading = true;

      $timeout(function() {
        profileService.joinWallet({
          secret: form.secret.$modelValue,
          extendedPrivateKey: form.privateKey.$modelValue,
          myName: form.myName.$modelValue
        }, function(err) {
          if (err) {
            self.loading = false;
            self.error = 'Could not join wallet: ' +  (err.message ? err.message : err);
            $rootScope.$apply();
            return
          }
          $timeout(function() {
            go.walletHome();
          }, 2000);
        });
      }, 100);
    }
  });