passman/js/app/directives/qrreader.js

/**
 * Nextcloud - passman
 *
 * @copyright Copyright (c) 2016, Sander Brand (brantje@gmail.com)
 * @copyright Copyright (c) 2016, Marcos Zuriaga Miguel (wolfi@wolfi.es)
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

(function () {
	'use strict';

	/**
	 * @ngdoc directive
	 * @name passmanApp.directive:passwordGen
	 * @description
	 * # passwordGen
	 */
	angular.module('passmanApp').directive("qrread", ['$parse',
		function ($parse) {
			return {
				scope: true,
				link: function (scope, element, attributes) {
					var invoker = $parse(attributes.onRead);
					scope.imageData = null;

					/** global: qrcode */
					qrcode.callback = function (result) {
						//console.log('QR callback:',result);
						invoker(scope, {
							qrdata: {
								qrData: result,
								image: scope.imageData
							}
						});
						//element.val('');
					};
					element.bind("change", function (changeEvent) {
						/** global: FileReader */
						var reader = new FileReader(), file = changeEvent.target.files[0];
						reader.readAsDataURL(file);
						reader.onload = (function () {
							return function (e) {
								//gCtx.clearRect(0, 0, gCanvas.width, gCanvas.height);
								scope.imageData = e.target.result;
								/** global: qrcode */
								qrcode.decode(e.target.result);
							};
						})(file);
					});
				}
			};
		}
	]);
}());