WebBuild/wwwroot/tenants/themes/compact/widgets/kpiwidgets/icon.js

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Icon extends Unibase.Platform.Core.BaseComponent {
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let title = id[0].WidgetName;
                        let html = '<div class="card p-2 shadow-hover w-100" id="kpi_card_' + id[0].PortletWidgetId + ' kpi-card">' +
                            '<a href="javascript:;" class="kpi-link-report" onclick="Unibase.Themes.Compact.KpiWidgets.Comparision.Instance().linkReport(' + id[0].WidgetId + ',' + id[0].PortletWidgetId + ',' + "'" + containerid + "'" + ')";><small id="showreport_' + id[0].PortletWidgetId + '" class="font-sm-11"><span class="nav-icon-wrap"><i class="font-14 dripicons dripicons-graph-pie text-dark"></i></span></small></a>' +
                            '<div class="row">' +
                            '<div class="col-3 py-0 d-flex justify-content-center px-0" id="div_kpi_icon_' + id[0].PortletWidgetId + '"><img class="avatar-img rounded-circle imageUpload" id="kpi_icon_2250" src="tenants/themes/compact/imgs/avatar.jpg" style="width:75px;">' +
                            '</div>' +
                            '<div class="col-9 pull-right">' +
                            '<span class="font-14 font-weight-400 text-dark">' + title + '</span>' +
                            '<span class="d-block align-items-center card-action-wrap pull-right font-11" >' +
                            '<a href="#" class="inline-block full-screen hidden" id="kpi_FullScreen_' + id[0].PortletWidgetId + '">' +
                            '<i class="ion ion-md-expand"></i>' +
                            '</a>' +
                            '</span>' +
                            '<div>';
                        html += '<span id="spanlnk_widget_' + id[0].PortletWidgetId + '" class="mb-10 block text-underline hidden">' +
                            '<input type="hidden" id="hdn_widget_link_' + id[0].PortletWidgetId + '" />' +
                            '<a href="javascript:;" id="lnk_widget_' + id[0].PortletWidgetId + '"><span id="value_widget_' + id[0].PortletWidgetId + '" class="display-5 font-weight-400 text-dark">0</span></a></span > ' +
                            '<span id="span_widget_' + id[0].PortletWidgetId + '" class="h4 block mt-10 mb-10"><span class="display-5 font-weight-400 text-dark" id="value_widget_' + id[0].PortletWidgetId + '">8854</span></span>' +
                            '<span id="config_widget_' + id[0].PortletWidgetId + '"></span>' +
                            '</div></div></div></div>';
                        return html;
                    }
                    load(id, containerid, callback) {
                        let instance = this;
                        let inputparameters = Unibase.Themes.Providers.DashboardHelper.Instance().replaceWidgetParameterValues(id[0].WidgetParameters, id[0].InstalledAppId);
                        let fromDate = "", toDate = "";
                        var cf_fromDate = Unibase.Platform.Membership.Infos.Identity.currentUser.fromDate;
                        var cf_toDate = Unibase.Platform.Membership.Infos.Identity.currentUser.toDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        else {
                            fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                        }
                        var parameters = {
                            WidgetId: id[0].WidgetId,
                            PortletWidgetId: id[0].PortletWidgetId,
                            InstalledAppId: id[0].InstalledAppId,
                            InputParameters: inputparameters,
                            FromDate: fromDate,
                            ToDate: toDate
                        };
                        instance.loadResponseData(id[0].PortletWidgetId, containerid, parameters);
                    }
                    loadResponseData(portletwidgetid, detailContainer, parameters) {
                        let instance = this;
                        instance.inputParameters = parameters.InputParameters;
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getKpiWidgetData(parameters).then(function (response) {
                            instance.loadData(portletwidgetid, detailContainer, parameters, false, response);
                        });
                    }
                    loadData(portletwidgetid, detailContainer, parameters, IsPreview, response) {
                        detailContainer = '.' + detailContainer;
                        var post = response.result;
                        if (post != null) {
                            if (post.IsMaximize == true) {
                                $("#kpi_FullScreen_" + portletwidgetid).removeClass("hidden");
                            }
                            if (response.result.Icon == "" || response.result.Icon == null) {
                                response.result.Icon = "tenants/themes/compact/imgs/avatar.jpg";
                            }
                            var iconhtml = '<img  class ="avatar-img rounded-circle imageUpload" id="kpi_icon_' + portletwidgetid + '"src="' + response.result.Icon + '" style="width:75px;"/>';
                            $("#div_kpi_icon_" + portletwidgetid).html(iconhtml);
                            if (response.result.Data != null) {
                                var data = JSON.parse(response.result.Data)[0];
                            }
                            var selected_values = post.Selected_Columns;
                            if (selected_values != null) {
                                var sp = selected_values.split(',');
                                var column1 = sp[0];
                                post.Data = data[column1];
                            }
                            var color = post.Color;
                            var icon = post.Icon;
                            if (color != null) {
                                $(detailContainer).find("#kpi_card_" + portletwidgetid).addClass(color);
                            }
                            if (post.IsFiltarable == true) {
                                $(detailContainer).find(".KpiFilter_" + portletwidgetid + "").removeClass('hidden');
                            }
                            if (post.Data == "0.000" || post.Data == "" || post.Data == null) {
                                post.Data = "0";
                            }
                            if (post.LinkUrl == 'NULL' || post.LinkUrl == null) {
                                $(detailContainer).find("#spanlnk_widget_" + portletwidgetid).remove();
                            }
                            else {
                                $(detailContainer).find("#span_widget_" + portletwidgetid).remove();
                                $(detailContainer).find("#spanlnk_widget_" + portletwidgetid).removeClass("hidden");
                                $(detailContainer).find("#hdn_widget_link_" + portletwidgetid).val(post.LinkUrl);
                                $(detailContainer).find("#lnk_widget_" + portletwidgetid).click(function () {
                                    if (post.Data == "0" || Unibase.Core.Helpers.NumberHelper.Instance().roundNumber(post.Data, 2) == 0.00) {
                                        alert('No data');
                                    }
                                    else {
                                    }
                                });
                            }
                            var iconhtml = "";
                            if (icon != null && icon != "") {
                                iconhtml = "<span class='mr-10'>" + icon + "</span>";
                                $(detailContainer).find("#kpi_icon_" + portletwidgetid).html(iconhtml);
                            }
                            var l;
                            var m;
                            var n;
                            if (l == true || m == true || n == true)
                                $(detailContainer).find("#value_widget_" + portletwidgetid).text(Unibase.Core.Helpers.NumberHelper.Instance().format(post.Data, 2, ''));
                            else
                                $(detailContainer).find("#value_widget_" + portletwidgetid).text(Unibase.Core.Helpers.NumberHelper.Instance().format(post.Data, 2, ''));
                            if (post.LinkReportId != 0 && post.LinkReportId != null) {
                            }
                            else {
                                $(detailContainer).find("#showreport_" + portletwidgetid).addClass('hidden');
                            }
                            var colors = ["primary", "success", "warning", "danger", "info", "light", "secondary", "dark"];
                            if (response.result.AppConfigurations != null) {
                                if (response.result.AppConfigurations.length != 0) {
                                    var designhtml = "";
                                    var appconfig = response.result.AppConfigurations;
                                    for (var i = 0; i < appconfig.length; i++) {
                                        var onlickurl = "";
                                        var sname = appconfig[i].SettingName.replace(/ /g, '');
                                        designhtml += ' <span class="mr-10"><a href="javascript:;"  id="widgetconfig_' + sname + '" onclick="' + onlickurl + '">' +
                                            '<button class="btn btn-sm btn-' + colors[i] + ' pull-right  btn-rounded text-white">' + appconfig[i].SettingName + '</button>' +
                                            '</a> </span>';
                                    }
                                    designhtml += "</div>";
                                    $(detailContainer).find("#config_widget_" + portletwidgetid).html(designhtml);
                                }
                            }
                        }
                        $(detailContainer).siblings('.line-loader').remove();
                        $(detailContainer).removeClass('hidden');
                    }
                    linkReport(widgetid, portletwidgetid, containerid) {
                        var instance = this;
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getKPIWidget(widgetid).then(function (response) {
                            var res = response.result;
                            if (res != null) {
                                let containerid = "div_kpireport_" + portletwidgetid;
                                var rv_obj = Unibase.Platform.Analytics.Components.ReportViewer.Instance();
                                instance.navigationHelper.popup(res.LinkReportId, containerid, rv_obj, null, Unibase.Platform.Helpers.Size.Large);
                            }
                        });
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Icon();
                        return this.instance;
                    }
                }
                KpiWidgets.Icon = Icon;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));