WebBuild/wwwroot/platform/dataapis/components/dataapilog.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var serviceIntegratorIds = 0;
var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let DataApis;
        (function (DataApis) {
            let Components;
            (function (Components) {
                class DataApiLog extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.pageIndex = 0;
                    }
                    jsFiles() {
                        return ["platform/integrations/managers/integrationmanager.js", "platform/dataapis/managers/dataapimanager.js", "libs/jquery/pagination/jquery.pagination.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        return '<div id="Unibase_dataapilog" default="" data-validate="parsley" data-isdynamic="false"><div class="b-b bg-white header log-Header"><strong class="text-dark">Data Api Log</strong><div class="b-b bg-white d-flex flex-column" id="div_Listsearch"><label class="mb-2">Remote PkId</label><input type="text" value="" data-isdynamic="false" placeholder="Search"  data-placeholder="Search" data-label="Search" id="txtSearchItem"></div><div id="log_item" class="flex-column row"><label >Status :</label><div class="m-1"><select id="txtAutocomplete_log" placeholder="Select" data-placeholder="Select" data-label="Log"><option class="primary-account font-10" value="1">All</option><option class="secondary-account font-10" value="0">Success</option><option class="secondary-account font-10" value="2">Failed</option></select><input type="hidden" value="0" id="hfAutocomplete_log"></div></div><div class="d-flex flex-column" id="div_fromDate" data-dateinitialized="false"><label class="mt-5 mb-0">From Date :</label><div class="align-items-center d-flex"><input type="date" id="txt_fromDate" min="1980-01-01" class="form-control floating-label-control datepicker-input pl-0 w-150p" data-date-format="dd/MM/yyyy" data-isdynamic="false" placeholder="From Date *" data-placeholder="dd/mm/yyyy" data-label="From Date"><div id="clr_fdate"><i class="fa fa-close"></i></div></div><input type="hidden" id="hf_fromDate"></div><div class="d-flex flex-column" id="div_toDate"><label class="mt-5 mb-0">To Date :</label><div class="floating-label-from-group align-items-center d-flex"><input type="date" id="txt_toDate" class="form-control floating-label-control datepicker-input pl-0 w-150p" data-date-format="dd/MM/yyyy" data-isdynamic="false" placeholder="To Date *" data-placeholder="dd/mm/yyyy" data-label="To Date"><div id="clr_tdate"><i class="fa fa-close"></i></div></div><input type="hidden" id="hf_toDate"></div><a href="javascript:;" id="btnApply" class="btn btn-primary btn-sm">Apply</a></div><div data-simplebar class="simple-scroll-bar scrollable sync-log-body"><div id="Unibase_ValidationSummary" class="clear"></div><div class="row col-sm-12"><strong class="col-sm-4">Date</strong><strong class="col-sm-4">Remote PkId</strong><strong class="col-sm-4">Status</strong></div><div><ul class="divlog list-group"></ul><span id="totalcount">Total Count :<a href="javascript:; "id="getcount"></a></span></div><div id = "ItemsListPagination" class="pagination custom-pagination pagination-rounded pull-right"> </div></div><div id="div_LogFooter" class="bg-white footer"><a class="btn btn-light btn-sm btn-center mr-auto btn-close" id="btnClose">Close</a></div></div>';
                    }
                    init(serviceIntegratorId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            Unibase.Platform.DataApis.Components.DataApiLog.serviceIntegratorId = serviceIntegratorId;
                            this.navigationHelper.popup(0, '', Unibase.Platform.DataApis.Components.DataApiLog.Instance(), null, Platform.Helpers.Size.Large);
                            Unibase.Platform.DataApis.Components.DataApiLog.Instance().loadApiLog(serviceIntegratorId);
                            serviceIntegratorIds = serviceIntegratorId;
                        });
                    }
                    load(id, containerid, callback) {
                        $("#btnApply").click(function () {
                            var ids = serviceIntegratorIds;
                            Unibase.Platform.DataApis.Components.DataApiLog.Instance().loadApiLog(ids);
                        });
                        $("#clr_fdate").click(function () {
                            $("#txt_fromDate").val("");
                        });
                        $("#clr_tdate").click(function () {
                            $("#txt_toDate").val("");
                        });
                        var timer;
                        $("#txtSearchItem").on('keyup', () => {
                            var delay = 1000;
                            window.clearTimeout(timer);
                            timer = window.setTimeout(() => {
                                var searchtext = $("#txtSearchItem").val();
                                if (searchtext != "") {
                                    var ids = serviceIntegratorIds;
                                    Unibase.Platform.DataApis.Components.DataApiLog.Instance().loadApiLog(ids);
                                }
                                else {
                                    var ids = serviceIntegratorIds;
                                    Unibase.Platform.DataApis.Components.DataApiLog.Instance().loadApiLog(ids);
                                }
                            }, delay);
                        });
                    }
                    loadForm(FormId, Pk_Value, AppConfigurationId, Callback, ElementId) {
                    }
                    loadPagination(totalRecords, serviceIntegratorId) {
                        var instance = this;
                        let elem = $('#ItemsListPagination');
                        elem.pagination(totalRecords, 20, {
                            items_per_page: 20,
                            callback: function (page, component) {
                                instance.pageIndex = page;
                                instance.loadApiLog(serviceIntegratorId);
                            }, current_page: instance.pageIndex
                        });
                    }
                    loadApiLog(serviceIntegratorId) {
                        let datetimeIns = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        var instance = this;
                        var page = instance.pageIndex;
                        var rows = 20;
                        var fromdate = $("#txt_fromDate").val();
                        var todate = $("#txt_toDate").val();
                        var searchtext = $("#txtSearchItem").val();
                        var statuscode = $("#txtAutocomplete_log").val();
                        var postData = {
                            Searchtext: searchtext,
                            RefId: serviceIntegratorId,
                            Page: page,
                            Rows: rows,
                            FromDate: fromdate,
                            ToDate: todate,
                            StatusCode: statuscode,
                        };
                        if (($("#txt_fromDate").val() == "" && $("#txt_toDate").val() != "" && $("#txt_toDate").val() != undefined)) {
                            MessageHelper.Instance().showError("Please select FromDate", "Unibase_ValidationSummary");
                        }
                        else if ($("#txt_fromDate").val() != "" && $("#txt_fromDate").val() != undefined && $("#txt_toDate").val() == "") {
                            MessageHelper.Instance().showError("Please select ToDate", "Unibase_ValidationSummary");
                        }
                        else if (($("#txt_fromDate").val() > $("#txt_toDate").val())) {
                            MessageHelper.Instance().showError("ToDate is lessthan FromDate", "Unibase_ValidationSummary");
                        }
                        else {
                            Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().getApiLogItemsfilter(postData).then(function (response) {
                                var data = JSON.parse(response.result);
                                response.result = JSON.parse(response.result);
                                if (response.result.length == 0) {
                                    $(".divlog").hide();
                                    $("#totalcount").hide();
                                }
                                else {
                                    $(".divlog").show();
                                    $("#totalcount").show();
                                    var html = "";
                                    for (var i = 0; i < response.result.length; i++) {
                                        var data = response.result[i];
                                        var date = Unibase.Platform.Helpers.DateTimeHelper.Instance().FormatDateTime(data.createddate);
                                        html += '<li class="list-group-item  apilog-item group-item_' + data.ApiLogItemId + '">' +
                                            '<div class="">' +
                                            '<a href="#sync-' + data.ApiLogItemId + '" data-parent="divTasks" data-toggle="collapse" class="accordion-toggle collapsed" onclick="javascript:Unibase.Platform.DataApis.Components.DataApiLog.Instance().loadApiLogItem(\'' + data.ApiLogItemId + '\');"> ' +
                                            '<i class="indicator fa fa-chevron-right m-t-xs pull-right btn"></i>' +
                                            '<div class="row"><span class="col-sm-4">' + date + '</span> <span class="col-sm-4">' + data.RemotePkId + '</span> <span class="col-sm-4">' + data.Status + '</span>' +
                                            '</div>' +
                                            '</a>' +
                                            '<div class="panel-collapse collapse" id="sync-' + data.ApiLogItemId + '" style="height: 0px;">' +
                                            '<ul id="sync-list_' + data.ApiLogItemId + '" class="list-group no-radius m-b-none list-group-lg no-border m-t  sync-list">';
                                        html += '</ul></div></div></li>';
                                    }
                                }
                                if (response.totalRecords > 20) {
                                    $("#ItemsListPagination").removeClass("hidden");
                                    instance.loadPagination(response.totalRecords, serviceIntegratorId);
                                }
                                else {
                                    $("#ItemsListPagination").addClass("hidden");
                                }
                                $('#getcount').text(response.totalRecords);
                                $("#lblintegratelogRecords").text(response.result.length);
                                $(".divlog").html(html);
                            });
                        }
                    }
                    loadApiLogItem(apiLogItemId) {
                        let instance = this;
                        Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().getApiLogItem(apiLogItemId).then(function (response) {
                            var date = Unibase.Platform.Helpers.DateTimeHelper.Instance().FormatDateTime(response.result.createddate);
                            var innerhtml = '<li class="list-group-item bg-white border-0 apilog-item_' + response.result.ApiLogItemId + ' " style="background-color:unset !important">' +
                                '<div class="row"><strong class="col-sm-2">Api Name</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.ApiName + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Request Url</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.RequestUrl + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Remote PkId</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.RemotePkId + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Pk Id</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.PkId + '</span></div>' +
                                '<div class="text-black row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Status</strong><span class="col-sm-10">' + response.result.Status + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Message</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.ExceptionMessage + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Created Date</strong><span class="col-sm-10">' + date + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Inner Exception</strong><span style="word-wrap: break-word;" class="col-sm-10">' + response.result.InnerException + '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Stack Trace</strong><span style="word-wrap: break-word;" class="col-sm-10 d-flex flex-column"><span data-integrations="4lines">' + response.result.StackTrace + '</span>';
                            if (response.result.StackTrace != null && response.result.StackTrace != '' && response.result.StackTrace != undefined) {
                                innerhtml += `<span class="font-14 font-weight-400 py-1" data-copy="true" data-copy2stacktrace="stacktrace"><span class="d-none" data-copy2stacktrace="true">${response.result.StackTrace}</span><span title='${response.result.StackTrace}'><i class="las la-copy"></i></span></span>`;
                            }
                            if (response.result.Headers != null && response.result.Headers != '' && response.result.Headers != undefined) {
                                innerhtml += '</span></div > ' +
                                    '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Request Header</strong><span style="word-wrap: break-word;" class="col-sm-10"><span data-integrations="4lines">' + response.result.Headers + '</span>';
                                if (response.result.Headers != null && response.result.Headers != '' && response.result.Headers != undefined) {
                                    innerhtml += `<span class="font-14 font-weight-400 py-1" data-copy="true" data-copy2dropdownheader="dropdownheader"><span class="d-none" data-copy2dropdownheader="true">${response.result.Headers}</span><span title='${response.result.Headers}'><i class="las la-copy"></i></span></span>`;
                                }
                            }
                            innerhtml += '</span></div>' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Response Object</strong><span style="word-wrap: break-word;" class="col-sm-10"><span data-integrations="4lines">' + response.result.ResponseObject + '</span>';
                            if (response.result.ResponseObject != null && response.result.ResponseObject != '' && response.result.ResponseObject != undefined) {
                                innerhtml += `<span class="font-14 font-weight-400 py-1" data-copy="true" data-copy2dropdownRes="dropdownres"><span class="d-none" data-copy2dropdownres="true">${response.result.ResponseObject}</span><span title='${response.result.ResponseObject}'><i class="las la-copy"></i></span></span>`;
                            }
                            innerhtml += '</span></div > ' +
                                '<div class="row" style="overflow-wrap: break-word;"><strong class="col-sm-2">Request Object</strong><span style="word-wrap: break-word;" class="col-sm-10"><span data-integrations="4lines">' + response.result.RequestObject + '</span>';
                            if (response.result.RequestObject != null && response.result.RequestObject != '' && response.result.RequestObject != undefined) {
                                innerhtml += `<span class="font-14 font-weight-400 py-1" data-copy="true" data-copy2dropdownReq="dropdownreq"><span class="d-none" data-copy2dropdownreq="true">${response.result.RequestObject}</span><span title='${response.result.RequestObject}'><i class="las la-copy"></i></span></span>`;
                            }
                            innerhtml += '</span ></div > ' +
                                '</li>';
                            $("#sync-list_" + apiLogItemId).html(innerhtml);
                            let copy = ['stacktrace', 'dropdownheader', 'dropdownres', 'dropdownreq'];
                            copy.forEach(function (element, index) {
                                instance.copyFuntionaLity(element);
                            });
                        });
                    }
                    copyFuntionaLity(attr1) {
                        $(`[data-copy2${attr1}="${attr1}"]`).on('click', function () {
                            let element = $(this);
                            let obj = $(this).find(`[data-copy2${attr1}="true"]`).text();
                            eval(`navigator.clipboard.writeText(obj);
                                        $('[data-copy="true"]').removeClass('text-danger')
                                        element.addClass('text-danger')
                                    `);
                        });
                    }
                    refreshFailedApiLog(dataApiLogId) {
                        Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().executeFailedApiLog(dataApiLogId).then(function (response) {
                            if (response.status == 0) {
                                MessageHelper.Instance().showSuccess(response.message, "");
                            }
                            else {
                                MessageHelper.Instance().showSuccess(response.message, "");
                            }
                        });
                    }
                    refreshFailedApiQueue(apiQueueId) {
                        let VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                        let html = '<div class="skelton_loader biz-secondary-color position-absolute w-100 z-index-10">';
                        html += Unibase.Themes.Compact.Components.Nav_Template.Instance().skelTonListPage();
                        html += '</div>';
                        $('.BindData_' + VisibleContainerId).before(html);
                        $('.BindData_' + VisibleContainerId).addClass('hidden');
                        Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().executeFailedApiQueue(apiQueueId).then(function (response) {
                            if (response.status == 0) {
                                MessageHelper.Instance().showSuccess(response.message, "");
                            }
                            else {
                                MessageHelper.Instance().showSuccess(response.message, "");
                            }
                            $('.skelton_loader').remove();
                            $('.BindData_' + VisibleContainerId).removeClass('hidden');
                        });
                    }
                    static Instance() {
                        return new DataApiLog();
                    }
                }
                DataApiLog.serviceIntegratorId = 0;
                Components.DataApiLog = DataApiLog;
            })(Components = DataApis.Components || (DataApis.Components = {}));
        })(DataApis = Platform.DataApis || (Platform.DataApis = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));