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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Twovaluecenterline 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="position-relative p-2 overflow-hide  bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="background-color:#d8fcd9;border-color:#b0ecb2;border-style:solid; border-width:1px; 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><li class="d-flex flex-column  kpivalue_1_' + id[0].PortletWidgetId + '"><ul class="d-flex justify-content-between align-items-center"><li><span class="kpivalueLabel_' + id[0].PortletWidgetId + '" data-valuelabelbind="Value-1" data-kpi="kpi_font">Total Meetings</span></li></ul><ul class="d-flex justify-content-between"><li class="text-truncate"><span class="text-dark textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-1" style="font-size:32px">00</span></li><li><span class="my-auto ml-auto pr-3" id="config_widget_' + id[0].PortletWidgetId + '"></span></li></ul></li><li class="d-flex flex-column  border border-bottom-0 border-left-0 border-right-0 border-light-40 kpivalue_2_' + id[0].PortletWidgetId + '"><ul class="d-flex justify-content-between"><li><span class="kpivalueLabel_' + id[0].PortletWidgetId + '" data-valuelabelbind="Value-2" data-kpi="kpi_font">Total Participants</span></li></ul><ul class="d-flex justify-content-between"><li class="text-truncate"><span class="text-dark textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + ' text-truncate" data-valuebind="Value-2" style="font-size:32px">00</span></li></ul></li></ul>';
                        }
                        else {
                            html = '<ul class="position-relative p-2 d-flex px-20 flex-column justify-content-between overflow-hide bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="background-color:#fff;"><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><li class="d-flex flex-column  h-100"><ul class="d-flex justify-content-between align-items-center"><li><span class="kpivalueLabel_' + id[0].PortletWidgetId + '" data-valuelabelbind="Value-1" data-kpi="kpi_font">Total Meetings</span></li></ul><ul class="d-flex justify-content-between my-auto"><li><span class=" line-height-10 text-dark textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-1" style="font-size:26px">00</span></li><li><span class="my-auto ml-auto pr-3" id="config_widget_' + id[0].PortletWidgetId + '"></span></li></ul></li><li style="height:3px;" class="kpivalue_2_' + id[0].PortletWidgetId + ' border border-bottom-0 border-left-0 border-right-0 border-light-40"></li><li class="d-flex flex-column h-100  kpivalue_2_' + id[0].PortletWidgetId + '"><span class="kpivalueLabel_' + id[0].PortletWidgetId + '" data-valuelabelbind="Value-2" data-kpi="kpi_font">Total Participants</span><span class="text-dark my-auto line-height-10 textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + '" data-valuebind="Value-2" style="font-size:26px">00</span></li></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';
                        $(Container).find('.kpi_card_class_' + 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].BorderRadius, "height": height
                        });
                        $(Container).find(".kpivalue_" + portletwidgetid + '[data-valuebind="Value-1"]').css({ "font-size": cssproperty[0].FontSize + "px", "font-family": cssproperty[0].FontStyle });
                        $(Container).find(".kpivalue_" + portletwidgetid + '[data-valuebind="Value-2"]').css({ "font-size": cssproperty[0].FontSize + "px", "font-family": cssproperty[0].FontStyle });
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Twovaluecenterline();
                        return this.instance;
                    }
                }
                KpiWidgets.Twovaluecenterline = Twovaluecenterline;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));