WebBuild/wwwroot/platform/integrations/components/integrationdataapilog.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 Integrations;
        (function (Integrations) {
            let Components;
            (function (Components) {
                class IntegrationDataApiLog 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_dataapilogs" class="bg-white" default="" data-validate="parsley" data-isdynamic="false"><div class="px-20 pt-3 w-100 d-flex align-items-center justify-content-between"><span class="font-18 font-weight-600">API Log</span></div><div class="b-b bg-white header log-Header modal-header align-items-end"><div class="b-b bg-white d-flex flex-column" id="div_Listsearch"><label class="font-weight-500">Service Integrator</label><select type="text" id="txtServiceIntegrator" class="form-control floating-label-control w-250p" placeholder="Integrator *" data-placeholder="Enter Service Integrator"></select></div><div id="log_item" class="flex-column row"><label class="font-weight-500">Status</label><div class=""><select id="txtAutocomplete_log" placeholder="Select" class="form-control pl-0" 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="b-b bg-white d-flex flex-column" id="div_RemoteSearch"><label class="font-weight-500">RefId & Column</label><input type="text" value="" data-isdynamic="false" class="form-control w-160p pl-0" style="box-shadow: none;" placeholder="Search RemoteId"  data-placeholder="Search Remote PkId" data-label="Search" id="txtSearchPkId"></div><div class="b-b bg-white d-flex flex-column" id="div_Errorsearch"><label class="font-weight-500">ErrorMessage</label><input type="text" value="" data-isdynamic="false" class="form-control pl-0" placeholder="Search ErrorMessage"  data-placeholder="Error Message" data-label="Search" id="txtSearchMessage" style="box-shadow: none;"></div><div><a href="javascript:void(0);" class="no-caret dropdown-toggle" id="integrationDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="nav-icon-wrap" data-tooltip="true" title="FromDate to ToDate "><i class="las la-calendar font-25"></i></span> </a> <div class="dropdown-menu" aria-labelledby="integrationDropdown"> <div class="d-flex flex-column pb-2" id="div_fromDate" data-dateinitialized="false"><label class="font-weight-400">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" style="box-shadow: none;" 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="font-weight-400">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" style="box-shadow: none;" 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></div></div><a href="javascript:;" id="btnApply" class="btn btn-primary btn-sm">Apply</a><a href="javascript:;" class="btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-30p h-30p dataapilog-refresh-btn mr-20" id="dataapilogRefreshBtn_" data-tooltip="true" title="Refresh All"><span class="btn-icon-wrap"><i class="fa fa-refresh"></i></span></a></div>' +
                            `<div class="simple-scroll-bar scrollable sync-log-body px-20 py-2" ><div id="Unibase_ValidationSummary" class="clear" > </div>
                                <div class="templateviewer-tableview">
                                    <div class="row px-0 mx-0 row card-header Templateheader biz-list-header biz-transparent-text-color no-background list-border-color">
                                        <div class="row mx-0 px-0" style="width:98%">
                                            <div class="col-1 pl-0">Log Time</div>
                                            <div class="col-2 px-0">Ref Id</div>
                                            <div class="col-3 pr-0">Status<span class="mx-1">-</span>Message</div>
                                            <div class="col-6 pr-0 d-flex"><div class="w-30 pr-0">Api Log Name</div>
                                            <div class="w-25">Ref Column</div>
                                            <div class="w-45 d-flex px-0"><span class="w-35 text-center text-truncate" data-tooltip="true" title="PayLoad">PayLoad</span><span class="w-30 text-center text-truncate" data-tooltip="true" title="Result">Result</span><span class="w-20 text-center text-truncate" data-tooltip="true" title="Info">Info</span><span class="w-15 text-center text-truncate" data-tooltip="true" title="Refresh"></span></div>
                                            
                                        </div></div>
                                        <div class="px-0" style="width:2%"></div>
                                    </div>
                                </div>
                                <div>
                                    <ul class="divlog list-group font-14 mb-10 templateviewer-body"></ul> 
                                    <span id="totalcount" class="">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 h-50p">
                                   
                                </div>
                            </div>`;
                    }
                    init(containerid) {
                        this.clickEvntInit(0, containerid);
                    }
                    clickEvntInit(serviceIntegratorId, containerid) {
                        return __awaiter(this, void 0, void 0, function* () {
                            let instance = this;
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(['platform/dataapis/managers/dataapimanager.js'], function () {
                                if (containerid == undefined) {
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.serviceIntegratorId = serviceIntegratorId;
                                    this.navigationHelper.popup(0, '', Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance(), null, Unibase.Platform.Helpers.Size.ExtraLarge);
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(serviceIntegratorId);
                                    serviceIntegratorIds = serviceIntegratorId;
                                }
                                else {
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.serviceIntegratorId = serviceIntegratorId;
                                    instance.navigationHelper.loadSection(0, containerid, Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance(), null, Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().closeBtn);
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(serviceIntegratorId);
                                    serviceIntegratorIds = serviceIntegratorId;
                                }
                            });
                        });
                    }
                    closeBtn() {
                        $('[data-btn_close="integrations"]').parent().addClass('invisible');
                    }
                    load(id, containerid, callback) {
                        $('input[data-datepicker="integration"]').daterangepicker({
                            opens: 'left'
                        }, function (start, end, label) {
                            console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
                        });
                        var url = _appsettings.server_url() + '/apis/v4/unibase/integrations/integrator/servicintegratorautocomplete/integratorid/0';
                        AutoCompleteHelper.getHelper().Create("#txtServiceIntegrator", "#hf_Autocomplete_Services", url, function (response) {
                            var data = response;
                        });
                        $('.dataapilog-refresh-btn').on('click', function () {
                            bootbox.confirm({
                                message: "Do you want refresh all API request",
                                closeButton: false,
                                buttons: {
                                    confirm: {
                                        label: 'Yes',
                                        className: 'btn-success'
                                    },
                                    cancel: {
                                        label: 'No',
                                        className: 'btn-danger'
                                    }
                                },
                                callback: function (result) {
                                    if (result) {
                                        Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().RefreshdataApiLogs();
                                    }
                                    else {
                                    }
                                }
                            });
                        });
                        $("#btnApply").click(function () {
                            var ids = $("#txtServiceIntegrator option:selected").val();
                            Unibase.Platform.Integrations.Components.IntegrationDataApiLog.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.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(ids);
                                }
                                else {
                                    var ids = serviceIntegratorIds;
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(ids);
                                }
                            }, delay);
                        });
                        $("#txtSearchMessage, #txtSearchPkId").on('keyup', () => {
                            var delay = 1000;
                            window.clearTimeout(timer);
                            timer = window.setTimeout(() => {
                                var searchtextmessage = $("#txtSearchMessage").val();
                                if (searchtextmessage != "") {
                                    var ids = serviceIntegratorIds;
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(ids);
                                }
                                else {
                                    var ids = serviceIntegratorIds;
                                    Unibase.Platform.Integrations.Components.IntegrationDataApiLog.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
                        });
                    }
                    RefreshdataApiLogs() {
                        let datetimeIns = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        var instance = this;
                        var serviceIntegratorId = $('#txtServiceIntegrator option:selected').val();
                        if (serviceIntegratorId == undefined)
                            serviceIntegratorId = 0;
                        var postData = {
                            RemoteId: $("#txtSearchPkId").val(),
                            RefId: serviceIntegratorId,
                            Page: 0,
                            Rows: 0,
                            FromDate: $("#txt_fromDate").val(),
                            ToDate: $("#txt_toDate").val(),
                            StatusCode: $("#txtAutocomplete_log").val(),
                            ErrorMessage: $("#txtSearchMessage").val(),
                        };
                        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().executefailedapisbyfilter(postData).then(function (response) {
                                return __awaiter(this, void 0, void 0, function* () {
                                    if (response.status == 2) {
                                        yield bootbox.confirm({
                                            message: response.message,
                                            closeButton: false,
                                            buttons: {
                                                confirm: {
                                                    label: 'Close',
                                                    className: 'btn-success'
                                                },
                                                cancel: {
                                                    label: 'Cancel',
                                                    className: 'btn-danger'
                                                }
                                            },
                                            callback: function (result) {
                                            }
                                        });
                                        yield $('.bootbox-cancel').remove();
                                    }
                                    else {
                                        MessageHelper.Instance().showSuccess(response.message, '');
                                    }
                                });
                            });
                        }
                    }
                    loadApiLog(serviceIntegratorId) {
                        let datetimeIns = Unibase.Platform.Helpers.DateTimeHelper.Instance();
                        var instance = this;
                        serviceIntegratorId = $('#txtServiceIntegrator option:selected').val();
                        if (serviceIntegratorId == undefined)
                            serviceIntegratorId = 0;
                        var postData = {
                            RemoteId: $("#txtSearchPkId").val(),
                            RefId: serviceIntegratorId,
                            Page: instance.pageIndex,
                            Rows: 20,
                            FromDate: $("#txt_fromDate").val(),
                            ToDate: $("#txt_toDate").val(),
                            StatusCode: $("#txtAutocomplete_log").val(),
                            ErrorMessage: $("#txtSearchMessage").val(),
                        };
                        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 {
                            $(".divlog").html(Unibase.Themes.Compact.Components.Nav_Template.Instance().skelTonHorizontal());
                            Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().getDataApiLogfilter(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], txtColor = "";
                                        var date = Unibase.Platform.Helpers.DateTimeHelper.Instance().FormatDateTime(data.lastupdateddate);
                                        if (data.Status == "Success") {
                                            txtColor = 'text-success';
                                        }
                                        else {
                                            txtColor = 'text-danger';
                                        }
                                        let apiName = [], _apiName;
                                        apiName = data.ApiName.split('_');
                                        _apiName = apiName.slice(1, apiName.length).join("_");
                                        html += '<li class="list-group-item px-3 data-list-item biz-transparent-text-color no-background list-border-color apilog-item group-item_' + data.DataApiLogId + '">' +
                                            '<div class="row">' +
                                            '<div class="row px-0 mx-0" style="width:98%">' +
                                            '<div class="col-1 pl-0">' + date + '</div>' +
                                            '<div class="col-2 px-0 word-break-biz">' + data.RemotePkId + '</div>' +
                                            '<div class="col-3 pr-0 word-break-biz"><span><span class="' + txtColor + '">' + data.Status + '</span><span class="mx-1">-</span>';
                                        let responseMessage;
                                        if (data.ResponseObject != null && data.ResponseObject != undefined && data.ResponseObject != '') {
                                            try {
                                                if (JSON.parse(data.ResponseObject).Message != null && JSON.parse(data.ResponseObject).Message != undefined && JSON.parse(data.ResponseObject).Message != '') {
                                                    responseMessage = JSON.parse(data.ResponseObject).Message;
                                                }
                                                else {
                                                    responseMessage = data.ExceptionMessage;
                                                }
                                            }
                                            catch (e) {
                                                responseMessage = data.ResponseObject;
                                            }
                                        }
                                        else {
                                            responseMessage = data.ExceptionMessage;
                                        }
                                        html += '<span>' + responseMessage + '</span></span></div>' +
                                            '<div class="col-6 pr-0 d-flex"><div class="w-30 pr-2 word-break-biz">' + _apiName + '</div>';
                                        html += `<div class="w-25 word-break-biz">${data.RefColumnValue1}</div><div class="w-45 px-0 d-flex"><div class="w-35 text-center" data-copydata="true" title='${data.RequestObject}' data-urlcoppy="fiedata" data-copy="true"><span class="d-none" data-url='true'>${data.RequestObject}</span><span><i class="las la-copy"></i></span></div>
                                            <div class="w-30 text-center" data-copy="true" title='${data.ResponseObject}' data-responsecopy="response"><span class="d-none" data-url='true'>${data.ResponseObject}</span><span><i class="las la-copy"></i></span></div>
                                           <div class="w-20 text-center">
                                            <a href="javascript:;" onclick="Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().infoPopupBind('${data.DataApiLogId}');"><span class="glyphicon glyphicon-info-sign text-info font-20"></span> 
                                            </a></div>
                                               <div class="w-15 text-right px-0">`;
                                        if (data.Status == "Success") {
                                        }
                                        else {
                                            html += '<i class="fa fa-refresh mr-10" onclick="javascript:Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().RefreshdataApiLog(\'' + data.DataApiLogId + '\');"></i>';
                                        }
                                        html += '</div></div></div>' +
                                            '</div>' +
                                            '<div class="justify-content-end d-flex" style="width:2%">' +
                                            '<a href="#sync-' + data.DataApiLogId + '" data-parent="divTasks" data-toggle="collapse" class="accordion-toggle collapsed" onclick="javascript:Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLogItem(\'' + data.DataApiLogId + '\');"> ' +
                                            '<i class="indicator fa fa-chevron-right"></i>' +
                                            '</a>' +
                                            '</div>' +
                                            '</div>' +
                                            '<div class="panel-collapse collapse" id="sync-' + data.DataApiLogId + '" style="height: 0px;">' +
                                            '<ul id="sync-list_' + data.DataApiLogId + '" class="list-group no-radius m-b-none list-group-lg no-border m-t  sync-list">' +
                                            '</ul>' +
                                            '</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);
                                $('[data-urlcoppy="fiedata"]').on('click', function () {
                                    let element = $(this);
                                    let url = $(this).find('[data-url="true"]').text();
                                    eval(`navigator.clipboard.writeText(url);
                                        $('[data-copy="true"]').removeClass('text-danger')
                                        element.addClass('text-danger')
                                    `);
                                });
                                $('[data-responsecopy="response"]').on('click', function () {
                                    let element = $(this);
                                    let url = $(this).find('[data-url="true"]').text();
                                    eval(`navigator.clipboard.writeText(url);
                                        $('[data-copy="true"]').removeClass('text-danger')
                                        element.addClass('text-danger')
                                    `);
                                });
                            });
                        }
                    }
                    infoPopupBind(dataApiLogId) {
                        Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().getapilogitembydataapilogid(dataApiLogId).then(function (response) {
                            let html = `<div id="infoPopUp" class="modal fade" role="dialog">
                                          <div class="modal-dialog modal-lg text-dark">
                                            <!-- Modal content-->
                                                <div class="modal-content">
                                                  <div class="modal-header p-3">
                                                    <span class="modal-title font-18 font-weight-600">API Log Items <span class="ml-2 rounded-circle badge badge-primary" data-count="true"></span></span>
                                                    <button type="button" class="close" data-dismiss="modal" data-btn_close="infoPopUp">&times;</button>
                                                  </div>
                                    <div clas="modal-header">
                                        <ul class="d-flex justify-content-between px-3 py-2 border-right-0 border-top-0 border-left-0 border">
                                            <li class="d-flex flex-column w-20">
                                                <span class="font-16 font-weight-500 py-1">Created Date</span>
                                            </li>
                                            <li class="d-flex flex-column w-50 text-left px-3">
                                                <span class="font-16 font-weight-500 py-1">Status<span class="mx-1">-</span><span>Messsage</span></span>
                                            </li>
                                            <li class="d-flex flex-column w-15 pr-3">
                                                <span class="font-16 font-weight-500 py-1 text-center" >PayLoad</span>
                                            </li>
                                            <li class="d-flex flex-column w-15">
                                                <span class="font-16 font-weight-500 py-1 text-center" >Result</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="modal-body py-2 px-0 h-350p simple-scroll-bar scrollable" data-simplebar>`;
                            for (var i = 0; i < response.result.length; i++) {
                                let data = response.result[i];
                                var date = Unibase.Platform.Helpers.DateTimeHelper.Instance().FormatDateTime(data.createddate);
                                debugger;
                                html += `<ul class="d-flex justify-content-between py-2 px-3 border-right-0 border-top-0 border-left-0 border">
                                        <li class="d-flex flex-column w-20  word-break-biz">
                                            <span class="font-14 font-weight-400 py-1">${date}</span>
                                        </li>
                                        <li class="d-flex flex-column w-50 text-left px-3 word-break-biz">
                                            <span class="font-14 font-weight-400 py-1">${data.Status}<span class="px-1">-</span><span>`;
                                let message;
                                if (data.ResponseObject != null && data.ResponseObject != undefined && data.ResponseObject != '') {
                                    if (JSON.parse(data.ResponseObject).Message != undefined && JSON.parse(data.ResponseObject).Message != '' && JSON.parse(data.ResponseObject).Message != null) {
                                        message = JSON.parse(data.ResponseObject).Message;
                                    }
                                    else {
                                        message = data.ExceptionMessage;
                                    }
                                }
                                else {
                                    message = data.ExceptionMessage;
                                }
                                html += `${message}</span></span >
                                        </li>
                                        <li class="d-flex flex-column w-15 pr-3 word-break-biz">
                                            <span class="font-14 font-weight-400 py-1 text-center" title='${data.RequestObject}' data-copy="true" data-copy2Objt="rquest2objt"><span class="d-none" data-rquest2objt="true">${data.RequestObject}</span><span><i class="las la-copy"></i></span></span>
                                        </li>
                                        <li class="d-flex flex-column w-15">
                                            <span class="font-14 font-weight-400 py-1 text-center" title='${data.ResponseObject}' data-copy="true" data-copy2Objt="response2objt"><span class="d-none" data-response2objt="true">${data.ResponseObject}</span><span><i class="las la-copy"></i></span></span>
                                        </li>
                                     </ul>`;
                            }
                            html += `</div>
                                     </div>
                                    </div>
                                </div>`;
                            $('body').append(html);
                            $('[data-count="true"]').text(response.result.length);
                            $('[data-btn_close="infoPopUp"]').on('click', function () {
                                $('#infoPopUp').remove();
                                $('.modal-backdrop.fade.show').not('.unibase_modal_backdrop').remove();
                            });
                            $('#infoPopUp').modal('show');
                            $('[data-copy2Objt="response2objt"]').on('click', function () {
                                let element = $(this);
                                let obj = $(this).find('[data-response2objt="true"]').text();
                                eval(`navigator.clipboard.writeText(obj);
                                        $('[data-copy="true"]').removeClass('text-danger')
                                        element.addClass('text-danger')
                                    `);
                            });
                            $('[data-copy2Objt="rquest2objt"]').on('click', function () {
                                let element = $(this);
                                let obj = $(this).find('[data-rquest2objt="true"]').text();
                                eval(`navigator.clipboard.writeText(obj);
                                        $('[data-copy="true"]').removeClass('text-danger')
                                        element.addClass('text-danger')
                                    `);
                            });
                        });
                    }
                    RefreshdataApiLog(dataApiLogId) {
                        var ids = $("#txtServiceIntegrator option:selected").val();
                        bootbox.confirm({
                            message: "Do you want to reresh API request?",
                            closeButton: false,
                            buttons: {
                                confirm: {
                                    label: 'Yes',
                                    className: 'btn-success'
                                },
                                cancel: {
                                    label: 'No',
                                    className: 'btn-danger'
                                }
                            },
                            callback: function (result) {
                                if (result) {
                                    $(".divlog").html(Unibase.Themes.Compact.Components.Nav_Template.Instance().skelTonHorizontal());
                                    Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().executeFailedApiLog(dataApiLogId).then(function (response) {
                                        return __awaiter(this, void 0, void 0, function* () {
                                            if (response.status == 2) {
                                                yield Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(ids);
                                                MessageHelper.Instance().showError(response.message, "Unibase_ValidationSummary");
                                            }
                                            else {
                                                yield Unibase.Platform.Integrations.Components.IntegrationDataApiLog.Instance().loadApiLog(ids);
                                                MessageHelper.Instance().showSuccess(response.message, '');
                                            }
                                        });
                                    });
                                }
                            }
                        });
                    }
                    loadApiLogItem(apiLogItemId) {
                        let instance = this;
                        Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().getdataApiLog(apiLogItemId).then(function (response) {
                            var date = Unibase.Platform.Helpers.DateTimeHelper.Instance().FormatDateTime(response.result.createddate);
                            var innerhtml = '<li class="list-group-item bg-white apilog-item_' + response.result.DataApiLogId + ' ">' +
                                '<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="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">Request Type</strong><span class="col-sm-10">' + response.result.RequestType + '</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) {
                        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, "");
                            }
                        });
                    }
                    static Instance() {
                        return new IntegrationDataApiLog();
                    }
                }
                IntegrationDataApiLog.serviceIntegratorId = 0;
                Components.IntegrationDataApiLog = IntegrationDataApiLog;
            })(Components = Integrations.Components || (Integrations.Components = {}));
        })(Integrations = Platform.Integrations || (Platform.Integrations = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));