WebBuild/wwwroot/platform/portability/components/portability.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Portability;
        (function (Portability) {
            let Components;
            (function (Components) {
                class ImportAndExport extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return ['platform/portability/managers/portabilitymanager.js'];
                    }
                    html(id, containerid) {
                        var html = '<form id="frmUnibase_Portability" data-validate="parsley" data-isdynamic="false"><div id="div_portabilitymessage"></div><div class="card bg-light"><div class="b-b bg-white card-header header"><strong class="text-dark title" id="lbl_title">Portability Providers</strong></div></header><div class="card-body  scrollable"><div id="div_portability_' + containerid + '"></div></div><footer class="bg-white modal-footer ft_permissions"><a href = "javascript:;" id = "btn_Close_' + containerid + '" class="btn btn-light btn-sm mr-auto btn-close btn-portabilityClose"> Close </a></footer></div>';
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        instance.loadProviders(containerid);
                        instance.loadConnectedTenants(id);
                    }
                    init(containerid) {
                        this.render(containerid);
                        Unibase.Platform.Portability.Components.ImportAndExport.Instance().loadConnectedTenants("");
                        $("#btn_Export").click(function () {
                            $("#importexportsection").addClass("hidden");
                            $("#div_Import").addClass("hidden");
                            ImportAndExport.Instance().exportForm(Number(recordId));
                        });
                        $("#btn_Import").click(function () {
                            $("#importexportsection").removeClass("hidden");
                            $("#div_Import").removeClass("hidden");
                        });
                        $(".spn_CTenants").click(function () {
                            if ($(".isAllTenants").hasClass("hidden")) {
                                $(".isAllTenants").removeClass("hidden");
                                Unibase.Platform.Portability.Components.ImportAndExport.Instance().isCheckbox();
                            }
                            else {
                                $(".isAllTenants").addClass("hidden");
                                $(".allTenants").addClass("hidden");
                            }
                        });
                        $("#tnt_checkbox").click(function () {
                            Unibase.Platform.Portability.Components.ImportAndExport.Instance().isCheckbox();
                        });
                        var recordId = Unibase.Themes.Providers.DetailHelper.recordId;
                        $("#fileExport").click(function () {
                        });
                        $("#btn_csvValidate").click(function () {
                            if ($("#import_FileUpload").val() == undefined || $("#import_FileUpload").val() == "" && $("#import_ImageUpload").val() == "" || $("#import_ImageUpload").val() == undefined) {
                                alert("Please Select File");
                                return;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                $("#import_ImageUpload").val("");
                                var tenantids = $("#ddl_Tenant").select2('data');
                                var selectedtenants = $("#ddl_Tenant").val().toString();
                                var allTenants = $("#tnt_checkbox").prop("checked");
                                var dateformat = $("#ddl_DateFormat").find("option:selected").val();
                                if (dateformat == "Select")
                                    dateformat = "0";
                                var dateFormat = dateformat.replace("/", "@").toString();
                                ImportAndExport.Instance().validateUploadDocument(Number(recordId), selectedtenants, allTenants, dateFormat);
                            }
                        });
                        $("#btn_imgValidates").click(function () {
                            if ($("#import_FileUpload").val() == "" || $("#import_FileUpload").val() == undefined) {
                                alert("Please Select File");
                                return;
                            }
                            if (($("#import_ImageUpload").val() == "") || ($("#import_ImageUpload").val() == undefined)) {
                                alert("Please Select Image File");
                                return;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                $("#import_ImageUpload").val("");
                                var tenantids = $("#ddl_Tenant").select2('data');
                                var selectedtenants = $("#ddl_Tenant").val().toString();
                                var allTenants = $("#tnt_checkbox").prop("checked");
                                var dateformat = $("#ddl_DateFormat").find("option:selected").val();
                                if (dateformat == "Select")
                                    dateformat = "0";
                                var dateFormat = dateformat.replace("/", "@").toString();
                                ImportAndExport.Instance().validateUploadImgDocuments(Number(recordId), selectedtenants, allTenants, dateFormat);
                            }
                        });
                        $("#btn_dateValidate").click(function () {
                            if ($("#import_FileUpload").val() == undefined || $("#import_FileUpload").val() == "") {
                                alert("Please Select File");
                                return;
                            }
                            if ($("#ddl_DateFormat").find("option:selected").text() == "Select") {
                                alert("Please Select Date Format");
                                return;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                $("#import_ImageUpload").val("");
                                var tenantids = $("#ddl_Tenant").select2('data');
                                var selectedtenants = $("#ddl_Tenant").val().toString();
                                var allTenants = $("#tnt_checkbox").prop("checked");
                                var dateformat = $("#ddl_DateFormat").find("option:selected").val();
                                if (dateformat == "Select")
                                    dateformat = "0";
                                var dateFormat = dateformat.replace("/", "@").toString();
                                ImportAndExport.Instance().validateUploadDocument(Number(recordId), selectedtenants, allTenants, dateFormat);
                            }
                        });
                        $("#import_FileUpload").change(function (e) {
                            ImportAndExport.Instance().fileEvent(e, 1);
                        });
                        $("#import_ImageUpload").change(function (e) {
                            ImportAndExport.Instance().fileEvent(e, 2);
                        });
                        $("#fileUpload").click(function () {
                            if ($("#import_FileUpload").val() == undefined || $("#import_FileUpload").val() == "" && $("#import_ImageUpload").val() == "" || $("#import_ImageUpload").val() == undefined) {
                                alert("Please Select File");
                                return;
                            }
                            if ($("#ddl_DateFormat").find("option:selected").text() == "Select") {
                                alert("Please Select Date Format");
                                return;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                $("#import_ImageUpload").val("");
                                var tenantids = $("#ddl_Tenant").select2('data');
                                var selectedtenants = $("#ddl_Tenant").val().toString();
                                var allTenants = $("#tnt_checkbox").prop("checked");
                                var dateformat = $("#ddl_DateFormat").find("option:selected").val();
                                if (dateformat == "Select")
                                    dateformat = "0";
                                var dateFormat = dateformat.replaceAll("/", "@").toString();
                                ImportAndExport.Instance().upload(Number(recordId), selectedtenants, allTenants, dateFormat);
                            }
                        });
                    }
                    isCheckbox() {
                        if (($("#tnt_checkbox").prop("checked") == true)) {
                            $("#ddl_Tenant").val(null);
                            $("#ddl_Tenant").text(null);
                            $(".allTenants").addClass("hidden");
                        }
                        else {
                            $(".allTenants").removeClass("hidden");
                        }
                    }
                    fileEvent($event, type) {
                        const fileSelected = $event.target.files[0];
                        if (type == 1) {
                            var validExtensions = ["csv"];
                            var file = $(".import_FileUpload").val().toString().split('.').pop();
                            if (validExtensions.indexOf(file.toLowerCase()) == -1) {
                                $("#import_FileUpload").val("");
                                alert("Please Select .csv File");
                                return false;
                            }
                            else {
                                if (ImportAndExport.fileData.has("csv")) {
                                    ImportAndExport.fileData.delete("csv");
                                }
                                ImportAndExport.fileData.append("csv", fileSelected);
                            }
                        }
                        else {
                            validExtensions = ["zip"];
                            var file = $(".import_ImageUpload").val().toString().split('.').pop();
                            if (validExtensions.indexOf(file.toLowerCase()) == -1) {
                                $("#import_ImageUpload").val("");
                                alert("Please Select .rar File");
                                return false;
                            }
                            else {
                                if (ImportAndExport.fileData.has("zip")) {
                                    ImportAndExport.fileData.delete("zip");
                                }
                                ImportAndExport.fileData.append("zip", fileSelected);
                            }
                        }
                    }
                    loadProviders(containerid) {
                        var instance = this;
                        var html = "";
                        var installedappid = instance.appSettings.InstalledAppId;
                        Unibase.Platform.Portability.Managers.PortabilityManager.Instance().getPortabilityProviders(installedappid).then(function (response) {
                            var html = `<ul class="list-group">`;
                            html += `<li class="list-group-item bg-light"><div class="row"><strong class="col-sm-6">Name</strong><strong class="col-sm-6">Description</strong></div></li>`;
                            for (var i = 0; i < response.result.length; i++) {
                                var data = response.result[i];
                                var description = data.Description == null ? "NA" : HtmlHelper.getHelper().decode(data.Description);
                                html += `<li class="list-group-item" id="li_` + data.PortabilityProviderId + `"><a href="javascript:;" onclick="Unibase.Platform.Portability.Components.ImportAndExport.Instance().loadPortabilityDetail(` + data.PortabilityProviderId + `,` + data.InstalledAppId + `); "><div class="row"><div class="col-sm-6"><span class="block"><span>` + data.PortabilityProviderName + `</span></span></div><div class="col-sm-6"><span>` + description + ` </span></div></div></a></li>`;
                            }
                            html += `</ul>`;
                            $("#div_portability_" + containerid).html(html);
                        });
                    }
                    loadPortabilityDetail(portabilityproviderid, installedappid) {
                        Unibase.Platform.Helpers.NavigationHelper.IsListRefresh = true;
                        this.navigationHelper.loadDetailPopup(portabilityproviderid, installedappid, null);
                    }
                    upload(id, selectedtenants, allTenants, dateFormat) {
                        var url = "";
                        if (selectedtenants == "" && !allTenants) {
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/import/id/' + id + '/dateformat/' + dateFormat;
                        }
                        else {
                            if (selectedtenants == "")
                                selectedtenants = "0";
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/importconnectedtenants/id/' + id + '/tenantids/' + selectedtenants + '/isallcts/' + allTenants;
                        }
                        Unibase.Platform.Helpers.FileHelper.Instance().upload(url, ImportAndExport.fileData).then(function (response) {
                            if (response.errors != null) {
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                                return false;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                            }
                            ImportAndExport.fileData = new FormData();
                        });
                    }
                    validateUploadDocument(id, selectedtenants, allTenants, dateFormat) {
                        var url = "";
                        if (selectedtenants == "" && !allTenants) {
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/validate/id/' + id + '/dateformat/' + dateFormat;
                        }
                        else {
                            if (selectedtenants == "")
                                selectedtenants = "0";
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/importconnectedtenants/id/' + id + '/tenantids/' + selectedtenants + '/isallcts/' + allTenants;
                        }
                        Unibase.Platform.Helpers.FileHelper.Instance().upload(url, ImportAndExport.fileData).then(function (response) {
                            if (response.errors != null) {
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                                return false;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                            }
                            ImportAndExport.fileData = new FormData();
                        });
                    }
                    validateUploadImgDocuments(id, selectedtenants, allTenants, dateFormat) {
                        var url = "";
                        if (selectedtenants == "" && !allTenants) {
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/validatedocuments/id/' + id + '/dateformat/' + dateFormat;
                        }
                        else {
                            if (selectedtenants == "")
                                selectedtenants = "0";
                            url = _appsettings.server_url() + '/apis/v4/unibase/platform/portability/importconnectedtenants/id/' + id + '/tenantids/' + selectedtenants + '/isallcts/' + allTenants;
                        }
                        Unibase.Platform.Helpers.FileHelper.Instance().upload(url, ImportAndExport.fileData).then(function (response) {
                            if (response.errors != null) {
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                                return false;
                            }
                            else {
                                $("#import_FileUpload").val("");
                                MessageHelper.Instance().showSuccess(response.message, "Unibase_ValidationSummary");
                            }
                            ImportAndExport.fileData = new FormData();
                        });
                    }
                    render(containerid) {
                        $("." + containerid).empty();
                        const html = '<div class="card import-export-body"><div class="card-header"><span class="h6 text-dark">Import/Export</span></div><div id="industry_validation" class="clear"></div><div class="card-body scrollable"><div id="div_importexport" class=""><div class="card"><div class="card-body"><span class="col-sm-6 pull-left border-right"><a href="javascript:;" id="btn_Import" class="btn btn-success col-sm-12">Import Data</a></span><span class="col-sm-6 pull-right"><a href="javascript:;" id="btn_Export" class="btn btn-primary col-sm-12">Download Template</a></span><br></div></div><div></div><div class="hidden" id="importexportsection"><div class="card floating-label-form-group-with-value"><div class="card-body"><label for="ddl_Tenant"><span class="spn_CTenants" style="font-weight:700"><a href="javascript:;" style="color:#000">Connected Tenants</a></span></label><div class="hidden isAllTenants" style="float:right"><label for="tnt_checkbox" style="font-weight:500">Is AllTenants&nbsp;</label><input type="checkbox" id="tnt_checkbox" class="chk_isAllTenants" data-isdynamic="false"></div><div class="hidden allTenants"><select class="form-control required" id="ddl_Tenant" multiple="multiple" style="width:439.987px"><option value="" disabled="disabled" selected="selected">Select</option></select></div><br></div></div><div class="card"><div class="card-body" id="div_Import"><div class="align-items-center d-flex"><span style="font-size:15px" class="w-40">Master Data (.csv)</span><div class="w-100"><input type="file" id="import_FileUpload" class="bg-light import_FileUpload w-70"></div><div class="w-20 hidden"><div class="pull-right"><a href="javascript:;" id="btn_csvValidate" class="btn btn-success">Validate</a></div></div></div><hr><div class="align-items-center d-flex"><span style="font-size:15px" class="w-40">Documents (.zip)</span><div class="w-100"><input type="file" id="import_ImageUpload" class="bg-light import_ImageUpload w-70"></div><div class="w-20 hidden"><div class="pull-right"><a href="javascript:;" id="btn_imgValidates" class="btn btn-success">Validate</a></div></div></div><hr><div class="d-flex align-items-center"><span for="txtDateFormat" class="w-45">Date Format&nbsp;</span><div class="w-100"><select id="ddl_DateFormat" class="w-80 p-2" data-isdynamic="false" placeholder="Select" data-placeholder="Select" data-label="Date Format "><option value="dd-MM-yyyy">DD-MM-YYYY</option><option value="MM-dd-yyyy">MM-DD-YYYY</option><option value="yyyy-MM-dd">YYYY-MM-DD</option><option value="dd-MM-yy">DD-MM-YY</option><option value="yy-MM-dd">YY-MM-DD</option><option value="MM-dd-yy">MM-DD-YY</option><option value="yyyy/MM/dd">YYYY/MM/DD</option><option value="MM/dd/yyyy">MM/DD/YYYY</option><option value="dd/MM/yyyy">DD/MM/YYYY</option><option value="yyyyMMdd">YYYYMMDD</option><option value="MMddyyyy">MMDDYYYY</option><option value="ddMMyyyy">DDMMYYYY</option><option value="yyyy-MM-dd H:mm:ss">YYYY-MM-DD H:MM:SS</option><option value="MM-dd-yyyy H:mm:ss">MM-DD-YYYY H:MM:SS</option><option value="dd-MM-yyyy H:mm:ss">DD-MM-YYYY H:MM:SS</option><option value="yyyy/MM/dd H:mm:ss">YYYYY/MM/DD H:MM:SS</option><option value="MM/dd/yyyy H:mm:ss">MM/DD/YYYY H:MM:SS</option><option value="dd/MM/yyyy H:mm:ss">DD/MM/YYYY H:MM:SS</option></select></div><div class="w-20"><div class="pull-right hidden"><a href="javascript:;" id="btn_dateValidate" class="btn btn-success" align="right">Validate</a></div></div></div><span class="input-group-addon mt-10"></span><hr><a href="javascript:;" id="fileUpload" class="btn btn-warning text-white">Upload</a></div></div></div></div><div class="hidden" id="div_Export"><span id="sp_formName"></span><a href="javascript:;" id="fileExport" class="btn btn-primary text-white">Download</a></div></div>';
                        var portletwidgetid = Number($("#hf_PortletWidgetId").val());
                        $("#divAppWidgets").empty();
                        $("." + containerid).append(html);
                        $("#btn_csvValidate").hide();
                    }
                    loadConnectedTenants(tenants) {
                        if (tenants == "") {
                            tenants += "0";
                        }
                        var selectdTenants = [];
                        if ($("#ddl_Tenant").val() != undefined)
                            selectdTenants = $("#ddl_Tenant").val().toString().split(',');
                        var TenantIds = [];
                        var ids = [];
                        if (selectdTenants.length > 0) {
                            for (var i = 0; i < selectdTenants.length; i++) {
                                if (selectdTenants[i] != "" && selectdTenants[i] != "0") {
                                    TenantIds.push(selectdTenants[i]);
                                }
                            }
                        }
                        var userinfo = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                        $("#ddl_Tenant").select2({
                            placeholder: "Select",
                            data: TenantIds,
                            tags: true,
                            ajax: {
                                url: function (request) {
                                    var reqUrl = _appsettings.server_url() + "/apis/v4/unibase/platform/common/connectedtenantsautocomplete/";
                                    var term = request.term;
                                    if (term == undefined || term == "")
                                        reqUrl = reqUrl + "term/" + term + "/authtoken/" + userinfo.sessionId;
                                    else
                                        reqUrl = reqUrl + "term/" + term + "/authtoken/" + userinfo.sessionId;
                                    return reqUrl;
                                },
                                dataType: 'json',
                                delay: 250,
                                data: function (params) {
                                    var query = {
                                        term: params.term,
                                        type: 'GET'
                                    };
                                    return query;
                                },
                                beforeSend: function (xhr) {
                                    if (userinfo !== undefined && userinfo !== null) {
                                        xhr.setRequestHeader("Authorization", "Basic " + userinfo.sessionId);
                                        xhr.setRequestHeader('geoposition', userinfo.latd + ':' + userinfo.lgId);
                                    }
                                },
                                processResults: function (data, params) {
                                    return {
                                        results: jQuery.map(JSON.parse(data.result), function (item) {
                                            return {
                                                id: item.Value,
                                                text: item.SelectText,
                                                addlInfo: item.addlData
                                            };
                                        })
                                    };
                                }
                            },
                            templateSelection: function (result) {
                                var $template = $('<span>' + result.text + '</span> <input type="hidden" id="hf_AutocompleteId" value="' + result.id + '">');
                                return $template;
                            }
                        });
                        $("#ddl_Tenant").val(ids).trigger('change');
                    }
                    exportForm(formId) {
                        this.fileCacheHelper.loadJsFile("platform/portability/managers/portabilitymanager.js", function () {
                            Unibase.Platform.Portability.Managers.PortabilityManager.Instance().downloadExcel(formId).then(function (response) {
                                Unibase.Platform.Helpers.FileHelper.Instance().convertBase64tofile(response.result);
                            });
                        });
                    }
                    downloadExcelData(importid) {
                        this.fileCacheHelper.loadJsFile("platform/portability/managers/portabilitymanager.js", function () {
                            Unibase.Platform.Portability.Managers.PortabilityManager.Instance().downloadExcelData(importid).then(function (response) {
                                Unibase.Platform.Helpers.FileHelper.Instance().convertBase64tofile(response.result);
                            });
                        });
                    }
                    loadProvidersById(portabilityproviderid) {
                        var instance = this;
                        this.fileCacheHelper.loadJsFile("platform/portability/managers/portabilitymanager.js", function () {
                            Unibase.Platform.Portability.Managers.PortabilityManager.Instance().getPortabilityProvider(portabilityproviderid).then(function (response) {
                                if (response.result != null) {
                                    var data = response.result;
                                    Unibase.Platform.Portability.Components.ImportAndExport.Instance().loadPortabilityDetail(data.PortabilityProviderId, data.InstalledAppId);
                                }
                            });
                        });
                    }
                    static Instance() {
                        return new ImportAndExport();
                    }
                }
                ImportAndExport.fileData = new FormData();
                Components.ImportAndExport = ImportAndExport;
            })(Components = Portability.Components || (Portability.Components = {}));
        })(Portability = Platform.Portability || (Platform.Portability = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));