WebBuild/wwwroot/tenants/themes/compact/components/confirmregister/mobilregister.js

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let Components;
            (function (Components) {
                class MobilRegister extends Unibase.Platform.Core.BaseComponent {
                    submit() {
                    }
                    jsFiles() {
                        return ["tenants/themes/compact/index.anonymous.js", "platform/membership/managers/accountmanager.js", "platform/core/helpers/navigation/navigationhelper.js", "libs/passwordrequirement/passwordrequirement.js"];
                    }
                    cssFiles() {
                        return ["libs/passwordrequirement/passwordrequirement.css"];
                    }
                    html(id, containerid) {
                        if (jQuery("#external-form").length === 0) {
                            var index = new Components.Index_Anonymous();
                            index.init(null);
                        }
                        const html = `<div>
<form id="frm_Register">
<div id="bizgaze_SpiltErrorMessages"></div>
<div id="div_CreatePswd">
<h1 class="display-4 mb-30 text-dark-100 text-center">Register</h1>
<div class="alert alert-primary">We will send link to your <a href=""><u>Email</u></a>  to create your password.</div>
<div class="form-group">
<label class="control-label" id="lbl_Email">Email Address</label>
<input id="signupEmail" value="" class="form-control input-lg text-dark" disabled="disabled">
</div>
<div class="form-group">
    <label class="control-label w-100">New Password</label>
    <input type="password" id="signupPassword" placeholder="Type a password" class="pr-password signupPassword form-control input-lg" autocomplete="off">
<span toggle="#InputPassword" id="PasswordHide" class="fa fa-eye-slash font-15 mr-10 field-icon"></span>
    <div class="showpwsdreq"></div>
    </div>
    <div class="form-group ">
    <label class="control-label w-100">Confirm Password</label>
    <input type="password" id="ConfirmPassword" placeholder="Type a password" class="ConfirmPassword form-control input-lg" autocomplete="new-password">
    <span toggle="#InputPassword" id="confirmPasswordHide" class="fa fa-eye-slash font-15 mr-10 field-icon"></span>
</div>
<button class="btn btn-primary btn-block mb-20"
type="button" id="btnSignUp">Register</button><p class="text-right"><a href="Index.html#/login">
Back to login</a></p>
</div>
</div>

<div id="div_SuccessMsg" class="d-none">
<div class="d-62 bg-white rounded-circle mb-10 d-flex align-items-center justify-content-center mx-auto"><i class="fa fa-check font-50 text-success"></i>
</div>
<h1 class="display-4 mb-20 text-center">Password Created Successfully</h1>
<p class="text-center"><a href="Index.html#/login">Click here to Login</a></p>
</div>
</form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var _fileCacheHelper = Unibase.Platform.Helpers.FileCacheHelper.Instance();
                        jQuery(".preloader-it").delay(500).fadeOut("slow");
                        jQuery("#external-container").delay(500).fadeIn("slow");
                        jQuery("#bizgaze_body").css("background-color", "#f4f6f7");
                        $("#div_modalbody").removeAttr("style");
                        this._accountManager = Unibase.Platform.Membership.Managers.AccountManager.Instance();
                        $(".pr-password").click(function () {
                            var signUpPswd = $(".pr-password");
                            signUpPswd.passwordRequirements({
                                numCharacters: 8,
                                useLowercase: true,
                                useUppercase: true,
                                useNumbers: true,
                                useSpecial: true
                            });
                        });
                        $("#PasswordHide").click(function () {
                            var input = $('#signupPassword');
                            input.attr('type') == "password" ? input.attr('type', 'text') : input.attr('type', 'password');
                            $("#PasswordHide").toggleClass('fa-eye-slash fa-eye');
                        });
                        $("#confirmPasswordHide").click(function () {
                            var input = $('#ConfirmPassword');
                            input.attr('type') == "password" ? input.attr('type', 'text') : input.attr('type', 'password');
                            $('#confirmPasswordHide').toggleClass('fa-eye-slash fa-eye');
                        });
                        $(".btn-outline-secondary").addClass('hidden');
                    }
                    register(obj) {
                        var instance = this;
                        $("#signupEmail").val(obj.email);
                        $(document).bind('keypress', function (e) {
                            if (e.keyCode == 13) {
                                $('#btnSignUp').trigger('click');
                            }
                        });
                        $("#btnSignUp").click(function () {
                            instance.signupregister(obj.userid, obj.tenant, obj.email, obj.phonenumber);
                        });
                    }
                    signupregister(unibseid, tenantid, email, phonenumber) {
                        var instance = this;
                        var ConfirmPassword = $(".ConfirmPassword").val().toString();
                        var password = $(".signupPassword").val().toString();
                        var tenantid = tenantid;
                        var unibaseid = unibseid;
                        var email = email;
                        var phonenumber = phonenumber;
                        if (password == '' || ConfirmPassword == '') {
                            MessageHelper.Instance().showError("Password cannot be empty", "bizgaze_SpiltErrorMessages");
                            return false;
                        }
                        if ($(".signupPassword").val().toString().length < 8 || $(".ConfirmPassword").val().toString().length < 8) {
                            MessageHelper.Instance().showError("Password must be atleast 8 characters !", "bizgaze_SpiltErrorMessages");
                            return false;
                        }
                        if (password != ConfirmPassword) {
                            MessageHelper.Instance().showError("New and Confirm passwords does not match", "bizgaze_SpiltErrorMessages");
                            return false;
                        }
                        var decimal = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/;
                        var checkpassword = password.match(decimal) ? true : false;
                        if (checkpassword == true) {
                            var postData = {
                                ConfirmPassword: ConfirmPassword,
                                Password: password,
                                UserId: unibaseid,
                                TenantId: Number(tenantid),
                                UserName: unibaseid,
                                Email: email,
                                ContactNumber: phonenumber
                            };
                        }
                        else {
                            $(".pr-password").focus();
                            MessageHelper.Instance().showError("Please Match the Password in requested Format", "bizgaze_SpiltErrorMessages");
                        }
                        instance._accountManager.register(postData).then(function (response) {
                            $("#div_CreatePswd").addClass('d-none');
                            $("#div_SuccessMsg").removeClass('d-none');
                            MessageHelper.Instance().showSuccess("Password Created Successfully", 'bizgaze_SpiltErrorMessages');
                        });
                    }
                    static Instance() {
                        return new MobilRegister();
                    }
                }
                Components.MobilRegister = MobilRegister;
            })(Components = Compact.Components || (Compact.Components = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));