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

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Analytics;
        (function (Analytics) {
            let Components;
            (function (Components) {
                class UserDesignMenu extends Components._ReportViewer {
                    constructor() {
                        super(...arguments);
                        this.appsHtml = '';
                        this.IsAppRefresh = false;
                    }
                    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.loadMenu(containerid);
                        $('.BindData_' + 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");
                            }
                            $('#userdesignmenu_apps').find('.appmenu_li').each(function () {
                                let appName = $(this).find('.appname').text();
                                if (appName.toUpperCase().indexOf(value) > -1) {
                                    $(this).css('display', 'block');
                                }
                                else {
                                    $(this).css('display', 'none');
                                }
                            });
                        });
                        $('.clear_icon').click(function () {
                            $("#ListSearch").val('');
                            $('#userdesignmenu_apps').find('.appmenu_li').removeAttr("style");
                            $(".clear_icon").addClass("d-none");
                        });
                    }
                    loadMenu(containerid) {
                        var instance = this;
                        $(`.${containerid}`).append(`<div class="card mb-0 border-0 BindData_` + containerid + ` findcontainer h-100 menu" style="background:transparent !important">
                                <div class="card-header py-2 px-2 search-bar-main-wrapper position-sticky t-0 bg-white z-index-2 border-0 viewer-header biz-secondary-color" 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" id=cardSearchBar${containerid}>
                                <div class="search-wrapper d-flex w-100" id=searchWrapper${containerid}>
                                <input class="form-control txt_global_search bg-transparent" id=ListSearch placeholder="Search App" 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 class="biz-highlight-text-color d-none"></div>
                                </div>
                                <div class="card-body userDesignWidgetCardBody p-2 bg-transparent" style="background:transparent !important">
                                 <ul class="userdesignmenu_apps_${containerid} userdesignmenu_apps row px-3"  id="userdesignmenu_apps"></ul>
                                </div>
                                </div>`);
                        let height = $(`.${containerid}`).siblings('#hf_portletwidgetheight').val();
                        if (height != '0px') {
                            $('.userDesignWidgetCardBody').css({ "height": `` + height + ``, "overflow-x": "hidden" }).addClass("biz-custom-scrollbar");
                        }
                        if ((this.appsHtml != '' && this.appsHtml != null) && !this.IsAppRefresh) {
                            $('#userdesignmenu_apps').html(this.appsHtml);
                        }
                        else {
                            Unibase.Platform.Apps.Managers.AppManager.Instance().getMyApps().then((res) => {
                                this.IsAppRefresh = false;
                                let totalcount = res.result.length;
                                for (var i = 0; i < res.result.length; i++) {
                                    if (res.result[i].ParentAppId == 0) {
                                        let icon = '';
                                        let imgurl = '';
                                        let html = '';
                                        var data = res.result[i];
                                        let appname = data.AppTitle;
                                        icon = data.IconName;
                                        imgurl = data.ImageUrl;
                                        let installedappid = data.MyAppId;
                                        let count = i;
                                        if (($(window).width()) <= 575) {
                                            $('.appname.Mobile-menu').html(function (i, v) {
                                                return v.replace(' ', '<br />');
                                            });
                                            html = `<li class="col-4 p-1 appmenu_li" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
                                    <div class="card px-1 py-3  shadow-none m-0 border-0 h-100 text-center bg-transparent">
                                    <div class="w-100 text-center py-3"><div class="avatar menu-icon-card_` + count + ` biz-detail-avatar mx-auto"></div></div>
                                    <h6 class=" font-weight-500 text-center appname  Mobile-menu" style="font-size:10px">` + appname + `</h6>
                                </div></a></li>`;
                                        }
                                        else {
                                            html = `<li class="col-xl-2 col-lg-3 col-sm-3 col-6  p-2 appmenu_li biz-landing" data-name='` + appname + `'><a href="javascript:;" onclick = 'Unibase.Themes.Compact.Components.Nav.Instance().loadList(` + installedappid + `)'>
                                    <div class="card p-2  m-0 border-0 h-100 text-center shadow-none bg-transparent">
                                    <div class="feature-block mx-auto rounded-12 h-100 ">
                                    <div class="p-3"><div class="avatar menu-icon-card_` + count + ` biz-detail-avatar mx-auto  p-2"></div></div>
                                    <div> <h6 class="font-13 font-weight-500 text-center appname " style="padding:5px">` + appname + `</h6></div>
                                    </div>
                                </div></a></li>`;
                                        }
                                        $("#userdesignmenu_apps").append(html);
                                        if (imgurl.length > 1) {
                                            let assesturl = _appsettings.asset_url();
                                            imgurl = assesturl + imgurl;
                                            let imgtag = '<img src="' + imgurl + '" onerror="ReloadImage(event)" data-dynamic="1" data-loaded="0" class=" w-50p h-50p">';
                                            $(".menu-icon-card_" + count).html(imgtag);
                                        }
                                        else {
                                            $(".menu-icon-card_" + count).html(`<i class="text-dark ` + icon + ` font-40"></i>`);
                                        }
                                    }
                                }
                                $(".userdesignmenu_apps").each(function () {
                                    let element = $(this).children("li");
                                    $(this).html(element.sort(function (a, b) {
                                        return $(a).attr('data-name') < $(b).attr('data-name') ? -1 : 1;
                                    }));
                                });
                                this.appsHtml = $('#userdesignmenu_apps').html();
                            });
                        }
                    }
                    static Instance() {
                        if (this._instance === undefined)
                            this._instance = new UserDesignMenu();
                        return this._instance;
                    }
                }
                Components.UserDesignMenu = UserDesignMenu;
            })(Components = Analytics.Components || (Analytics.Components = {}));
        })(Analytics = Platform.Analytics || (Platform.Analytics = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));