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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Singlevalueborder 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="text-dark font-weight-500 d-flex flex-column overflow-hide bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="border-width: 1px 1px 12px; border-style: solid; border-color: #8fc06b; border-radius: 4px; height: 90px; background-color:#e4ffd0;"><li class="kpi-link-report"><a href="javascript:;" onclick="Unibase.Themes.Compact.KpiWidgets.Comparision.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 p-1 h-100"><div class="d-flex flex-column w-100 font-30 font-weight-400"><div class="d-flex justify-content-between"><span class="textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + ' line-height-10" data-valuebind="Value-1" style="font-size: 32px;">0</span><span class="my-auto mr-30" id="config_widget_' + id[0].PortletWidgetId + '"></span></div><span class="text-truncate my-auto labels_' + id[0].PortletWidgetId + '" data-kpi="kpi_font">' + title + '</span></div></div></ul>';
                        }
                        else {
                            html = '<ul class="position-relative text-dark font-weight-500 d-flex flex-column overflow-hide bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + ' kpi-card" style="border-width: 1px 1px 12px; border-style: solid; border-color: #fff; border-radius: 4px; height: 90px; background-color:#fff;"><li class="kpi-link-report"><a href="javascript:;" onclick="Unibase.Themes.Compact.KpiWidgets.Comparision.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 p-1 h-100"><div class="d-flex flex-column w-100 font-30 font-weight-400"><div class="d-flex justify-content-between"><span class="textProperty_' + id[0].PortletWidgetId + ' kpivalue_' + id[0].PortletWidgetId + ' line-height-10" data-valuebind="Value-1" style="font-size: 32px;" data-value-kpi="kpi_value_font">0</span><span class="my-auto mr-30" id="config_widget_' + id[0].PortletWidgetId + '"></span></div><span class="text-truncate my-auto labels_' + id[0].PortletWidgetId + '" data-kpi="kpi_font">' + title + '</span></div></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';
                        $(Container).find(".kpi_card_class_" + portletwidgetid).css({ "border-width": cssproperty[0].BorderWidth, "border-style": cssproperty[0].BorderType, "border-color": cssproperty[0].BorderColor, "border-radius": cssproperty[0].BorderRadius, "border-bottom": "12px solid" + cssproperty[0].BorderColor, "height": height, "background-color": cssproperty[0].BackgroundColor });
                        if (screen.width < 1198 && cssproperty[0].FontSize == 32) {
                            $(Container).find(".textProperty_" + portletwidgetid).css({ "font-size": "24px", "font-family": cssproperty[0].FontStyle });
                        }
                        else {
                            $(Container).find(".textProperty_" + portletwidgetid).css({ "font-size": cssproperty[0].FontSize + "px", "font-family": cssproperty[0].FontStyle });
                        }
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Singlevalueborder();
                        return this.instance;
                    }
                }
                KpiWidgets.Singlevalueborder = Singlevalueborder;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));