WebBuild/wwwroot/tenants/themes/compact/components/popupdetails/popupdetails.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Membership;
        (function (Membership) {
            let Components;
            (function (Components) {
                class PopupDetails extends Platform.Core.BaseComponent {
                    init(containerid) {
                        let instance = this;
                        instance.load(null, containerid, null);
                    }
                    loadPopupDetails(containerid) {
                        let instance = this;
                        let invisible = "d-none";
                        if (Unibase.Themes.Compact.Components.Index.Instance().isIframeObj.isDetailsPage) {
                            invisible = '';
                        }
                        let html = `<div class="modal-content popupDetailsModal" id="popupDetailsModal">
                                    <div class="modal-header pb-0 border-0 ${invisible}">
                                   
                                    </div>
                                        <div data-simplebar class="modal-body pt-0 simple-scroll-bar Create-New-Form-body-popup-body bg-white" style="height:100vh">
                                        <div id="div_message" class="details-err-msg"></div>
                                        <div class="d-flex flex-column alert alert-success mt-2 w-100">
                                    <div class="d-flex align-items-center justify-content-between w-100">`;
                        if (!Unibase.Themes.Compact.Components.Index.Instance().isIframeObj.isForm) {
                            html += `<div><a href="javascript:;" id="close-btn" class="close-btn btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p mr-10 text-dark" data-tooltip="true" title="Close"><span class="btn-icon-wrap"><i data-icon="l"></i></span></a></div>`;
                        }
                        html += `<div class="alert alert-success w-100 px-0 d-flex align-items-center mb-0" role="alert"> <span><i class="la la-check-circle fa-flip la-2x"></i></span> <span class="responseMessage ml-2"></span></div>
                                     <a class="btn ml-3 btn-sm btn-primary popupdetails_btn_CreateTask" href="javascript:;" onclick="" id="popupdetails_btn_CreateTask"> <span class="fa fa-plus font-10 mr-1"> </span> Create </a>
                                     </div>

                                    <div class="d-flex align-items-center justify-content-between px-0 w-100 mt-20">
                                        <div class="popupdetails_app_defaultwidget"></div>
                                      
                                    </div>
 </div>
                                         <div class="card mt-10 border-0 shadow-none " style="background:#f5f5f5">
                                            <div class="card-header border-0 px-2 py-1 d-none">
                                                <span class="font-weight-500 border-bottom border-2 pb-2">Actions</span>
                                           </div>
                                            <div class="card-body d-flex align-items-center flex-wrap  p-1" >
                                               <div class="d-flex align-items-center py-2">
                                                <a class="btn btn-outline-light border d-flex align-items-center mr-10 biz-highlight-bg-color font-14 popup-Edit-Form" href="javascript:;" onclick="Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(106451640000085, 100011350002141, 106450060000316)" id="btn_Edit"> <span class="fa fa-pencil line-height-0"></span><span class="ml-1 d-none d-sm-block">Edit</span></a>
                                                <a class="btn btn-outline-light border d-flex align-items-center mr-10 biz-highlight-bg-color font-14 popup-Details-Page" href="javascript:;" onclick="Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(106451640000085, 100011350002141, 106450060000316)" id="btn_Edit"> <span class="fa fa-pencil line-height-0"></span><span class="ml-1 d-none d-sm-block">View Details </span></a>
                                            <div class="div_details_stages">
                                       
                                    </div>
                                                </div>
                                                <ul class=" div_detailconfigurations_headerbtns d-flex flex-wrap align-items-center">
                                                   
                                              </ul>
                                           </div>
                                            <div class="popupdetails-task"></div>
                                   
                                  
                                    <div class="card border-0 shadow-none mt-25 alert alert-info">
                                        <div class="card-header border-0 px-2 py-1 d-none">
                                                <span class="font-weight-500 border-bottom border-2 pb-2">Controls</span>
                                           </div>
                                    <div class=" d-flex align-items-center mt-15" >
                                    <div class="d-flex align-items-center c-gap-10 timeline-nav-btns" id="">
                                     <a href="javascript:;" class="btn  btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" id="activity_comment_btn"  >Comment </a>
                                     <a href="javascript:;" class="btn btn-icon   btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" title="Call" onclick="Unibase.Platform.TimeLine.Components.TimeLine.Instance().loadform(3)"><span class="btn-icon-wrap"><i class="las la-phone font-20"></i></span></a><a href="javascript:;" class="btn btn-icon btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" title="Mail" onclick="Unibase.Platform.TimeLine.Components.TimeLine.Instance().loadform(0)"><span class="btn-icon-wrap"><i class="las la-envelope font-20"></i></span></a><a href="javascript:;" class="btn btn-icon btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" title="To Do" onclick="Unibase.Platform.TimeLine.Components.TimeLine.Instance().loadform(1)"><span class="btn-icon-wrap"><i class="las la-list font-20"></i></span></a>
                                    <a href="javascript:;" class="btn btn-icon btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" title="Sms" onclick="Unibase.Platform.TimeLine.Components.TimeLine.Instance().loadform(2)"><span class="btn-icon-wrap"><i class="las la-comment font-20"></i></span></a>
                                    <a href="javascript:;" class="btn btn-icon btn-icon-circle btn-outline-primary btn-sm" data-tooltip="true" title="Meetings" onclick="Unibase.Platform.TimeLine.Components.TimeLine.Instance().loadform(4)"><span class="btn-icon-wrap"><i class="las la-users font-20"></i></span></a></div>
                                    </div>
                                           <div class="comments_section d-none">
                                        <div id="timelineCommentInputWrap_div_portletwidget_106450500000046__modal_bizgaze_edit_1670578866" class="mt-20 align-items-center c-gap-10 flex-grow-1"><div class="d-flex position-relative c-gap-10 flex-grow-1"><input type="text" id="timelineCommentInput_div_portletwidget_106450500000046__modal_bizgaze_edit_1670578866" class="form-control timeline-comment-input pr-70 shadow-none" placeholder="Type Comments here....">
                                    <div class="d-flex align-items-center c-gap-5 absolute-top-center r-5"><a href="javascript:;" class="btn btn-flush-biz-theme btn-icon btn-file btn-rounded btn-sm flush-soft-hover d-30" data-tooltip="true" title="Upload file"><span class="btn-icon-wrap"><i class="las la-file-upload font-20"></i></span><input type="file" name="comment-file-upload"></a><a href="javascript:;" class="btn btn-flush-biz-theme btn-icon btn-rounded btn-sm flush-soft-hover d-30 save-comment-btn" data-tooltip="true" title="Save"><span class="btn-icon-wrap"><i class="las la-paper-plane font-20"></i></span></a></div></div><a href="javascript:;" id="closeCommentSearchBtn_div_portletwidget_106450500000046__modal_bizgaze_edit_1670578866" class="btn btn-icon btn-icon-circle btn-outline-danger btn-sm d-md-none"><span class="btn-icon-wrap"><i class="las la-times font-20"></i></span></a></div>
                                        </div>
                                    </div>
                                     
                                        </div>`;
                        html += `<div class="modal-footer pa-10 ${invisible}"> <button type="button" id="newAccountFormCloseBtn" class="btn btn-light btn-sm mr-auto">Close</button>
                                         <button type="button" id="newAccountFormSaveBtn" class="btn btn-primary hidden btn-sm">Save</button> </div>`;
                        html += `</div></div>`;
                        $('#' + containerid).html(html);
                        $("#activity_comment_btn").click(function () {
                            $(".comments_section").removeClass("d-none");
                        });
                    }
                    loadDetailsIfrme() {
                        let instance = this;
                    }
                    loadDetailsForPopup(Pk_Value, installedappid, message, formid, appconfigid) {
                        let instance = this;
                        if (message != null) {
                            $(".popupDetailsModal").find(".responseMessage").html(message);
                        }
                        if ((formid != null || formid != undefined) && (appconfigid != null || appconfigid != undefined)) {
                            let onclickbtn = `Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(` + formid + `, 0, ` + appconfigid + `, 0, null)`;
                            $("#popupdetails_btn_CreateTask").attr("onclick", onclickbtn);
                        }
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        var expObj = {
                            InstalledAppId: installedappid,
                            RecordId: Pk_Value,
                            FromDate: fromDate,
                            ToDate: toDate
                        };
                        instance.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js", function () {
                            Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getDefaultWidget(expObj).then(function (response) {
                                let data1 = response.result.Data;
                                let template = response.result.TemplateText;
                                let model = JSON.parse(data1);
                                let containerId = Unibase.Platform.Helpers.NavigationHelper.Instance().getLastContainerId();
                                let formData = response.result.AppConfigurations.filter(function (o) { return o.SettingUrlType == 1; })[0];
                                let editformbtn = `Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(` + formData.FormId + `, ` + model[0].pk_id + `, ` + formData.AppConfigurationId + `, 0, null)`;
                                $('#' + containerId).find(".popup-Edit-Form").attr("onclick", editformbtn);
                                $('#' + containerId).on('click', function () {
                                    window.parent.postMessage('Edit-Form', '*');
                                });
                                let html = '', stagehtml = '';
                                for (var i = 0; i < response.result.Stages.length; i++) {
                                    let data = response.result.Stages[i];
                                    if (data.IsDefault) {
                                        stagehtml += `<button class="border btn btn-outline-light font-weight-500 no-caret font-14 btn btnChangeStage mr-10 text-dark h-100 d-flex align-items-center" data-toggle="dropdown" style="padding: 0px 15px;"><i class="fa fa-check-circle-o statuscircle  pull-left " style="color: cyan;"></i>${data.StageName}<i class="fa fa-angle-down pull-right  font-16"></i></button>`;
                                    }
                                    if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin) {
                                        html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${data.StageId}, ${data.InstalledAppId})" data-stageindex="${data.StageIndex}" data-stageid="${data.StageId}" data-stageList_Name="${data.StageName}" data-inastalledappid="${data.InstalledAppId}" href="javascript:void();">${data.StageName}</a>`;
                                    }
                                    else {
                                        if (data.ChangeAll && data.StageRoles == null) {
                                            html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${data.StageId}, ${data.InstalledAppId})" data-stageindex="${data.StageIndex}" data-stageid="${data.StageId}" data-stageList_Name="${data.StageName}" data-inastalledappid="${data.InstalledAppId}" href="javascript:void();">${data.StageName}</a>`;
                                        }
                                        if (data.StageRoles != null && data.StageRoles.length != 0) {
                                            for (var j = 0; j < data.StageRoles.length; j++) {
                                                if (data.ChangeAll && (!data.StageRoles[j].ExcludeChangeRole)) {
                                                    html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${data.StageId}, ${data.InstalledAppId})" data-stageindex="${data.StageIndex}" data-stageid="${data.StageId}" data-stageList_Name="${data.StageName}" data-inastalledappid="${data.InstalledAppId}" href="javascript:void();">${data.StageName}</a>`;
                                                }
                                            }
                                        }
                                        if (data.ChangeAll == false && data.StageRoles != null && data.StageRoles.length > 0) {
                                            html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${data.StageId}, ${data.InstalledAppId})" data-stageindex="${data.StageIndex}" data-stageid="${data.StageId}" data-stageList_Name="${data.StageName}" data-inastalledappid="${data.InstalledAppId}" href="javascript:void();">${data.StageName}</a>`;
                                        }
                                    }
                                }
                                $('#' + containerId).find('.div_details_stages').html(`${stagehtml}<div class="layout-details-stages dropdown-menu dropdown-menu-right">${html}</div>`);
                                let inptParamter = JSON.parse(response.result.Data)[0];
                                Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters = [];
                                for (const property in inptParamter) {
                                    Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.push({
                                        Key: "hf_" + installedappid + "_" + property.toLowerCase(),
                                        Value: inptParamter[property],
                                        DataType: typeof (inptParamter[property])
                                    });
                                }
                                Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.push({
                                    Key: "hf_" + installedappid + "_" + "recordid",
                                    Value: Pk_Value.toString(),
                                    DataType: typeof (Pk_Value)
                                });
                                instance.fileCacheHelper.loadJsFile("platform/core/helpers/token/tokenhelper.js", function () {
                                    let htmlcontent = Unibase.Core.Helpers.TokenHelper.Instance().replace(template, model[0]);
                                    $('#' + containerId).find(".popupdetails_app_defaultwidget").html(htmlcontent);
                                    $('#' + containerId).find(".popupdetails_app_defaultwidget .biz-detail-avatar").remove();
                                    if ($('#' + containerId).find(".popupdetails_app_defaultwidget .biz-header-sub-text").hasClass("d-flex")) {
                                        $('#' + containerId).find(".popupdetails_app_defaultwidget .biz-header-sub-text").addClass("flex-column").removeClass("flex-row flex-wrap");
                                        $('#' + containerId).find(".popupdetails_app_defaultwidget .biz-header-sub-text .fa-rupee").addClass("font-10");
                                    }
                                    $('#' + containerId).find(".popupdetails_app_defaultwidget .app_defaultwidget").find(".ml-2").removeClass("ml-2");
                                    $('#' + containerId).find(".popupdetails_app_defaultwidget .app_defaultwidget").find(".d-none.d-sm-block").removeClass("d-none d-sm-block");
                                });
                                var obj = Unibase.Themes.Compact.Components.Details.Instance();
                                if (response.status != Unibase.Data.Status.Error) {
                                    if (response.result != null) {
                                        var data = response.result.Data;
                                        var templatetext = response.result.TemplateText;
                                        var stages = response.result.Stages;
                                        var installedappinfo = response.result.InstalledApp;
                                        var statusinfo = response.result.Status;
                                        var permission = response.result.EditScreenPermission;
                                        if (data != null && data != "") {
                                            if (templatetext != null) {
                                                var icon = '';
                                                if (response.result.AppConfigurations.length > 0) {
                                                    var confightml = "";
                                                    $('#popupDetailsModal').find('.div_detailconfigurations_headerbtns').html('');
                                                    var appconfigurations = response.result.AppConfigurations;
                                                    for (var i = 0; i < appconfigurations.length; i++) {
                                                        if (appconfigurations[i].AppConfigType == Unibase.Platform.Apps.Enums.AppConfigeType.DetailSetting) {
                                                            instance.settingsURL = appconfigurations[i].SettingUrl;
                                                            instance.functionURL = appconfigurations[i].JsFunction;
                                                            confightml = "";
                                                            var onclickurl = "";
                                                            var settingname = appconfigurations[i].SettingName;
                                                            var description = appconfigurations[i].Description;
                                                            var sname = settingname.replace(/ /g, '');
                                                            if (description != null && description != "" && description != undefined) {
                                                                description = appconfigurations[i].Description;
                                                            }
                                                            else {
                                                                description = appconfigurations[i].SettingName;
                                                            }
                                                            icon = appconfigurations[i].Icon;
                                                            if (appconfigurations[i].SettingUrlType == Unibase.Platform.Apps.Enums.SettingUrlType.Form && appconfigurations[i].AppConfigType == Unibase.Platform.Apps.Enums.AppConfigeType.DetailSetting) {
                                                                onclickurl = "onclick='Unibase.Platform.Helpers.NavigationHelper.Instance().loadDetailSettingForm(" + appconfigurations[i].FormId + ", " + obj._recordId + ", " + appconfigurations[i].AppConfigurationId + ")'";
                                                            }
                                                            if (appconfigurations[i].SettingUrlType == Unibase.Platform.Apps.Enums.SettingUrlType.JsFunction) {
                                                                onclickurl = "";
                                                            }
                                                            if (appconfigurations[i].Icon != null && appconfigurations[i].Icon != "null" && appconfigurations[i].Icon != "") {
                                                                confightml += '<li class="mt-5 mb-5 mr-2 li_DetailSetting_' + installedappid + '_' + sname + '" id="li_DetailSetting_' + installedappid + '_' + sname + '"><a href="javascript:;" class="font-12 font-md-14 btn btn-sm';
                                                                confightml += ' btn-outline-primary ';
                                                                confightml += ' DetailSetting_' + installedappid + '_' + sname + '" id="DetailSetting_' + installedappid + '_' + sname + '" ' + onclickurl + '">' + '<span class="' + appconfigurations[i].Icon + ' line-height-0" > </span> ' + settingname + '</a></li>';
                                                            }
                                                            else {
                                                                confightml += '<li class="mt-5 mb-5 mr-2 li_DetailSetting_' + installedappid + '_' + sname + '" id="li_DetailSetting_' + obj._installedAppId + '_' + sname + '"><a href="javascript:;" class="font-12 font-md-14 btn btn-sm';
                                                                confightml += ' btn-outline-primary ';
                                                                confightml += ' DetailSetting_' + installedappid + '_' + sname + '" id="DetailSetting_' + obj._installedAppId + '_' + sname + '" ' + onclickurl + '">' + settingname + '</a></li>';
                                                            }
                                                            $('#popupDetailsModal').find('.div_detailconfigurations_headerbtns').append(confightml);
                                                        }
                                                    }
                                                    instance.fileCacheHelper.loadJsFile(instance.settingsURL, function () { });
                                                }
                                            }
                                        }
                                    }
                                }
                            });
                        });
                        let detailpage = `Unibase.Platform.Helpers.NavigationHelper.Instance().loadDetail(` + Pk_Value + `, ` + installedappid + `, null, null)`;
                        $(".popup-Details-Page").attr("onclick", detailpage);
                        $(".popup-Edit-Form, .popup-Details-Page").click(function () {
                            instance.navigationHelper.closePopUp();
                        });
                        debugger;
                        instance.fileCacheHelper.loadJsFile("platform/widgets/managers/widgetmanager.js", function () { });
                    }
                    LoadApprovals(id, InstalledAppId) {
                        var VersionGuid = "";
                        for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                            if (obj.Key === "hf_" + InstalledAppId + "_versionguid") {
                                VersionGuid = obj.Value.toString();
                            }
                        }
                        Unibase.Platform.Communications.Managers.TaskManager.Instance().getTasksByRefId(VersionGuid).then(function (response) {
                            var data = response.result;
                            if (data != null && data.length != 0) {
                                $('#div_App_DefaultWidgetSettings').parent().addClass('bg-white');
                                var html = '';
                                var confirmtext = "";
                                var rejecttext = "";
                                var rejectonclick = "";
                                for (var i = 0; i < data.length; i++) {
                                    var j = i + 1;
                                    confirmtext = "Confirm";
                                    rejecttext = "Reject";
                                    rejectonclick = 'Unibase.Themes.Compact.Components.Details.Instance().SaveTaskReason(' + data[i].TaskId + ',\'Reject\')';
                                    if (data[i].ConfirmKeyText != null && data[i].ConfirmKeyText != undefined && data[i].ConfirmKeyText != "") {
                                        confirmtext = data[i].ConfirmKeyText;
                                    }
                                    if (data[i].RejectKeyText != null && data[i].RejectKeyText != undefined && data[i].RejectKeyText != "") {
                                        rejecttext = data[i].RejectKeyText;
                                    }
                                    if (Number(data[i].RejectFormId) != 0) {
                                        rejectonclick = 'Unibase.Themes.Compact.Components.Details.Instance().ChangeApprovalStatus(' + data[i].TaskId + ', \'Reject\',' + data[i].RejectFormId + ',' + data[i].RejectFormPkId + ')';
                                    }
                                    html += '<li class="task rounded mb-2 font-14 pb-10" id="notification_list_' + data[i].TaskId + '"style="background-color:rgb(252 250 247);border-left: 3px solid #ff6060;padding:0.5rem 1rem 1rem;">' +
                                        '<div class="d-flex flex-column"><div class="d-flex justify-content-between"><span class="mb-1 list-item-main-title">' + data[i].Subject + '</span>' +
                                        '</div><p class="font-14 mb-2 text-dark">' + data[i].Body + '</p><span><a id="btn_Approve_' + data[i].TaskId + '" class="font-12 px-3 btn btn-outline-success btn-sm mr-10" href="javascript:;" onclick="Unibase.Themes.Compact.Components.Details.Instance().ChangeApprovalStatus(' + data[i].TaskId + ',\'Accept\',' + data[i].ApprovalFormId + ',' + data[i].ApprovalFormPkId + ')">' + confirmtext + '</a>' +
                                        '<a id="btn_Reject_' + data[i].TaskId + '" class="font-12 px-3 btn btn-outline-danger btn-sm mr-2" href="javascript:;" onclick="Unibase.Themes.Compact.Components.Details.Instance().ChangeRejectStatus(' + data[i].TaskId + ')">' + rejecttext + '</a><a id="btn_close_' + data[i].TaskId + '" class="font-12 px-3 btn btn-outline-primary btn-sm mr-2" style="position:absolute;right:50px" href="javascript:;" onclick="Unibase.Themes.Compact.Components.Details.Instance().confirmclosetask(' + data[i].TaskId + ')">Close</a>' +
                                        '<span></div><div id="Reason_' + data[i].TaskId + '" class="d-none align-items-center"><div class="w-75 mr-3"><div class="input-group"><textarea id="textarea_Reason_' + data[i].TaskId + '" class="type-control form-control value-control floating-label-control" placeholder="Reason" data-placeholder="Enter Reason" data-label="Reason"></textarea></div></div>' +
                                        '<div><button id="btnSaveReason" class="btn btn-primary btn-sm pull-right" onclick="' + rejectonclick + '">Save</button></div></div></li>';
                                }
                                $(".popupdetails-task").html(html);
                                $(".span_notification_count").text(data.length);
                            }
                        });
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        instance.loadPopupDetails(containerid);
                        $(`#newAccountFormCloseBtn, .close-btn`).click(function () {
                            instance.navigationHelper.closePopUp();
                            window.parent.postMessage('clickToBack', '*');
                        });
                    }
                    jsFiles() {
                        return ['tenants/themes/compact/components/popupdetails/popupdetails.js', 'tenants/themes/compact/components/details/details.js', 'platform/timeline/components/timeline.js'];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = ``;
                        return html;
                    }
                    static Instance() {
                        if (this.instance === undefined)
                            this.instance = new PopupDetails();
                        return this.instance;
                    }
                }
                Components.PopupDetails = PopupDetails;
            })(Components = Membership.Components || (Membership.Components = {}));
        })(Membership = Platform.Membership || (Platform.Membership = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));