WebBuild/wwwroot/tenants/themes/compact/widgets/detailwidgets/singlecolumn_noborder.js

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let DetailWidgets;
            (function (DetailWidgets) {
                class SingleColumnNoBorder extends Unibase.Platform.Core.BaseComponent {
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(obj, containerid) {
                        var title = obj[0].WidgetName, html = "";
                        if (obj[0].PortletWidgetId == 22501) {
                            html = '<div id="widget_details_' + obj[0].PortletWidgetId + '" class="card h-160p shadow-hover mb-0">' +
                                '<div class="card-header card-header-action border-bottom-0 px-20">' +
                                '<span id="hf-widget-title_' + obj[0].PortletWidgetId + '" class="biz-highlight-bg-color">' + title + '</span>' +
                                '<div class="d-flex align-items-center card-action-wrap" id="singleColumnEditIcon_' + obj[0].PortletWidgetId + '">' +
                                '</div>' +
                                '</div>' +
                                '<div class="card-body pt-5">' +
                                '<div class="row biz-transparent-text-color">' +
                                '<div class="col-sm-12">' +
                                '<ul class="list-group list-group-flush px-3" id="widget_details_' + obj[0].PortletWidgetId + '_col">' +
                                '<li class="list-group-item hidden" id="widget_details_item' + obj[0].PortletWidgetId + '_col"></li>' +
                                '<li class="d-flex flex-column li-1 p-0"><span class="text-light-60 py-1">Pan Number</span><span>GYJKL1234W</span></li><li class="d-flex flex-column li-1 px-0 py-1"><span class="text-light-60 py-1">Aadhar Number</span><span>2022 5468 3466</span></li>' +
                                '</ul>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>';
                        }
                        else {
                            html = '<div id="widget_details_' + obj[0].PortletWidgetId + '" class="card h-160p shadow-hover mb-0">' +
                                '<div class="card-header card-header-action border-bottom-0 px-20">' +
                                '<span id="hf-widget-title_' + obj[0].PortletWidgetId + '" class="biz-highlight-bg-color">' + title + '</span>' +
                                '<div class="d-flex align-items-center card-action-wrap" id="singleColumnEditIcon_' + obj[0].PortletWidgetId + '">' +
                                '</div>' +
                                '</div>' +
                                '<div class="card-body pt-5">' +
                                '<div class="row biz-transparent-text-color">' +
                                '<div class="col-sm-12">' +
                                '<ul class="list-group list-group-flush " id="widget_details_' + obj[0].PortletWidgetId + '_col">' +
                                '<li class="list-group-item hidden" id="widget_details_item' + obj[0].PortletWidgetId + '_col"></li>' +
                                '</ul>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>';
                        }
                        return html;
                    }
                    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, _portletwidgetid) {
                        let instance = this;
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getDetailWidgetData(parameters).then(function (response) {
                            if (_portletwidgetid == undefined) {
                                Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getPortletWidget(portletwidgetid).then(function (portletresponse) {
                                    instance.loadData(portletwidgetid, detailContainer, parameters, false, response, portletresponse);
                                });
                            }
                            else {
                                if (_portletwidgetid != 0) {
                                    Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getPortletWidget(_portletwidgetid).then(function (portletresponse) {
                                        instance.loadData(portletwidgetid, detailContainer, parameters, false, response, portletresponse);
                                    });
                                }
                                else {
                                    instance.loadData(portletwidgetid, detailContainer, parameters, false, response);
                                }
                            }
                        });
                    }
                    loadData(portletwidgetid, detailContainer, parameters, IsPreview, result, portletresponse) {
                        detailContainer = '.' + detailContainer;
                        var instance = this, list = '', labelArray1 = [];
                        if (result.errors != null && result.errors.length > 0) {
                            $(detailContainer).parent().find(".div_LineLoader").before(`<div id="Bizgaze-messageInfo" class="alert alert-danger mb-0 details_ErrorMsg"><strong>Error! </strong>` + result.message + `</div>`).removeClass("line-loader");
                            return false;
                        }
                        var properties = result.result.DetailWidgetProperties;
                        var cssproperty;
                        if (portletresponse != undefined) {
                            if (portletresponse.result.PortletWidgetCss != null && portletresponse.result.PortletWidgetCss != '') {
                                cssproperty = JSON.parse(portletresponse.result.PortletWidgetCss);
                            }
                            else {
                                cssproperty = JSON.parse(result.result.CssProperty);
                            }
                        }
                        else {
                            cssproperty = JSON.parse(result.result.CssProperty);
                        }
                        $(detailContainer).find('#widget_details_' + portletwidgetid).removeClass('h-160p').css({ "background-color": cssproperty[0].BackgroundColor, "border": cssproperty[0].DetailsBorderWidth + ' ' + cssproperty[0].DetailsBorderType + ' ' + cssproperty[0].DetailsBorderColor, "border-radius": cssproperty[0].DetailsBorderRadius });
                        let borderTop = cssproperty[0].BorderWidth + ' ' + cssproperty[0].BorderType + ' ' + cssproperty[0].BorderColor;
                        let icon = '';
                        let onlickurl = "";
                        let iconhtml = '';
                        if (result.result.AppConfiguration != null && result.result.AppConfiguration.AppConfigurationId != '' && result.result.AppConfiguration.AppConfigurationId != undefined) {
                            if (result.result.AppConfiguration.AppConfigurationId != 0) {
                                onlickurl = instance.load_appconfigurations(result.result.AppConfiguration, result.result.Data, portletwidgetid);
                                iconhtml = '<a href="javascript:;" class="btn-icon" onclick="' + onlickurl + '"> <i class="' + result.result.AppConfiguration.Icon + '"></i></a>';
                                $("#singleColumnEditIcon_" + portletwidgetid).html(iconhtml);
                            }
                            else
                                iconhtml = '<a href="javascript:;" class="btn-icon" onclick="' + onlickurl + '"> <i class="' + icon + '"></i></a>';
                        }
                        iconhtml = Unibase.Core.Helpers.PropertyHelper.Instance().replace(iconhtml, result.result.Data[0]);
                        $("#singleColumnEditIcon_" + portletwidgetid).html(iconhtml);
                        var tokenarray = [];
                        var labelarray = [];
                        var propertyarray = [];
                        var HyperLink = [];
                        var arraylength = 0;
                        for (var i = 0; i < properties.length; i++) {
                            var model = properties[i];
                            var propertyindex = model.PropertyIndex;
                            if (model.Value != null) {
                                if (model.ConverterType == 2) {
                                    var format = model.ConverterValue;
                                    if (model.ConverterValue == null || model.ConverterValue == "")
                                        format = "DD/MM/YYYY";
                                    var token = "Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDate1('" + model.Value + "'," + format + ")";
                                }
                                else if (model.ConverterType == 1) {
                                    var format = model.ConverterValue;
                                    if (model.ConverterValue == null || model.ConverterValue == "")
                                        format = "2";
                                    var token = "Unibase.Core.Helpers.NumberHelper.Instance().roundNumber('" + model.Value + "'," + format + ")";
                                }
                                else {
                                    var token = model.Value;
                                }
                            }
                            labelarray.push(model.Label);
                            tokenarray.push(token);
                            propertyarray.push(propertyindex);
                            HyperLink.push(model.HyperLink);
                            arraylength = arraylength + 1;
                        }
                        if (arraylength % 2 === 0) {
                            arraylength = arraylength;
                        }
                        else {
                            arraylength = arraylength + 1;
                        }
                        var arrayindex = (arraylength);
                        var slicedarray = tokenarray.splice(0, arrayindex);
                        var labelslice = labelarray.splice(0, arrayindex);
                        var propertyslice = propertyarray.splice(0, arrayindex);
                        for (var k = 0; k < propertyslice.length; k++) {
                            for (var i = k; i <= k; i++) {
                                var model = properties[i];
                                for (var j = i; j <= i; j++) {
                                    var replace = slicedarray[i];
                                    var data = result.result.Data[0];
                                    let token = HtmlHelper.getHelper().decode(Unibase.Core.Helpers.PropertyHelper.Instance().replace(replace, data));
                                    if (token == "" || token == "null" || token == "Invalid date" || token == "1900/01/01" || token == "01/01/1900" || token == "[object Object]" || token == " " || token == "01/01/0001" || token == "0001/01/01") {
                                        token = "NA";
                                    }
                                    if (model.ConverterType == 3) {
                                        token = moment(token).format('LT');
                                    }
                                    if (data == undefined) {
                                        token = "NA";
                                    }
                                    if (result.result.Js != null || result.result.Js != "") {
                                        eval(result.result.Js);
                                    }
                                    if (HyperLink[propertyslice[k]] != null && HyperLink[propertyslice[k]] != "") {
                                        var HL = Unibase.Core.Helpers.TokenHelper.Instance().replace(HyperLink[propertyslice[k]], data);
                                        var href = "javascript:;";
                                        var target = "";
                                        if (HyperLink[propertyslice[k]].includes('href')) {
                                            var target = "target='_blank'";
                                            href = HyperLink[propertyslice[k]].replace(/href=/, '');
                                            HL = '';
                                        }
                                        token = '<u class="text- primary"><a href=' + href + ' ' + target + ' onclick="' + HL + '"><font class="text-ul">' + token + '</font></a></u>';
                                    }
                                    if (labelslice[j] != '') {
                                        list += '<li class="Singlecolumn-listgroup-item Singlecolumn-listgroup-addeditem li-' + propertyslice[k] + ' px-0 py-1 detailProperty_' + portletwidgetid + '"><div class="d-flex flex-column"><span class="text-light-60 py-1">' + labelslice[j] + '</span><span>' + token + '</span></div></div></li>';
                                    }
                                    else {
                                        labelArray1.push(labelslice[j]);
                                        list += '<li class="Singlecolumn-listgroup-item Singlecolumn-listgroup-addeditem li-' + propertyslice[k] + ' px-0 py-1 detailProperty_' + portletwidgetid + '"><div class="d-flex flex-column"><span class="pr-0 text-left">' + token + '</span></div></div></li>';
                                    }
                                    $(detailContainer).find(`#widget_details_${portletwidgetid}_col`).html(list);
                                    if (screen.width < 1198 && (cssproperty[0].FontSize == '14px' || cssproperty[0].FontSize == 14)) {
                                        $(detailContainer).find(`#widget_details_${portletwidgetid}_col li`).css({ "border-top": borderTop, "font-size": '11px', "font-family": cssproperty[0].FontStyle, "background-color": cssproperty[0].BackgroundColor, "list-style-type": cssproperty[0].ListStyleType });
                                    }
                                    else {
                                        $(detailContainer).find(`#widget_details_${portletwidgetid}_col li`).css({ "border-top": borderTop, "font-size": cssproperty[0].FontSize + 'px', "font-family": cssproperty[0].FontStyle, "background-color": cssproperty[0].BackgroundColor, "list-style-type": cssproperty[0].ListStyleType });
                                    }
                                    $(detailContainer).find(`#widget_details_${portletwidgetid}_col li:first`).css({ "border-top": "0px solid black" });
                                }
                                if (labelArray1.length == j) {
                                    $(detailContainer).find(`#widget_details_${portletwidgetid}_col`).removeClass('px-3');
                                }
                            }
                        }
                        if (cssproperty[0].IsDetailsHeader != undefined && cssproperty[0].IsDetailsHeader == true) {
                            $("#hf-widget-title_" + portletwidgetid).parent('.card-header').remove();
                        }
                        $(detailContainer).siblings('.line-loader').remove();
                        $(detailContainer).removeClass('hidden');
                    }
                    load_appconfigurations(config, data, portletwidgetid) {
                        var instance = this;
                        let settingurltype = config.SettingUrlType;
                        var appconfigurationid = config.AppConfigurationId;
                        var settingUrl = config.SettingUrl;
                        var jsfunction = config.JsFunction;
                        var formid = config.FormId;
                        let editformid;
                        var formpkname = config.FormPrimaryColumn;
                        if (data.length <= 0) {
                            editformid = 0;
                        }
                        else if (formpkname != "" && formpkname != null) {
                            editformid = "{{" + formpkname + "}}";
                        }
                        else
                            editformid = 0;
                        var onclick = "";
                        if (settingurltype == 2) {
                            onclick = "this.fileCacheHelper.loadJsFile('" + config.SettingUrl + "', function ()             {var html = Unibase.Apps.Components.Stages.Instance().init();NavigationHelper.Instance().loadPopupHtml(html, Helpers.Size.DockLeft, function(containerid) {" + config.JsFunction + " ;});});";
                        }
                        else if (settingurltype == 1) {
                            onclick = 'Unibase.Platform.Helpers.NavigationHelper.Instance().loadForm(' + formid + ', ' + editformid + ',' + appconfigurationid + ',' + portletwidgetid + ' )';
                        }
                        else if (settingurltype == 3) {
                            let variablename = "Widget_" + config.SettingUrl.split(",")[0].split(".")[0].trim();
                            let methodname = config.SettingUrl.split(",")[1];
                            var onclickurl = "Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile('Widgets/" + config.SettingUrl.split(",")[0] + "', function () { " + variablename + "." + methodname + " });";
                            onclick = onclickurl;
                        }
                        return onclick;
                    }
                    static Instance() {
                        if (this.instance === null || this.instance === undefined)
                            this.instance = new SingleColumnNoBorder();
                        return this.instance;
                    }
                }
                DetailWidgets.SingleColumnNoBorder = SingleColumnNoBorder;
            })(DetailWidgets = Compact.DetailWidgets || (Compact.DetailWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));