WebBuild/wwwroot/tenants/themes/compact/components/login/mobilnewdefaultlogin.js

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let Components;
            (function (Components) {
                class MobilNewLogin extends Unibase.Platform.Core.BaseComponent {
                    jsFiles() {
                        var jsfiles = ["tenants/themes/compact/index.mobil_anonymous.js", "platform/membership/managers/accountmanager.js", "platform/membership/infos/identity.js", "platform/membership/requests/login.js", "platform/core/helpers/cookies/cookiehelper.js", "tenants/themes/compact/components/notifications/notification.js", "platform/core/enums/rowstatus.js"];
                        return jsfiles;
                    }
                    cssFiles() {
                        return [];
                    }
                    load(id, containerid, callback) {
                        this._accountManager = Unibase.Platform.Membership.Managers.AccountManager.Instance();
                        Unibase.Platform.Membership.Infos.Identity.setCurrentUser(null);
                        var instance = this;
                        $('#BtnLogin_nav').click(function () {
                            $('.first-display').addClass('d-none');
                            $('.login-display').removeClass('d-none');
                        });
                        $('.back-btn').click(function () {
                            $('.first-display').removeClass('d-none');
                            $('.login-display').addClass('d-none');
                        });
                        jQuery(".preloader-it").delay(500).fadeOut("slow");
                        jQuery("#external-container").delay(500).fadeIn("slow");
                        jQuery("#bizgaze_body").css("background-color", "#f4f6f7");
                        $("#InputEmail,#InputPassword").keypress(function (e) {
                            if (e.which == 13)
                                document.getElementById("BtnLogin").click();
                        });
                        $('#PasswordHide').click(function () {
                            var input = $('#InputPassword');
                            input.attr('type') == "password" ? input.attr('type', 'text') : input.attr('type', 'password');
                            $('#PasswordHide').toggleClass('fa-eye-slash fa-eye');
                        });
                        $("#btnClearcache").click(function () {
                            if (isMobileApp()) {
                                Unibase.Platform.Helpers.MobileHelper.Instance().openSettings();
                            }
                        });
                        jQuery("#InputEmail,#InputPassword").on("input", function () {
                            let username = $("#InputEmail").val().toString().trim();
                            let password = $("#InputPassword").val();
                            let validData = true;
                            if (username == '' || username == undefined || password == '' || password == undefined)
                                validData = false;
                            if (validData) {
                                jQuery("#BtnLogin").removeClass("disabled");
                            }
                            else {
                                jQuery("#BtnLogin").addClass("disabled");
                            }
                        });
                        $(".btn-outline-secondary").addClass('hidden');
                        jQuery("#BtnLogin").click(function () {
                            instance.validate();
                        });
                        if (callback != null) {
                            callback();
                        }
                    }
                    loadDomainLogo(imagerurl) {
                        if (imagerurl != null && imagerurl != undefined && imagerurl != "") {
                            this.imageUrl = imagerurl;
                        }
                        else {
                            this.imageUrl = "tenants/themes/compact/imgs/bg_1.png";
                        }
                    }
                    validate(username, password, remember) {
                        MessageHelper.Instance().hideMessage();
                        if (!isMobileApp() || (username == undefined && password == undefined)) {
                            username = $("#InputEmail").val().toString().trim();
                            password = $("#InputPassword").val().toString();
                            remember = $("#InputRemember").prop("checked");
                        }
                        else {
                            remember = true;
                        }
                        let validData = true;
                        if (username == '' || username == undefined || password == '' || password == undefined)
                            validData = false;
                        if (validData) {
                            jQuery("#BtnLogin").addClass("disabled");
                            jQuery("#BtnLogin").text("Validating");
                            var request = new Unibase.Platform.Membership.Requests.Login(username, password, '', remember);
                            if (this._accountManager == undefined) {
                                this._accountManager = Unibase.Platform.Membership.Managers.AccountManager.Instance();
                            }
                            this._accountManager.validateLogin(request).then(function (response) {
                                var identity = response.result;
                                if (identity === null) {
                                    if (isMobileApp()) {
                                        Unibase.Platform.Helpers.MobileHelper.Instance().cacheUserCredantials('', '');
                                    }
                                    MessageHelper.Instance().showError(response.message, 'validation-summary');
                                    jQuery("#BtnLogin").removeClass("disabled");
                                    jQuery("#BtnLogin").text("Login");
                                }
                                else {
                                    if (isMobileApp()) {
                                        Unibase.Platform.Helpers.MobileHelper.Instance().cacheUserCredantials(username, password);
                                        Unibase.Platform.Helpers.MobileHelper.Instance().saveUserDevice(identity.sessionId);
                                    }
                                    Unibase.Platform.Membership.Infos.Identity.setCurrentUser(identity);
                                    window.location.href = '#/welcome';
                                    if (isMobileApp()) {
                                    }
                                }
                            });
                        }
                        else {
                            if (isMobileApp()) {
                                Unibase.Platform.Helpers.MobileHelper.Instance().cacheUserCredantials('', '');
                                Unibase.Platform.Helpers.MobileHelper.Instance().redirectToLogin();
                            }
                            MessageHelper.Instance().showError("Mandatory fields are missing", 'validation-summary');
                        }
                    }
                    html(id, containerid) {
                        if (jQuery("#external-form").length === 0) {
                            var index = new Compact.Components.Index_Mobil_Anonymous();
                            index.init(null, this.imageUrl);
                        }
                        let html = '';
                        if (($(window).width()) > 1200) {
                            html += `<div class="row h-100"><div class="col-xl-5"><div class="banner-img-container h-100"><img  src="tenants/themes/compact/imgs/mobil-desktop-view-bg.png" alt="img" class="h-100 w-100 "> </div></div><div class="col-xl-7 desktop-view"><form id="Frm_Login" default="" data-validate="parsley" data-isdynamic="false"><h1 class="display-4 mb-10">Login</h1><p class="mb-30">Sign in to your account and enjoy unlimited perks.</p><div id="validation-summary"></div><div class="form-group"><input class="form-control" id="InputEmail" placeholder="Phone or Email" type="text"></div><div class="form-group mb-20"><input class="form-control" id="InputPassword" placeholder="Password" type="password" autocomplete="new-password"><span toggle="#InputPassword" id="PasswordHide" class="fa fa-eye-slash font-15 mr-10 field-icon"></span></div><div class="input-group mb-20"><div class="custom-control custom-checkbox col-xs"><input class="custom-control-input" id="InputRemember" type="checkbox"><label class="custom-control-label font-14" for="InputRemember">Keep me logged in</label></div><div class="col-xs ml-auto"><p class="text-right"><a href="index.html#/forgotpassword">Forgot Password?</a></p></div></div><a class="btn  btn-block text-white disabled" id="BtnLogin" style="background:#001F5D;">Login</a></form><div class="option-sep">or</div><div class="row"><div class="text-center col-sm-12 pa-5">Don't have an account? <a href="index.html#/registeruser">Register</a></div></div></div></div>`;
                        }
                        else {
                            html = `<div class="">
        <form id="Frm_navgator" default="" class="p-4 first-display" data - validate="parsley" data - isdynamic="false" >
        <div class="d-flex flex-column h-100 justify-content-around p-3">
            <div class="logo_img mx-auto "> <img src="tenants/themes/compact/imgs/mobil-logo.png" class="img-fluid w-60">
                <h5 class="text-white font-weight-bold"> Connect </h5>
            </div>
            <div>
                <div class="footer-login ">
                    <div class="mb-25"> <a class="btn btn-block rounded-10 text-white w-70 mx-auto shadow-lg-blue" style="background:#001F5D ;padding: 10px !important;" id="BtnLogin_nav"> Login </a></div>
                    <div class="mb-25 "> <a class="btn btn-block rounded-10 border w-70 mx-auto bg-white text-dark" href="${_appsettings.server_url()}/index.html#/registeruser" style="padding: 10px !important;" id="RegisterLogin"> Register </a></div>
                    <div></div>
                </div>
            </div>
        </div>
    </form>
</div>
<div class="">
    <form id="Frm_Login" default="" class="p-4 d-none login-display" data - validate="parsley" data - isdynamic="false" >
        <div class=" text-left">
            <a class="text-secondary mr-auto mt-25p back-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="#ffff" class="bi bi-arrow-left" viewBox="0 0 16 16"> <path fill - rule="evenodd" d = "M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z" /> </svg></a>
        </div>
        <div id="validation-summary" class="position-fixed w-85"> </div>
        <div class="d-flex flex-column h-100 justify-content-around p-3">
            <div class="logo_img mx-auto"> <img src="tenants/themes/compact/imgs/mobil-logo.png" class="img-fluid w-40">
                <h5 class="text-white font-weight- bold"> Connect </h5>
            </div>
            <div>
                <div class="form-group"> <input class="form-control login-input bg-white" id="InputEmail" placeholder="Phone or Email" type="text"></div>
                <div class="form-group mb-20"> <input class="form-control login-input" id="InputPassword" placeholder="Password" type="password" autocomplete="new- password"> <span toggle="#InputPassword" id="PasswordHide" class="fa fa-eye-slash font-15 mr-10 field-icon"></span> </div>
                <div class="input-group mb-20">
                    <div class="col-xs mx-auto">
                        <p class="text-center ">
                            <a class="text-white" href="${_appsettings.server_url()} /index.html#/forgotpassword"> <small class="font-11"> Forgot Password ? </small></a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="footer-login">
                <div class="mb-25"> <a class="btn btn-block rounded-10 text-white w-70 mx-auto shadow-lg-blue" style="background:#001F5D; padding: 10px!important;" id="BtnLogin"> Login </a></div>
            </div>
        </div>
    </form>
</div>`;
                        }
                        return html;
                    }
                    static Instance() {
                        return new MobilNewLogin();
                    }
                }
                Components.MobilNewLogin = MobilNewLogin;
            })(Components = Compact.Components || (Compact.Components = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));