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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Singlevaluepiechart extends KpiWidgets.Manager.KpiManager {
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let title = id[0].WidgetName, html = '';
                        if (id[0].PortletWidgetId == 22501 || id[0].PortletWidgetId == 2250) {
                            html = '<ul class="p-2 card mb-0 d-flex flex-column overflow-hide bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="background-color:#ffeadd;border-width:1px;border-style:solid;border-color:#fcc09b;border-radius:4px; height:180px;"><li class="kpi-link-report"><a href="javascript:void(0);" onclick="Unibase.Themes.Compact.KpiWidgets.Manager.KpiManager.Instance().linkReport(' + id[0].WidgetId + ',' + id[0].PortletWidgetId + ',' + containerid + ')"><small class="showreport_' + id[0].PortletWidgetId + '" data-LinkReport="LinkReport"><span class="nav-icon-wrap LinkReport_' + id[0].PortletWidgetId + '"><i class="font-14 dripicons dripicons-graph-pie text-dark"></i></span></small></a></li><div><li class="w-100 d-flex justify-content-center align-items-center"><span class="text-dark"><i class="fa fa-user-plus fa-2x"></i></span><div id="div_kpi_icon_' + id[0].PortletWidgetId + '"><img class="img-fluid p-1 d-none rounded-5 w-55p h-55p imageUpload" data-imageUpload="true" data-dynamic="1" id="kpi_icon_' + id[0].PortletWidgetId + '" src="tenants/themes/compact/imgs/img55.png" onerror="ReloadImage(event)" data-loaded="1"></div></li><li class="w-100 d-flex justify-content-center align-items-center kpivalue_1_' + id[0].PortletWidgetId + '"><span class="w-90 mx-20 text-truncate text-center" id="hf_kpi_widgetName_' + id[0].PortletWidgetId + '" data-kpi="kpi_font">' + title + '</span></li><li class="w-100 d-flex justify-content-center align-items-center kpivalue_1_' + id[0].PortletWidgetId + '"><span class="text-dark textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-1" style="font-size:34px">00000</span></li><li class="w-100 d-flex justify-content-center align-items-center kpivalue_2_' + id[0].PortletWidgetId + '" ><span><span class="pr-1 kpivalueLabel_' + id[0].PortletWidgetId + '" data-valueLabelBind="Value-1" data-kpi="kpi_font">Increases By</span><span class="kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-2">0%</span></span></li></div></ul>';
                        }
                        else {
                            html = '<ul class="position-relative p-2 card mb-0 d-flex flex-column overflow-hide bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="background-color:#fff;border-width:1px;border-style:solid;border-color:#fff;border-radius:4px; height:180px;"><li class="kpi-link-report"><a href="javascript:void(0);" onclick="Unibase.Themes.Compact.KpiWidgets.Manager.KpiManager.Instance().linkReport(' + id[0].WidgetId + ',' + id[0].PortletWidgetId + ',' + containerid + ')"><small class="showreport_' + id[0].PortletWidgetId + '" data-LinkReport="LinkReport"><span class="nav-icon-wrap LinkReport_' + id[0].PortletWidgetId + '"><i class="font-14 dripicons dripicons-graph-pie text-dark"></i></span></small></a></li><div class="d-flex flex-column h-100 justify-content-center"><li class="w-100 my-auto d-flex justify-content-center align-items-center" ><span class="text-dark"><i class="fa fa-user-plus fa-2x"></i></span><div id="div_kpi_icon_' + id[0].PortletWidgetId + '"><img class="img-fluid p-1 d-none rounded-5 w-55p h-55p imageUpload" data-imageUpload="true" data-dynamic="1" id="kpi_icon_' + id[0].PortletWidgetId + '" src="tenants/themes/compact/imgs/img55.png" onerror="ReloadImage(event)" data-loaded="1"></div></li><li><ul class="d-flex flex-column"><li class="w-100 d-flex justify-content-center align-items-center kpivalue_1_' + id[0].PortletWidgetId + '"><span class="w-90 mx-20 text-truncate text-center" id="hf_kpi_widgetName_' + id[0].PortletWidgetId + '" data-kpi="kpi_font">' + title + '</span></li><li class="w-100 d-flex justify-content-center align-items-center kpivalue_1_' + id[0].PortletWidgetId + '"><span class="text-dark textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-1" style="font-size:34px">00000</span></li></ul></li><li class="w-100 d-flex justify-content-center align-items-center kpivalue_2_' + id[0].PortletWidgetId + '"><span><span class="pr-1 kpivalueLabel_' + id[0].PortletWidgetId + '" data-valueLabelBind="Value-1" data-kpi="kpi_font">Increases By</span><span class="kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-2">0%</span></span></li></div></ul>';
                        }
                        return html;
                    }
                    load(id, containerid, callback) {
                        let instance = this;
                        instance._load(id, containerid, null);
                    }
                    _loadData(portletwidgetid, Container, parameters, IsPreview, response, portletresponse) {
                        let instance = this;
                        instance.loadData(portletwidgetid, Container, parameters, IsPreview, response, portletresponse);
                    }
                    _styling(portletwidgetid, Container, response) {
                        let cssproperty = JSON.parse(response.result.CssProperty);
                        let height = response.result.KpiHeight + 'px';
                        var iconhtml = '<img class="img-fluid p-1 w-55p h-55p imageUpload"id="kpi_icon_' + portletwidgetid + '"src="' + response.result.Icon + '"  data-dynamic="1" data-loaded="0" onerror="ReloadImage(event)">';
                        if (response.result.Icon != '') {
                            $(Container).find("#div_kpi_icon_" + portletwidgetid).siblings('span').remove();
                            $("#div_kpi_icon_" + portletwidgetid).html(iconhtml);
                        }
                        else {
                            $(Container).find("#div_kpi_icon_" + portletwidgetid).siblings('span').remove();
                            $(Container).find("#div_kpi_icon_" + portletwidgetid).parent().remove();
                        }
                        $(Container).find(".bgcolorset_" + portletwidgetid + "").css({
                            "background-color": cssproperty[0].BackgroundColor, "border-width": cssproperty[0].BorderWidth, "border-style": cssproperty[0].BorderType, "border-color": cssproperty[0].BorderColor, "border-radius": cssproperty[0].BorderColor, "height": height
                        });
                        $(Container).find(".kpivalue_" + portletwidgetid + '[data-valuebind="Value-1"]').css({ "font-size": cssproperty[0].FontSize + "px", "font-family": cssproperty[0].FontStyle });
                        let kpihidden;
                        if (cssproperty[0].KPI_ValueHidden != '' && cssproperty[0].KPI_ValueHidden != null) {
                            kpihidden = cssproperty[0].KPI_ValueHidden.split(',');
                            for (let i = 0; i < kpihidden.length; i++) {
                                $('.kpivalue_2_' + portletwidgetid).addClass("mt-3");
                                if (kpihidden[i] == 'true' && kpihidden[i] != '' && kpihidden[i] != null && kpihidden[i].length != 0) {
                                    $('.kpivalue_' + (i + 1) + '_' + portletwidgetid).removeClass('d-flex').addClass('d-none');
                                    if (kpihidden[1] == 'true') {
                                        $('.kpivalue_2_' + portletwidgetid).css('margin-top', '0px');
                                        $('.kpivalue_1_' + portletwidgetid).css('margin-top', '0px');
                                    }
                                }
                            }
                        }
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Singlevaluepiechart();
                        return this.instance;
                    }
                }
                KpiWidgets.Singlevaluepiechart = Singlevaluepiechart;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));