nextcloud / passman-webextension

js/ui/popup/directives/otp.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('passmanExtension')
        .directive('otpGenerator', ['$compile', '$timeout',
            function ($compile, $timeout) {
                function dec2hex(s) {

The function dec2hex does not seem to be used and can be removed.

                    return (s < 15.5 ? '0' : '') + Math.round(s).toString(16);
                }

                function hex2dec(s) {

The function hex2dec does not seem to be used and can be removed.

                    return parseInt(s, 16);
                }

                function base32tohex(base32) {

The function base32tohex does not seem to be used and can be removed.

                    if (!base32) {
                        return;
                    }
                    var base32chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ234567";
                    var bits = "";
                    var hex = "";
                    var i;
                    for (i = 0; i < base32.length; i++) {
                        var val = base32chars.indexOf(base32.charAt(i).toUpperCase());
                        bits += leftpad(val.toString(2), 5, '0');
                    }

                    for (i = 0; i + 4 <= bits.length; i += 4) {
                        var chunk = bits.substr(i, 4);
                        hex = hex + parseInt(chunk, 2).toString(16);
                    }
                    return hex;

                }

                function leftpad(str, len, pad) {
                    if (len + 1 >= str.length) {
                        str = Array(len + 1 - str.length).join(pad) + str;
                    }
                    return str;
                }

                return {
                    restrict: 'A',
                    // template: '<span class="otp_generator">{{otp}} <span ng-bind="timeleft"></span></span>',
                    template: '<span class="otp_generator"><span class="code">{{otp}}</span>  <copy-text text="otp"></copy-text> <div class="radial-progress"><div class="circle"><div class="mask full"><div class="fill"></div></div><div class="mask half"><div class="fill"></div><div class="fill fix"></div></div></div></div></span>',
                    transclude: false,
                    scope: {
                        secret: '='
                    },
                    replace: true,
                    link: function (scope, el) {
                        scope.otp = null;
                        scope.timeleft = null;
                        scope.timer = null;
                        var updateOtp = function () {
                            if (!scope.secret) {
                                return;
                            }
                            window.OTP.secret = scope.secret;
                            scope.otp =  window.OTP.getOTP();
                        };

                        var transform_styles = ['-webkit-transform', '-ms-transform', 'transform'];
                        var timer = function () {
                            var epoch = Math.round(new Date().getTime() / 1000.0);
                            var countDown = 30 - (epoch % 30);
                            if (epoch % 30 === 0) {
                                updateOtp();
                            }

                            var percent = (countDown / 30) * 100 / 100;
                            for (var i = 0; i < transform_styles.length; i++) {
                                var rotation = percent * 180;
                                var fill_rotation = rotation;
                                var fix_rotation = rotation * 2;

                                $(el).find('.circle .fill, .circle .mask.full').css(transform_styles[i], 'rotate(' + fill_rotation + 'deg)');
                                $(el).find('.circle .fill.fix').css(transform_styles[i], 'rotate(' + fix_rotation + 'deg)');

                            }

                            scope.timeleft = countDown;
                            scope.timer = $timeout(timer, 100);

                        };
                        scope.$watch("secret", function (n) {
                            if (n) {
                                $timeout.cancel(scope.timer);
                                updateOtp();
                                timer();
                            } else {
                                $timeout.cancel(scope.timer);
                            }
                        }, true);
                        scope.$on(
                            "$destroy",
                            function () {
                                $timeout.cancel(scope.timer);
                            }
                        );
                    }
                };
            }
        ]);
}());