WebBuild/wwwroot/platform/analytics/components/menuuserdesign/userdesignconfigapps.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class UserDesignConfigApps extends Components._ReportViewer {
                    constructor() {
                        super(...arguments);
                        this.PortletWidgetId = 0;
                        this.totalreportWidgetData = [];
                        this.ReportId = 0;
                    }
                    jsFiles() {
                        return this._jsFiles();
                    }
                    cssFiles() {
                        return this._cssFiles();
                    }
                    html(id, containerid) {
                        var instance = this;
                        let html = ``;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                    }
                    init(containerid) {
                        var instance = this;
                        instance.loadConfigSettings(containerid);
                    }
                    loadConfigSettings(containerid) {
                        let reportid = 0;
                        let totalcontent = '';
                        var jsfiles = ["apps/transact/managers/inventory/transactsettingmanager.js"];
                        $(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100" style="background:0 0">
                                <div class="card-header py-2 px-2 search-bar-main-wrapper  border-0 viewer-header position-sticky t-0 bg-white z-index-2" id="ViewerHeader_` + containerid + `">
                                <div class="card-header-top d-flex justify-content-center line-loader-container p-relative">
                                <div class=line-loader></div>
                                <div id=div_ErrorMessage class=form-error-message style=margin-left:-5px;z-index:100></div>
                                <div class="card-search-bar  report-tree-view-search m-0" id=cardSearchBar${containerid}>
                                <div class='search-wrapper d-flex w-100' id=searchWrapper${containerid}>
                                <input class="form-control txt_global_search" id=ListSearch placeholder="Search Configurations" autocomplete=off >
                                <i class="fa fa-search search-left-icon biz-highlight-bg-color"></i>
                                <div class="biz-highlight-bg-color main-search-loader search-clear-icon hidden"></div>
                                 <a href=javascript:; class="search-clear-icon biz-highlight-bg-color clear_icon position-absolute r-0 t-0 mt-3 d-none" id="search-clear-icon` + containerid + `" ><i class="zmdi zmdi-close"></i></a>
                                </div>
                              
                                </div>
                                </div>
                                </div>
                                <div class="card-body p-2 border-removed border-white-removed show userDesignWidgetCardBody" id="Viewer_` + containerid + `" data-iscollapseapplied=false>
                                <ul class="userdesignedTreeview_${containerid} userDesignReportSettings" id="userdesignedTreeview" style="column-count:3"></ul>
                                </div>
                                </div>`);
                        let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
                        if (height != '0px') {
                            $('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
                        }
                        var instance = this;
                        instance.fileCacheHelper.loadJsFiles(["apps/transact/managers/inventory/transactsettingmanager.js"], () => {
                            Unibase.Platform.Apps.Managers.AppManager.Instance().getConfigurationApps().then((res) => {
                                let appdata = res.result.sort(function (a, b) {
                                    var a1 = a.AppGroupName.toLowerCase(), b1 = b.AppGroupName.toLowerCase();
                                    if (a1 == b1)
                                        return 0;
                                    return a1 > b1 ? 1 : -1;
                                });
                                let totalcount = res.result.length;
                                let old_groupname = "";
                                for (var i = 0; i < appdata.length; i++) {
                                    let icon = '';
                                    let imgurl = '';
                                    var data = res.result[i];
                                    let appname = data.AppTitle;
                                    let appdescription = data.Description;
                                    icon = data.IconName;
                                    imgurl = data.ImageUrl;
                                    let installedappid = data.MyAppId;
                                    let count = i;
                                    let appgroupname = data.AppGroupName;
                                    if (appgroupname == '')
                                        appgroupname = "No Group";
                                    let avatarTxt = "";
                                    let matches = appname.match(/\b(\w)/g);
                                    if (matches.length == 1) {
                                        avatarTxt = $.trim(appname).substr(0, 2).toUpperCase();
                                    }
                                    else {
                                        avatarTxt = matches.join('').slice(0, 2).toUpperCase();
                                    }
                                    if (appgroupname != old_groupname) {
                                        let appgroupnameid = appgroupname.replace(/ /g, "_");
                                        appgroupnameid = appgroupnameid.replace(/&/g, "_");
                                        let groupnamecontent = '';
                                        if (old_groupname != '') {
                                            groupnamecontent = `</ul></li>`;
                                            groupnamecontent = `</ul></li>`;
                                        }
                                        groupnamecontent += `<li class="nav-item border report-group-tree-view border-dark  mb-2 w-100 text-truncate" id="settingreport_` + appgroupnameid + `" style="display: grid;break-inside: avoid;">
                                                    <a class="nav-link report-Header-Title biz-highlight-opacity border-bottom text-dark font-weight-600"  href ="javascript:void(0);" ><span class="report-group-tree-name">` + appgroupname + `</span></a>
                                                    <ul class="flex-column text-truncate w-100  group-drp-` + appgroupnameid + `" id="reportgroup-tree_` + appgroupnameid + `" name='` + appgroupnameid + `'><li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem " style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2 text-truncate"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12 w-100">` + appdescription + `</div></div></div></a></li>`;
                                        totalcontent += groupnamecontent;
                                        old_groupname = appgroupname;
                                    }
                                    else {
                                        let childsetting = `<li class="nav-item  lireportgrp-item pl-5 m-1 rounded-4 lireportgrp-addeditem  w-100 text-truncate" style="grid-row: 1 / -1;grid-column: 1;"><a href="javascript:;" class="nav-link text-dark onclickclass px-2 py-1" onclick="Unibase.Platform.Analytics.Components.UserDesignConfigApps.Instance().getform('` + appname + `',` + installedappid + `)"><div class="d-flex align-items-center"><div class="img_tag p-2 w-40p h-40p text-center align-items-center d-flex bg-white border rounded-circle font-14 justify-content-center font-weight-600" style="background:url('');background-size:100%">` + avatarTxt + `</div><div class="pl-2 text-truncate"><span id="ReportName_{{ReportId}}" class="appname"><u>` + appname + `</u></span><div class=" text-truncate description-Text font-12 w-100">` + appdescription + `</div></div></div></a></li>`;
                                        totalcontent += childsetting;
                                    }
                                }
                                $("#userdesignedTreeview").html(totalcontent);
                                if (screen.width < 1198) {
                                    $(".appname").addClass("font-12");
                                    $(".text-truncate.description-Text").addClass("font-11").removeClass("font-12");
                                }
                            });
                        });
                        instance.settingsearch(containerid);
                    }
                    getform(AppName, InstalledAppId, callback) {
                        var instance = this;
                        if (AppName != " ") {
                            Unibase.Platform.Helpers.NavigationHelper.Instance().loadSettings(InstalledAppId, callback);
                        }
                        else {
                            Bizgaze.Apps.Transact.Managers.TransactSettingManager.Instance().getBranchSettingByInstalledApp(InstalledAppId).then(function (bs_res) {
                                let Pk_Id = 0;
                                if (bs_res.result != "" && bs_res.result != null) {
                                    Pk_Id = bs_res.result.BranchSettingId;
                                }
                                var FormUniqueId = 'Bizgaze_Extension_Transact_Apps_' + AppName;
                                Unibase.Platform.Forms.Managers.FormManager.Instance().getFormbyUniqueId(FormUniqueId).then(function (response) {
                                    var successCallBack = {
                                        CallBack: function (id) {
                                        },
                                        Parameters: null,
                                    };
                                    var formviewerObj = {
                                        FormId: response.result.FormId,
                                        AppConfigurationId: 0,
                                        Pk_Value: Pk_Id,
                                        PortletWidgetId: 0,
                                        OnSuccess: successCallBack,
                                        OnFail: null,
                                        OnLoad: null,
                                        FormSize: Platform.Helpers.Size.Medium,
                                    };
                                    Unibase.Platform.Forms.Components.FormViewer.Instance().init(formviewerObj);
                                    instance.navigationHelper.hideLoading();
                                });
                            });
                        }
                    }
                    settingsearch(containerid) {
                        $(".biz-highlight-opacity").mouseover(function () {
                            $(this).css({ "cursor": "context-menu" });
                        });
                        $('.clear_icon').click(function () {
                            $("#ListSearch").val('');
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').css("display", "block");
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').find('.lireportgrp-item').css("display", "block");
                            $(".clear_icon").addClass("d-none");
                        });
                        if (($(window).width()) <= 1198) {
                            $("#userdesignedTreeview").css({ "column-count": "2" });
                            $(".search-wrapper").css({ "display": "block !important" });
                        }
                        if (($(window).width()) <= 576) {
                            $("#userdesignedTreeview").css({ "column-count": "1" });
                            $(".search-wrapper").css({ "display": "block !important" });
                            $(".report-group-tree-view").each(function (index) {
                                let width = $(this).width();
                                let maxwidth = $(this).width() - 100;
                                $(this).find(".report-Header-Title").css("width", width + 'px');
                                $(this).find(".lireportgrp-item").find(".description-Text").css("max-width", maxwidth + 'px');
                            });
                        }
                        $('#' + containerid).find("#ListSearch").on('keyup', function () {
                            $(".clear_icon").removeClass("d-none");
                            var _value = $(this).val().toString(), value = _value.toUpperCase();
                            if (_value == '') {
                                $(".clear_icon").addClass("d-none");
                            }
                            $('.userdesignedTreeview_' + containerid).find('.report-group-tree-view').each(function () {
                                let reportName = $(this).find('.lireportgrp-item a').text();
                                if (reportName.toUpperCase().indexOf(value) > -1) {
                                    $(this).css('display', 'block');
                                    $(this).find('.lireportgrp-item a').each(function () {
                                        let reportName = $(this).text();
                                        let reportGroupName = $(this).find('.a').text();
                                        if (reportName.toUpperCase().indexOf(value) > -1) {
                                            $(this).parent().css('display', 'block');
                                        }
                                        else {
                                            $(this).parent().css('display', 'none');
                                        }
                                    });
                                }
                                else {
                                    $(this).css('display', 'none');
                                }
                            });
                        });
                    }
                    generatecolor() {
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new UserDesignConfigApps();
                        return this._instance;
                    }
                }
                Components.UserDesignConfigApps = UserDesignConfigApps;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));