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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class Owlcarouselslider extends Unibase.Platform.Core.BaseComponent {
                    html(id, containerid) {
                        let title = id[0].WidgetName;
                        var html = '<div class="card mb-0 card-sm bgcolorset_' + id[0].PortletWidgetId + ' kpi_card_class_' + id[0].PortletWidgetId + '"><div class="card-body border-0 p-0"><div id="sales_slider_' + id[0].PortletWidgetId + '" class="carousel slide"><div class="d-flex font-weight-500 text-dark px-3 py-2" ><div class="w-95 "> <span class="w-100 font-16 mt-5" id="hf_kpi_widgetName_' + id[0].PortletWidgetId + '">' + title + '</span></div> <span class="w-15 text-right"><a href="#" class="pull-right reportappend"></a></span></div><div class="bottom-carousel px-0"><div class="d-flex flex-row"><div class="owl-carousel carousel-inner w-100 d-flex">  <div class="item w-25 teal-light-4 carouselItem_0 active"><div class="bg-teal-light-4"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_100020390001757" style="font-size: 32px;">236</span> <span class="font-13 font-weight-normal text-dark">Lead</span> </span></div></div><div class="item w-25 neon-light-2 carouselItem_1"><div class="bg-neon-light-2"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_100020390001757" style="font-size: 32px;">16</span> <span class="font-13 font-weight-normal text-dark">Qualify</span> </span></div></div><div class="item w-25 yellow-light-2 carouselItem_2"><div class="bg-yellow-light-2"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_100020390001757" style="font-size: 32px;">331</span> <span class="font-13 font-weight-normal text-dark">Total Customers</span> </span></div></div><div class="item w-25 pink-light-4 carouselItem_3"><div class="bg-pink-light-4"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_100020390001757" style="font-size: 32px;">75</span> <span class="font-13 font-weight-normal text-dark">Confirmed</span> </span></div></div><div class="item w-25 d-none carouselItem_4"><div class="bg-d-none"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_100020390001757" style="font-size: 32px;">3</span> <span class="font-13 font-weight-normal text-dark">Rejected</span> </span></div></div> </div></div></div></div></div></div></div>';
                        return html;
                    }
                    jsFiles() {
                        return ["platform/widgets/managers/interfaces/iwidgetmanager.js", "platform/widgets/managers/widgetmanager.js", "platform/core/helpers/propertyhelper/propertyhelper.js", "platform/core/helpers/token/tokenhelper.js", "platform/core/helpers/numberhelper/numberhelper.js", "platform/analytics/components/reportviewer/reportviewer.js", "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    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;
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getKpiWidgetData(parameters).then(function (response) {
                            instance.loadData(portletwidgetid, detailContainer, parameters, false, response);
                        });
                    }
                    loadData(portletwidgetid, containerid, parameters, IsPreview, response) {
                        containerid = "." + containerid;
                        var instance = this;
                        var cssproperty = JSON.parse(response.result.CssProperty);
                        if (response.result != null) {
                            var post = response.result;
                            var data = JSON.parse(post.Data);
                            var obj = new Object();
                            var parentobj = [];
                            for (var i = 0; i < data.length; i++) {
                                var data_1 = data[i];
                                var j = 1;
                                for (var key in data_1) {
                                    obj['Value_' + j] = data_1[key];
                                    j++;
                                }
                                parentobj.push({
                                    value_1: obj["Value_1"],
                                    value_2: obj["Value_2"],
                                    value_3: obj["Value_3"]
                                });
                                var margin = "margin-top:-5px";
                                if (parentobj[i].value_3 == undefined || parentobj[i].value_3 == null) {
                                    parentobj[i].value_3 = "";
                                    margin = "margin-top:5px";
                                }
                            }
                            var html = "", html2 = "", bg_color = '';
                            for (var i = 0; i < parentobj.length; i++) {
                                if (i == 0) {
                                    bg_color = 'teal-light-4';
                                }
                                if (i == 1) {
                                    bg_color = 'neon-light-2';
                                }
                                if (i == 2) {
                                    bg_color = 'yellow-light-2';
                                }
                                if (i == 3) {
                                    bg_color = 'pink-light-4';
                                }
                                if (i == 4) {
                                    bg_color = 'd-none';
                                }
                                html += '<div class="item w-25 ' + bg_color + ' carouselItem_' + i + '"><div class="bg-' + bg_color + '"> <span class="d-flex flex-column font-weight-500 pb-2 text-dark"> <span class="textProperty_' + portletwidgetid + '">' + parentobj[i].value_2 + '</span> <span class="font-13 font-weight-normal text-dark">' + parentobj[i].value_1 + '</span> </span></div></div>';
                                html2 = '<small id="showreport_' + portletwidgetid + '" class="showreport_' + portletwidgetid + ' font-sm-11"><span class="nav-icon-wrap"><i class="font-14 dripicons dripicons-graph-pie text-dark"></i></span></small>';
                            }
                            $(".owl-carousel").owlCarousel({
                                items: 3,
                                nav: true,
                                loop: true,
                                autoplay: false
                            });
                            $(containerid).find(".carousel-inner").html(html);
                            $(containerid).find('.textProperty_' + portletwidgetid).css({ "font-size": cssproperty[0].FontSize + 'px' });
                            $(containerid).find(".reportappend").html(html2);
                            $(containerid).find(".carouselItem_0").addClass('active');
                            $(containerid).find('#sales_slider_' + portletwidgetid).carousel({
                                interval: 3000
                            });
                            $(containerid).find('#sales_slider_' + portletwidgetid).carousel("cycle");
                            var colors = ["primary", "success", "warning", "danger", "info", "light", "secondary", "dark"];
                        }
                        $(containerid).siblings('.line-loader').remove();
                        $(containerid).removeClass('hidden');
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new Owlcarouselslider();
                        return this.instance;
                    }
                }
                KpiWidgets.Owlcarouselslider = Owlcarouselslider;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));