WebBuild/wwwroot/platform/inviteusers/components/inviteuser.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let InviteUsers;
        (function (InviteUsers) {
            let Components;
            (function (Components) {
                class InviteUser extends Platform.Core.BaseComponent {
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return ["platform/inviteusers/components/resetpassword.js"];
                    }
                    html(id, containerid) {
                        let html = `<form id="formSendEmail" method="post" class="" data-validate="parsley">
    <div class="header bg-white modal-header">
        <strong class="text-dark">Invite Mail</strong>
        <a class="btn btn-sm"><i class="ti-help-alt" title="help" href="undefined" target="_blank"></i></a>
    </div>
    <div data-simplebar class="modal-body bg-light simple-scroll-bar">
        <div class="card">
            <div id="bizgaze_SpiltErrorMessages" class="clear"></div>
            <div class="bg-white card-body">
                <div class="col-sm-12">
                    <div class="floating-label-form-group floating-label-form-group-with-value">
                        <label for="lbl" id="lbl_subject">Subject<span class="text-danger"> *</span></label>
                        <input type="text" id="txt_Subject" class="type-control form-control type-control value-control required floating-label-control" data-required="true" placeholder="Subject *" data-placeholder="Enter Subject" data-label="Subject *" />
                    </div>
                </div>

                <div class="col-sm-12">
                    <div class="floating-label-form-group">
                        <label for="txt_Message">Message<span class="text-danger"> *</span></label>
                        <input type="text" id="txt_Message" class="form-control value-control required floating-label-control" data-required="true" placeholder="Message *" data-placeholder="Enter Message " data-label="Message *" />
                    </div>
                </div>
            </div>
        </div>
    </div>
<div class="bg-white modal-footer">
    <a href="javascript:;" id="btn_CloseForm" class="btn btn-light btn-sm">Close</a>
    <a href="javascript:;" id="btnSendMail" class="btn btn-primary btn-sm ml-auto">Send</a>
</div>
</form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var subjects = $("#Column1").text();
                        let subject = "Welcome to " + subjects;
                        $('#txt_Subject').val(subject);
                        $("#btn_CloseForm").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btnSendMail").click(function () {
                            var tenantid = "";
                            var unibaseid = "";
                            var emailaddress = "";
                            var phonenumber = "";
                            if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length > 0) {
                                for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                                    if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_tenantid") {
                                        tenantid = obj.Value.toString();
                                    }
                                    if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_unibaseid") {
                                        unibaseid = obj.Value.toString();
                                    }
                                    if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_emailaddress") {
                                        emailaddress = obj.Value.toString();
                                    }
                                    if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_phonenumber") {
                                        phonenumber = obj.Value.toString();
                                        if (phonenumber == null || phonenumber == undefined || phonenumber == "")
                                            phonenumber = "0";
                                    }
                                }
                            }
                            var subject = $("#txt_Subject").val().toString();
                            unibaseid = unibaseid.replace(/-/g, '');
                            var url = window.location.origin + "/#/register" + "/" + unibaseid + "/" + tenantid + "/" + emailaddress + "/" + phonenumber;
                            var body = $("#txt_Message").val().toString() + "," + url;
                            if ($("#txt_Message").val() == "" || $("#txt_Subject").val() == "") {
                                MessageHelper.Instance().showError("Mandatory fields missing!", 'bizgaze_SpiltErrorMessages');
                                return false;
                            }
                            Unibase.Platform.InviteUsers.Components.InviteUser.Instance().sendmail(containerid, emailaddress, subject, body);
                        });
                    }
                    init(containerid) {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFile("platform/inviteusers/managers/inviteusermanager.js", function () {
                            Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance();
                            instance.render(containerid);
                        });
                    }
                    render(containerid) {
                        var instance = this;
                        var portletwidgetid = Number($("#hf_PortletWidgetId").val());
                        $("." + containerid).empty();
                        let html = `<div class="invite-section-container" id="invitesection_div">
                               
	                                <div class=" InviteDiv" id="inviteButtonDiv">   
		                                <div class="card invite-card" style="margin-bottom:0px;" >
		               	                    <div class="card-header border-1">
			              	                    <span class="biz-highlight-bg-color">Security & Login</span>
			                                </div>
			                                <div class="card-body bg-white biz-transparent-text-color d-flex flex-wrap p-3">
			 	                            <div class="w-100 w-md-50 d-flex flex-row">
					                             <span class="w-25 w-sm-50" >Email</span>:
					                             <span class="text-light-60 text-overflow w-75 w-sm-50 ml-1" id="invite_mail">
                                                 </span>
				                            </div>
				                           <div class="w-100 pt-2 pt-sm-0 w-md-50 d-flex flex-row">
					                            <span class="w-25 w-sm-50">Phone</span>:
					                            <span class="text-light-60 text-overflow w-75 w-sm-50 ml-1" id="invite_number">
                                                </span>
				                           </div>
			                         </div>
                                    <div class="p-3 pt-0 lblmsgdiv hidden"><label id="lblmsg"></label></div>
				                    <div class="text-center mb-3" id="">
					                    <a href="javascript:;" id="btnRegister" onclick="Unibase.Platform.InviteUsers.Components.InviteUser.Instance().inviteMail();" class="btn btn-outline-primary rounded-4 font-14 p-2">
						                <i class="fa fa-user font-18 mr-5"></i>
                                                Invite User
					                            </a>
				                    </div>
		                       
	                        </div>
                           </div>
                               <div class="" id="PasswordDiv" style="display:none;">
                               <div class="card invite-card">
                                            <div   class="card-header border-1">
                                                  <span class="biz-highlight-bg-color">Security & Login</span>
                                            </div>
                                            <div class="card-body bg-white px-20 py-5">
                                                <div class="row my-sm-2">
                                                <div class="col-6 my-2">
                                                    <button
                                                        class="btn btn-outline-blue rounded-4 font-14 p-3  text-left btn_btnchngepassword" id="btnchngepassword"><i
                                                            class="fa fa-key font-18 mr-5"></i>
                                                        Change Password</button>
                                                </div>
                                                <div class="col-6 my-2  text-right">
                                                    <button
                                                        class="btn btn-outline-red rounded-4 font-14 p-3  text-left" onclick=''  id="btnChangeLockStatus"><i
                                                            class="fa fa-lock mr-5 font-18"></i>
                                                        Lock User</button>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-12 p-0" id="UserLockStatusDiv" style="display:none;">
                                        <div class="card">
                                            <div  class="card-header border-1 style="border-bottom-right-radius: 0px !important;border-bottom-left-radius: 0px !important;">
                                               
                                               <span class="biz-highlight-bg-color">Security & Login</span>
                                            </div>
                                            <div class="card-body px-20 py-5" >
                                                 <div class="row my-sm-2">
                                                <div class="col-6 my-2 ">
                                                    <button
                                                        class="btn btn-outline-blue rounded-4 font-14 p-3 text-left font-weight-500 btn_btnchngepassword" id="changepassword_btn" ><i
                                                            class="fa fa-key font-18 mr-5"></i>
                                                        Change Password</button>
                                                </div>
                                                 <div class="col-6 my-2 text-right">
                                                    <button
                                                        class="btn btn-outline-green rounded-4 font-14 p-3  text-left font-weight-500" id="btnChangeUnLockStatus"><i
                                                            class="fa fa-unlock-alt font-18 mr-5"></i>
                                                        UnLock</button>
                                                </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            `;
                        $("." + containerid).append(html);
                        instance.loadDetails();
                    }
                    loadDetails() {
                        var instance = this;
                        var emailaddress = "";
                        var phonenumber = "";
                        $(".btn_btnchngepassword").click(function () {
                            instance.fileCacheHelper.loadJsFile('platform/inviteusers/components/resetpassword.js', function () {
                                instance.navigationHelper.popup(0, '', Unibase.Platform.InviteUsers.Components.ResetPassword.Instance(), null, Platform.Helpers.Size.DockLeft);
                            });
                        });
                        if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length > 0) {
                            for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                                if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_emailaddress") {
                                    if (obj.Value != null)
                                        emailaddress = obj.Value.toString();
                                }
                                if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_phonenumber") {
                                    if (obj.Value != null)
                                        phonenumber = obj.Value.toString();
                                    if (phonenumber == null || phonenumber == undefined || phonenumber == "")
                                        phonenumber = "0";
                                }
                            }
                        }
                        if (emailaddress == "" || emailaddress == "[object Object]") {
                            let emailError = '<span class="text-warning ml-1">Email Address Mandatory * </span>';
                            $("#invite_mail").html(emailError);
                            $("#btnRegister").hide();
                        }
                        else {
                            $("#invite_mail").text(emailaddress);
                        }
                        $("#invite_number").text(phonenumber);
                        var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                        var contactid = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_contactid").Value);
                        var userid = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_userid").Value);
                        if (userid == 0) {
                            userid = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_contactid").Value);
                        }
                        var IsUser = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_loginenabled").Value;
                        Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance().getcontactconflicts(contactid, userid).then(function (response) {
                            var resp = response.result;
                            if (response.result == null || response.result == null) {
                            }
                            var data1 = null;
                            if (resp != null) {
                                data1 = resp.toString().replace('[', '').replace('"', '').replace(']', '').replace('"', '');
                                var data = data1.split(',');
                            }
                            if (resp == null && IsUser == true) {
                                $("#changePasswordDiv").html('<a href="javascript:;"  id="btnChangePassword"  class="btn btn-block btn-lg btn-s-md btn-warning btn-block">Change Password</a>');
                                $(".InviteDiv").hide();
                                $("#PasswordDiv").show();
                                $("#headerdiv").hide();
                                $("#UserLockStatusDiv").hide();
                            }
                            else if (data.length == 1 && data[0] != "") {
                                $('.lblmsgdiv').removeClass('hidden');
                                $("#lblmsg").html('');
                                $("#lblmsg").append("<p class='text-warning font-weight-500 font-16'>Prerequisite<p>");
                                $("#lblmsg").append("<span class='font-14'>" + 1 + ". " + data[0] + "</span>");
                                $(".InviteDiv").show();
                                $(".headerdiv").show();
                                $("#btnRegister").addClass("hidden");
                            }
                            else {
                                if (IsUser == false) {
                                    if ($("#hf_" + $("#hfLayout_InstalledPageId").val() + "_StageName").val() != "Relieved") {
                                        $(".InviteDiv").show();
                                        $(".headerdiv").show();
                                        $("#PasswordDiv").hide();
                                    }
                                }
                                else if (IsUser == true) {
                                    $("#invite").text("");
                                    $("#changePasswordDiv").html('<a href="javascript:;"  id="btnChangePassword"  class="btn btn-block btn-lg btn-s-md btn-warning btn-block">Change Password</a>');
                                    $(".InviteDiv").hide();
                                    $("#headerdiv").hide();
                                }
                            }
                            instance.LockDetails();
                            instance.loadType();
                        });
                        $("#btnChangePassword").click(function () {
                            instance.fileCacheHelper.loadJsFile('platform/inviteusers/components/resetpassword.js', function () {
                                instance.navigationHelper.popup(0, '', Unibase.Platform.InviteUsers.Components.ResetPassword.Instance(), null, Platform.Helpers.Size.DockLeft);
                            });
                        });
                        $("#btnChangeLockStatus").off('click').click(function () {
                            var instance = this;
                            var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            var status = "UnLock";
                            if (Unibase.Platform.InviteUsers.Components.InviteUser.Instance().lockstatus == 'Un-Lock')
                                status = "Lock";
                            bootbox.confirm("User gets " + status + " Are you sure?", function (result) {
                                if (result) {
                                    var unibaseid = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_unibaseid").Value;
                                    Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance().changeuserslocktatus(unibaseid).then(function (response) {
                                        MessageHelper.Instance().showSuccess(response.message, '');
                                        var detailobj = Unibase.Themes.Compact.Components.Details.Instance();
                                        detailobj._recordId = Unibase.Themes.Providers.DetailHelper.recordId;
                                        detailobj._installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                        detailobj._containerId = $("._bizgaze_detail_container:visible").attr("id");
                                        var idetailObj = detailobj;
                                        detailobj.loadPortlets(idetailObj);
                                    });
                                }
                            });
                        });
                        $("#btnChangeUnLockStatus").off("click").click(function () {
                            var instance = this;
                            var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            var status = "UnLock";
                            if (Unibase.Platform.InviteUsers.Components.InviteUser.Instance().lockstatus == 'Un-Lock')
                                status = "Lock";
                            bootbox.confirm("User gets " + status + " Are you sure?", function (result) {
                                if (result) {
                                    var unibaseid = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_unibaseid").Value;
                                    Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance().changeuserslocktatus(unibaseid).then(function (response) {
                                        MessageHelper.Instance().showSuccess(response.message, '');
                                        var detailobj = Unibase.Themes.Compact.Components.Details.Instance();
                                        detailobj._recordId = Unibase.Themes.Providers.DetailHelper.recordId;
                                        detailobj._installedAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                                        detailobj._containerId = $("._bizgaze_detail_container:visible").attr("id");
                                        var idetailObj = detailobj;
                                        detailobj.loadPortlets(idetailObj);
                                    });
                                }
                            });
                        });
                        instance.LockDetails();
                    }
                    loadType() {
                        if (Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length > 0) {
                            for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                                if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_refstatusid") {
                                    var isrestricteduser = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_isrestricteduser").Value;
                                    var refstatusid = obj.Value;
                                    if (refstatusid != "3" && isrestricteduser.toString() == "false") {
                                        $("#invitesection_div").addClass("hidden");
                                    }
                                    else {
                                        $("#invitesection_div").removeClass("hidden");
                                    }
                                }
                            }
                        }
                    }
                    LockDetails() {
                        var instance = this;
                        var InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                        var unibaseid = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_unibaseid").Value;
                        var Stagename = Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + InstalledAppId + "_stagename").Value;
                        Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance().validatelocktatus(unibaseid).then(function (response) {
                            if (response != undefined && response.toString() == "Lock" && Stagename != "Relieved") {
                                $("#btnUserLogin").hide();
                                $("#userMsg").show().text("User Locked");
                                $("#btnChangeLockStatus").off('click');
                                instance.lockstatus = 'Lock';
                                if ($('#divLock').hasClass('fa-unlock-alt'))
                                    $("#divLock").removeClass('fa-unlock-alt').addClass('fa-lock');
                                $("#LockStatus").text(response.toString());
                                $("#PasswordDiv").hide();
                                $("#UserLockStatusDiv").show();
                                $("#inviteButtonDiv").hide();
                            }
                            else if (response != undefined && response.toString() == "UnLock" && Stagename != "Relieved") {
                                instance.lockstatus = 'Un-Lock';
                                $("#LockStatus").text(response.toString());
                                if ($('#divLock').hasClass('fa-lock'))
                                    $("#divLock").removeClass('fa-lock').addClass('fa-unlock-alt');
                                $("#UserLockStatusDiv").hide();
                                $("#PasswordDiv").show();
                                $("#inviteButtonDiv").hide();
                                $("#btnUserLogin").show();
                                $("#userMsg").hide();
                            }
                            if (response != undefined && response.toString() == "Lock" && Stagename == "Relieved") {
                                $("#btnUserLogin").hide();
                                $("#userMsg").show().text("User Relieved");
                                $("#btnChangeLockStatus").off('click');
                                instance.lockstatus = 'Lock';
                                if ($('#divLock').hasClass('fa-unlock-alt'))
                                    $("#divLock").removeClass('fa-unlock-alt').addClass('fa-lock');
                                $("#LockStatus").text(response.toString());
                                $("#PasswordDiv").hide();
                                $("#UserLockStatusDiv").show();
                                $("#inviteButtonDiv").hide();
                            }
                        });
                    }
                    inviteMail() {
                        var instance = this;
                        instance.navigationHelper.popup(0, '', Unibase.Platform.InviteUsers.Components.InviteUser.Instance(), null, Platform.Helpers.Size.DockLeft);
                    }
                    sendmail(containerid, emailaddress, subject, body) {
                        $(".preloader-it").fadeIn();
                        var mailpostData = {
                            EmailAddress: emailaddress,
                            Subject: subject,
                            Body: body
                        };
                        this.fileCacheHelper.loadJsFile('platform/inviteusers/managers/inviteusermanager.js', function () {
                            Unibase.Platform.InviteUsers.Managers.InviteUserManager.Instance().sendMail(mailpostData).then(function (response) {
                                $('#' + containerid).modal('hide');
                                $('#' + containerid).remove();
                                $(".preloader-it").delay(200).fadeOut("slow");
                                MessageHelper.Instance().showSuccess(response.message, '');
                            });
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new InviteUser();
                        }
                        return this.instance;
                    }
                }
                Components.InviteUser = InviteUser;
            })(Components = InviteUsers.Components || (InviteUsers.Components = {}));
        })(InviteUsers = Platform.InviteUsers || (Platform.InviteUsers = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));