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

var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let DetailWidgets;
            (function (DetailWidgets) {
                class Default extends Unibase.Platform.Core.BaseComponent {
                    jsFiles() {
                        return [];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let title = id[0].WidgetName, html = "";
                        if (id[0].PortletWidgetId == 22501) {
                            html = '<div id="widget_details_' + id[0].PortletWidgetId + '" class="card h-160p shadow-hover mb-0">' +
                                '<div class="card-header card-header-action border-bottom-0 px-20">' +
                                '<span class="biz-highlight-bg-color" id="hf-widget-title_' + id[0].PortletWidgetId + '">' + title + '</span>' +
                                '<div class="d-flex align-items-center card-action-wrap" id="div_detail_addnew_' + id[0].PortletWidgetId + '">' +
                                '</div>' +
                                '</div>' +
                                '<div class="card-body py-0">' +
                                '<div class="row biz-transparent-text-color">' +
                                '<div class="col-md-6">' +
                                '<ul class="list-group list-group-flush px-30" id="widget_details_' + id[0].PortletWidgetId + '_col1">' +
                                '<li class="list-group-item widget_details_item' + id[0].PortletWidgetId + '_col1 py-1" id="widget_details_item_' + id[0].PortletWidgetId + '_col1"><ul class="list-group list-group-flush"><li class="d-flex justify-content-between align-items-center px-0 py-2" style="border-top: 1px dashed black; font-size: 14px;"><span class="pl-0">Organization</span><span class="text-overflow text-right" title="shanvi">shanvi</span></li><li class="d-flex justify-content-between align-items-center px-0 py-2" style="border-top: 1px dashed black; font-size: 14px;"><span class="pl-0">Cin</span><span class="text-overflow text-right" title="GCIN350">GCIN350</span></li></ul></li>' +
                                '</ul>' +
                                '</div>' +
                                '<div class="col-md-6">' +
                                '<ul class="list-group list-group-flush px-30" id="widget_details_' + id[0].PortletWidgetId + '_col2">' +
                                '<li class="list-group-item widget_details_item' + id[0].PortletWidgetId + '_col2 py-1" id="widget_details_item_' + id[0].PortletWidgetId + '_col2"><ul class="list-group list-group-flush"><li class="d-flex justify-content-between align-items-center px-0 py-2" style="border-top: 1px dashed black; font-size: 14px;"><span class="pl-0">Organization</span><span class="text-overflow text-right" title="shanvi">shanvi</span></li><li class="d-flex justify-content-between align-items-center px-0 py-2" style="border-top: 1px dashed black; font-size: 14px;"><span class="pl-0">Cin</span><span class="text-overflow text-right" title="GCIN350">GCIN350</span></li></ul></li>' +
                                '</ul>' +
                                '</div>' +
                                '</div>' +
                                '</div>' +
                                '</div>';
                        }
                        else {
                            html = '<div id="widget_details_' + id[0].PortletWidgetId + '" class="card h-160p shadow-hover mb-0">' +
                                '<div class="card-header card-header-action border-bottom-0 px-20 ml-5">' +
                                '<span class="biz-highlight-bg-color" id="hf-widget-title_' + id[0].PortletWidgetId + '">' + title + '</span>' +
                                '<div class="d-flex align-items-center card-action-wrap" id="div_detail_addnew_' + id[0].PortletWidgetId + '">' +
                                '</div>' +
                                '</div>' +
                                '<div class="card-body py-0">' +
                                '<div class="row biz-transparent-text-color">' +
                                '<div class="col-md-6">' +
                                '<ul class="list-group list-group-flush px-0" id="widget_details_' + id[0].PortletWidgetId + '_col1">' +
                                '<li class="list-group-item widget_details_item' + id[0].PortletWidgetId + '_col1 py-1" id="widget_details_item_' + id[0].PortletWidgetId + '_col1"></li>' +
                                '</ul>' +
                                '</div>' +
                                '<div class="col-md-6">' +
                                '<ul class="list-group list-group-flush px-0" id="widget_details_' + id[0].PortletWidgetId + '_col2">' +
                                '<li class="list-group-item widget_details_item' + id[0].PortletWidgetId + '_col2 py-1" id="widget_details_item_' + id[0].PortletWidgetId + '_col2"></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, response, portletresponse) {
                        let instance = this, list1 = '', list2 = '', count = 0, labelArray1 = [], labelArray2 = [];
                        var result = response.result.Data;
                        var cssproperty;
                        if (portletresponse != undefined) {
                            if (portletresponse != undefined) {
                                if (portletresponse.result.PortletWidgetCss != null && portletresponse.result.PortletWidgetCss != '') {
                                    cssproperty = JSON.parse(portletresponse.result.PortletWidgetCss);
                                }
                                else {
                                    cssproperty = JSON.parse(response.result.CssProperty);
                                }
                            }
                            else {
                                cssproperty = JSON.parse(response.result.CssProperty);
                            }
                        }
                        else {
                            cssproperty = JSON.parse(response.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 iconhtml = '';
                        let icon = '';
                        let onlickurl = "";
                        let systemLock = Unibase.Themes.Compact.Components.Details.Instance().isSystemLock;
                        if (!systemLock || (systemLock && response.result.AppConfiguration.ExcludeFromLock)) {
                            if (response.result.AppConfiguration != null && response.result.AppConfiguration.AppConfigurationId != 0) {
                                onlickurl = instance.load_appconfigurations(response.result.AppConfiguration, response.result.Data, portletwidgetid);
                                iconhtml = '<a href="javascript:;" class="btn-icon" onclick="' + onlickurl + '"> <i class="' + response.result.AppConfiguration.Icon + '"></i></a>';
                                $("#div_detail_addnew_" + 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, response.result.Data[0]);
                        }
                        $("#div_detail_addnew_" + portletwidgetid).html(iconhtml);
                        var properties = response.result.DetailWidgetProperties;
                        var titletoken = "";
                        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 / 2);
                        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++) {
                                    if (j == 0) {
                                        $(detailContainer).find('#widget_details_' + portletwidgetid + '_col1 li:not(:first-child)').remove();
                                    }
                                    var replace = slicedarray[i];
                                    var data = null;
                                    if (result != null) {
                                        data = response.result.Data[0];
                                    }
                                    let token = Unibase.Core.Helpers.PropertyHelper.Instance().replace(replace, data);
                                    if (response.result.Js != null || response.result.Js != "") {
                                        eval(response.result.Js);
                                    }
                                    if (model.ConverterType == 3) {
                                        token = moment(token).format('LT');
                                    }
                                    if (token == "" || token == " " || token == "0 NA" || token == "0NA" || token == "null" || token == "Invalid date" || token == "1900/01/01" || token == "01/01/1900" || token == "01/01/1900 05:21:10" || token == "[object Object]" || token == "01/01/0001" || token == "0001/01/01" || token == "1901/01/01" || token == "01/01/1901" || token == "1901/01/01" || token == "01/01/1901" || token == "01/01/0001 12:01:00" || token == "01/01/0001 12:01" || token == "01/01/0001 00:00" || token == "01/01/0001 12:00:00 AM" || token == "01/01/0001 05:30:00 AM" || token == "0001-01-01T00:00:00") {
                                        token = "NA";
                                    }
                                    if (token == "true") {
                                        token = "True";
                                    }
                                    else if (token == "false") {
                                        token = "False";
                                    }
                                    else if (data == undefined) {
                                        token = "NA";
                                    }
                                    titletoken = token;
                                    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 = HL.replace(/href=/, '');
                                            if (href == "NA") {
                                                href = "javascript:;";
                                                target = "";
                                            }
                                            HL = '';
                                        }
                                        token = '<u><a href="' + href + '" ' + target + ' onclick="' + HL + '"><font class="text-ul text-dark">' + token + '</font></a></u>';
                                    }
                                    if (labelslice[j] != "") {
                                        list1 += '<li class="Twocolumn-listgroup-1-item Twocolumn-listgroup-1-addeditem li-' + propertyslice[k] + ' px-0 py-2 detailProperty_' + portletwidgetid + ' widget_details_item' + portletwidgetid + '_col1"><div class="d-flex justify-content-between align-items-center"><span class="col-5 pl-2 text-light">' + labelslice[j] + '</span><span class="text-overflow text-right d-none d-md-block" title="' + titletoken + '">' + token + '</span><span class="text-overflow text-right col-7 pr-0 d-md-none font-weight-600" title="' + titletoken + '">' + token + '</span></div></li>';
                                    }
                                    else {
                                        labelArray1.push(labelslice[j]);
                                        list1 += '<li class="Twocolumn-listgroup-1-item Twocolumn-listgroup-1-addeditem li-' + propertyslice[k] + ' px-0 py-2 detailProperty_' + portletwidgetid + ' widget_details_item' + portletwidgetid + '_col1"><div class="d-flex justify-content-between align-items-center"><span class="text-overflow text-left" title="' + titletoken + '">' + token + '</span></div></li>';
                                    }
                                    $("." + detailContainer).find(`#widget_details_${portletwidgetid}_col1`).html(list1);
                                    $("." + detailContainer).find(`#widget_details_${portletwidgetid}_col2`).empty();
                                    if (screen.width < 1198 && (cssproperty[0].FontSize == '14px' || cssproperty[0].FontSize == 14)) {
                                        $("." + detailContainer).find('.widget_details_item' + portletwidgetid + '_col1').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_item' + portletwidgetid + '_col1').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 });
                                    }
                                }
                                if (labelArray1.length == j) {
                                    $("." + detailContainer).find(`#widget_details_${portletwidgetid}_col1`).removeClass('px-30').addClass('px-10');
                                }
                            }
                        }
                        for (var k = 0; k < propertyarray.length; k++) {
                            for (var i = k; i <= k; i++) {
                                for (var j = i; j <= i; j++) {
                                    if (j == 0) {
                                        $(detailContainer).find('#widget_details_' + portletwidgetid + '_col2 li:not(:first-child)').remove();
                                    }
                                    var replace = tokenarray[i];
                                    data = response.result.Data[0];
                                    let token = Unibase.Core.Helpers.PropertyHelper.Instance().replace(replace, data);
                                    if (response.result.Js != null || response.result.Js != "") {
                                        eval(response.result.Js);
                                    }
                                    if (token == "" || token == "0 NA" || token == "0NA" || token == "null" || token == "Invalid date" || token == "1900/01/01" || token == "01/01/1900" || token == "01/01/1900 05:21:10" || token == "[object Object]" || token == " " || token == "01/01/0001" || token == "0001/01/01" || token == "1901/01/01" || token == "01/01/1901" || token == "1901/01/01" || token == "01/01/1901" || token == "01/01/0001 12:01:00" || token == "01/01/0001 00:00" || token == "01/01/0001 12:00:00 AM" || token == "01/01/0001 05:30:00 AM") {
                                        token = "NA";
                                    }
                                    if (token == "true") {
                                        token = "True";
                                    }
                                    else if (token == "false") {
                                        token = "False";
                                    }
                                    else if (data == undefined) {
                                        token = "NA";
                                    }
                                    titletoken = token;
                                    if (HyperLink[propertyarray[k]] != null && HyperLink[propertyarray[k]] != "") {
                                        var HL = Unibase.Core.Helpers.TokenHelper.Instance().replace(HyperLink[propertyarray[k]], data);
                                        var href = "javascript:;";
                                        var target = "";
                                        if (HyperLink[propertyslice[k]].includes('href')) {
                                            var target = "target='_blank'";
                                            href = HL.replace(/href=/, '');
                                            if (href == "NA") {
                                                href = "javascript:;";
                                                target = "";
                                            }
                                            HL = '';
                                        }
                                        token = '<u><a href="' + href + '" ' + target + ' onclick="' + HL + '"><font class="text-ul text-dark">' + token + '</font></a></u>';
                                    }
                                    if (labelarray[j] != '') {
                                        list2 += '<li class="Twocolumn-listgroup-2-item Twocolumn-listgroup-2-addeditem li-' + propertyarray[k] + ' px-0 py-2 detailProperty_' + portletwidgetid + ' widget_details_item' + portletwidgetid + '_col2"> <div class="d-flex justify-content-between align-items-center "> <span class="col-5 pl-2 text-light">' + labelarray[j] + '</span> <span class="text-overflow text-right d-none d-md-block" title="' + titletoken + '">' + token + '</span> <span class="text-overflow text-right col-sm-7 pr-0 d-md-none" title="' + titletoken + '">' + token + '</span> </div></li>';
                                    }
                                    else {
                                        labelArray2.push(labelarray[j]);
                                        list2 += '<li class="Twocolumn-listgroup-2-item Twocolumn-listgroup-2-addeditem li-' + propertyarray[k] + ' px-0 py-2 detailProperty_' + portletwidgetid + ' widget_details_item' + portletwidgetid + '_col2"> <div class="d-flex justify-content-between align-items-center "><span class="text-overflow" title="' + titletoken + '">' + token + '</span> </div></li>';
                                    }
                                    $("." + detailContainer).find(`#widget_details_${portletwidgetid}_col2`).html(list2);
                                    if (screen.width < 1198 && (cssproperty[0].FontSize == '14px' || cssproperty[0].FontSize == 14)) {
                                        $("." + detailContainer).find('.widget_details_item' + portletwidgetid + '_col2').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_item' + portletwidgetid + '_col2').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 });
                                    }
                                }
                                if (labelArray2.length == j) {
                                    $("." + detailContainer).find(`#widget_details_${portletwidgetid}_col2`).removeClass('px-30').addClass('px-10');
                                }
                            }
                        }
                        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');
                        $("[title='na' i]").find("a").removeAttr("href");
                        $("[title='na' i]").find("u").css("text-decoration", "none");
                        $("[title='na' i]").find("font").text("NA");
                    }
                    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;
                        }
                        else if (settingurltype == 10) {
                            onclick = "Unibase.Themes.Compact.Components.Nav.Instance().loadDashboard(" + config.LinkDashboardId + ",'" + config.DashboardName + "')";
                        }
                        else if (settingurltype == 11) {
                            onclick = "Unibase.Themes.Compact.Components.Nav.Instance().loadDashboardsInDashboard(" + config.LinkDashboardGroupId + ",0,true)";
                        }
                        return onclick;
                    }
                    static Instance() {
                        this.instance = new Default();
                        return this.instance;
                    }
                }
                DetailWidgets.Default = Default;
            })(DetailWidgets = Compact.DetailWidgets || (Compact.DetailWidgets = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));