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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let KpiWidgets;
            (function (KpiWidgets) {
                class CarouselSlider extends Unibase.Platform.Core.BaseComponent {
                    html(id, containerid) {
                        let title = id[0].WidgetName;
                        var html = '<div class="card mb-0 card-sm" id="widget_kpis_2" style="height:120px;">' +
                            '<div class="card-body">' +
                            '<div id="sales_slider_' + id[0].PortletWidgetId + '" class="carousel slide" data-ride="carousel">' +
                            '<div class="d-flex justify-content-between align-items-center">' +
                            '<span class="d-block font-14 font-weight-400 text-dark mt-5" id="hf_kpi_widgetName_' + id[0].PortletWidgetId + '">' + title + '</span> ' +
                            '<div class="btn-group border-0 ml-20">' +
                            '<div class="sw-carousel-slider-control">' +
                            '<a class="text-dark carousel-control-prev" href="#sales_slider_' + id[0].PortletWidgetId + '" data-slide="prev">' +
                            '<i class="fa fa-angle-left"></i>' +
                            '</a>' +
                            '<p class="carousel-status" id="CarouselStatus"></p>' +
                            '<a class="text-dark carousel-control-next" href="#sales_slider_' + id[0].PortletWidgetId + '" data-slide="next">' +
                            '<i class="fa fa-angle-right"></i>' +
                            '</a>' +
                            '<span id="config_widget_' + id[0].PortletWidgetId + '"></span>' +
                            '</div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="carousel-inner"><div class="carousel-item carouselItem_0"><div class="d-block align-items-end justify-content-between"><div class="mt-10"><span class="d-block font-weight-500 text-dark"><span class="text-uppercase font-11 font-weight-500 text-dark">236</span><span class="d-block text-dark  font-weight-500 pull-right font-14">Lead</span></span><span class="text-light" style="font-size:10px;margin-top:-10px;"></span></div><div class="pull-right ml-20" style="margin-top:5px"><a href="#" class="pull-right"> <small id="showreport_100020390001754" class="showreport_100020390001754 font-sm-11">Show Report</small></a></div></div></div><div class="carousel-item carouselItem_1"><div class="d-block align-items-end justify-content-between"><div class="mt-10"><span class="d-block font-weight-500 text-dark"><span class="text-uppercase font-11 font-weight-500 text-dark">16</span><span class="d-block text-dark  font-weight-500 pull-right font-14">Qualify</span></span><span class="text-light" style="font-size:10px;margin-top:-10px;"></span></div><div class="pull-right ml-20" style="margin-top:5px"><a href="#" class="pull-right"> <small id="showreport_100020390001754" class="showreport_100020390001754 font-sm-11">Show Report</small></a></div></div></div><div class="carousel-item carouselItem_2"><div class="d-block align-items-end justify-content-between"><div class="mt-10"><span class="d-block font-weight-500 text-dark"><span class="text-uppercase font-11 font-weight-500 text-dark">331</span><span class="d-block text-dark  font-weight-500 pull-right font-14">Total Customers</span></span><span class="text-light" style="font-size:10px;margin-top:-10px;"></span></div><div class="pull-right ml-20" style="margin-top:5px"><a href="#" class="pull-right"> <small id="showreport_100020390001754" class="showreport_100020390001754 font-sm-11">Show Report</small></a></div></div></div><div class="carousel-item carouselItem_3"><div class="d-block align-items-end justify-content-between"><div class="mt-10"><span class="d-block font-weight-500 text-dark"><span class="text-uppercase font-11 font-weight-500 text-dark">75</span><span class="d-block text-dark  font-weight-500 pull-right font-14">Confirmed</span></span><span class="text-light" style="font-size:10px;margin-top:-10px;"></span></div><div class="pull-right ml-20" style="margin-top:5px"><a href="#" class="pull-right"> <small id="showreport_100020390001754" class="showreport_100020390001754 font-sm-11">Show Report</small></a></div></div></div><div class="carousel-item carouselItem_4 active"><div class="d-block align-items-end justify-content-between"><div class="mt-10"><span class="d-block font-weight-500 text-dark"><span class="text-uppercase font-11 font-weight-500 text-dark">3</span><span class="d-block text-dark  font-weight-500 pull-right font-14">Rejected</span></span><span class="text-light" style="font-size:10px;margin-top:-10px;"></span></div><div class="pull-right ml-20" style="margin-top:5px"><a href="#" class="pull-right"> <small id="showreport_100020390001754" class="showreport_100020390001754 font-sm-11">Show Report</small></a></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",
                        ];
                    }
                    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;
                        debugger;
                        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 = "";
                            for (var i = 0; i < parentobj.length; i++) {
                                html += '<div class="carousel-item carouselItem_' + i + '">' +
                                    '<div class="d-block align-items-end justify-content-between">' +
                                    '<div class="mt-10">' +
                                    '<span class="d-block font-weight-500 text-dark">' +
                                    '<span class="text-uppercase font-11 font-weight-500 text-dark">' + parentobj[i].value_2 + '</span>' +
                                    '<span class="d-block text-dark  font-weight-500 pull-right font-14">' + parentobj[i].value_1 + '</span>' +
                                    '</span>' +
                                    '<span class="text-light" style="font-size:10px;margin-top:-10px;">' + parentobj[i].value_3 + '</span>' +
                                    '</div>' +
                                    '<div class="pull-right ml-20" style="' + margin + '">' +
                                    '<a href="#" class="pull-right" > <small id="showreport_' + portletwidgetid + '" class="showreport_' + portletwidgetid + ' font-sm-11">Show Report</small></a>' +
                                    '</div>' +
                                    '</div>' +
                                    '</div>';
                            }
                            $(containerid).find(".carousel-inner").html(html);
                            $(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 CarouselSlider();
                        return this.instance;
                    }
                }
                KpiWidgets.CarouselSlider = CarouselSlider;
            })(KpiWidgets = Compact.KpiWidgets || (Compact.KpiWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));