WebBuild/wwwroot/platform/sources/components/addsource.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 Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Sources;
        (function (Sources) {
            let Components;
            (function (Components) {
                class AddSource extends Platform.Core.BaseComponent {
                    jsFiles() {
                        return ["platform/sources/managers/sourcemanager.js", "platform/widgets/managers/widgetmanager.js", "tenants/themes/default/components/details/details.js"];
                    }
                    cssFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        let html = '<form id="Unibase_AddWidget" default="" data-validate="parsley" data-isdynamic="false">'
                            + '<div><div class="b-b bg-white header"><strong id="formName" class="text-dark">Add Source</strong>'
                            + '</div><div data-simplebar class="simple-scroll-bar scrollable"><div id="Unibase_ValidationSummary" class="clear mt-10"></div>'
                            + '<div class="card"><div class="card-body"><div class="row"><div class="col-sm-6"><input type="hidden" id="hf_sourcesettingid"/><input type="hidden" id="hf_txtSource"/><div class="floating-label-form-group-with-value"><label for="txt_Source">Source<span class="text-danger " id="spnApp"> *</span></label><select onchange="" id="txt_Source" class="form-control value-control floating-label-control required" data-placeholder="Select" placeholder="Select"></select></div></div>'
                            + '<div class="col-sm-6"><div class="floating-label-form-group"><label for="txt_Value">Value<span class="text-danger " id="spnPortlet"> *</span></label><input type="text" id=txt_Value class="form-control floating-label-control required"  data-placeholder="Enter Value" placeholder="Value *" data-label="Value *"/></div></div><div class="col-sm-6"><div class="floating-label-form-group-with-value required"><input type="hidden" id="hf_txtAppDocType"/><label for="txt_appDocType">Doc Type<span class="text-danger " id="spnAppDocType"> *</span></label><select onchange="Unibase.Platform.Sources.Components.AddSource.Instance().loadDocProperties();" id="txt_DocType" class="form-control value-control floating-label-control required" data-placeholder="Select" placeholder="Select"></select></div></div><div class="col-sm-6"><input type="hidden" id="hf_txtDocProperty"/><div class="floating-label-form-group-with-value"><label for="txt_appDocType">Doc Property<span class="text-danger " id="spnAppDocProperty"> *</span></label><select onchange="" id="txt_DocProperty" class="form-control value-control floating-label-control required" data-placeholder="Select" placeholder="Select"></select></div></div><div class="col-sm-2 mt-30"><a class="btn btn-primary btn-center btn-sm text-white" id="btnAdd">Add</a></div></div></div></div><div class="card hidden" id="div_sourceDetails"><div class="card-header"><div class="row"><div class="col-sm-12"><div class="row"><strong class="col-sm-2">Source</strong><strong class="col-sm-2">value</strong><strong class="col-sm-3">Doc Type</strong><strong class="col-sm-3">Doc Property</strong></div></div></div></div><div class="card-body" id="div_sourceList"><div class="row"><ul class="col-sm-12 list-group ulSourceList"></ul></div></div></div></div></div><div id="div_dataApiFooter" class="bg-white modal-footer"><a class="btn btn-light btn-sm btn-center mr-auto btn-close" id="btnClose">Close</a><a class="btn btn-primary btn-center btn-sm text-white hidden" id="btnSave">Save</a></div></div></form>';
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        instance.loadSource();
                        instance.loadAppDocTypes(Unibase.Themes.Providers.DetailHelper.installedAppId);
                        $("#btnSave").click(function () {
                            instance.saveSource($("#hf_sourcesettingid").val(), containerid);
                        });
                        $("#btnAdd").click(function () {
                            instance.addSource();
                        });
                    }
                    init() {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFiles(["platform/sources/managers/sourcemanager.js", "platform/widgets/managers/widgetmanager.js"], function () {
                            instance.render();
                        });
                    }
                    render() {
                        var instance = this;
                        instance.navigationHelper.popup(0, '', Unibase.Platform.Sources.Components.AddSource.Instance(), function () {
                        }, Platform.Helpers.Size.Large);
                        instance.loadSource();
                        instance.loadAppDocTypes(Unibase.Themes.Providers.DetailHelper.installedAppId);
                        this.loadDetails();
                    }
                    loadSource() {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/sources/autocomplete';
                        AutoCompleteHelper.getHelper().Create("#txt_Source", "#hf_txtSource", url, function (response) {
                            var data = response;
                        });
                    }
                    loadAppDocTypes(installedappid) {
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/doctypes/appdoctypesautocomplete/installedappid/' + installedappid;
                        AutoCompleteHelper.getHelper().Create("#txt_DocType", "#hf_txtAppDocType", url, function (response) {
                            var data = response;
                        });
                    }
                    loadDocProperties() {
                        $("#txt_DocProperty").val(null).trigger("change");
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/doctypes/docpropertiesautocomplete/doctypeid/' + $("#txt_DocType").val();
                        AutoCompleteHelper.getHelper().Create("#txt_DocProperty", "#hf_txtDocProperty", url, function (response) {
                            var data = response;
                        });
                    }
                    validation() {
                        var instance = this;
                        let appcontrolid = "Unibase_AddWidget";
                        let result = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(appcontrolid);
                        if (result == false) {
                            MessageHelper.Instance().showError("Mandatory fields are missing", "Unibase_ValidationSummary");
                            return false;
                        }
                        else {
                            return true;
                        }
                    }
                    saveSource(id, containerid) {
                        var instance = this;
                        var versionGuid = "";
                        for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                            if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_versionguid") {
                                versionGuid = obj.Value.toString();
                            }
                        }
                        var postData = {
                            RefGuid: versionGuid,
                            InstalledAppId: Number(Unibase.Themes.Providers.DetailHelper.recordId),
                            RefSourceId: Number($("#txt_Source").val()),
                            Value: $("#txt_Value").val().toString(),
                            SourceSettingId: Number(id),
                            RefId: Number(Unibase.Themes.Providers.DetailHelper.recordId),
                            DocTypeId: Number($("#txt_DocType").val()),
                            DocPropertyId: Number($("#txt_DocProperty").val())
                        };
                        Unibase.Platform.Sources.Managers.SourceManager.Instance().addSource(postData).then(function (response) {
                            if (response.errors == null) {
                                $('#' + containerid).modal('hide');
                                $('#' + containerid).remove();
                            }
                            else {
                                MessageHelper.Instance().showError(response.message, "");
                            }
                        });
                    }
                    addSource() {
                        var instance = this;
                        var versionGuid = "";
                        var getValidation = instance.validation();
                        if (getValidation == true) {
                            for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                                if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_versionguid") {
                                    versionGuid = obj.Value.toString();
                                }
                            }
                            var postData = {
                                RefGuid: versionGuid,
                                InstalledAppId: Number(Unibase.Themes.Providers.DetailHelper.recordId),
                                RefSourceId: Number($("#txt_Source").val()),
                                Value: $("#txt_Value").val().toString(),
                                RefId: Number(Unibase.Themes.Providers.DetailHelper.recordId),
                                DocTypeId: Number($("#txt_DocType").val()),
                                DocPropertyId: Number($("#txt_DocProperty").val())
                            };
                            Unibase.Platform.Sources.Managers.SourceManager.Instance().addSource(postData).then(function (response) {
                                if (response.errors == null) {
                                    instance.loadDetails();
                                }
                                else {
                                    MessageHelper.Instance().showError(response.message, "");
                                }
                            });
                        }
                    }
                    loadDetails() {
                        var versionGuid = "";
                        for (let obj of Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters) {
                            if (obj.Key === "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_versionguid") {
                                versionGuid = obj.Value.toString();
                            }
                        }
                        Unibase.Platform.Sources.Managers.SourceManager.Instance().getSourceSettings(versionGuid).then(function (response) {
                            if (response.result.length > 0)
                                $("#div_sourceDetails").removeClass("hidden");
                            else
                                $("#div_sourceDetails").addClass("hidden");
                            $(".ulSourceList").html("").html("<li class='list-group-item ulSourceList-item hidden'></li>");
                            for (var i = 0; i < response.result.length; i++) {
                                var html = "";
                                html += "<li class='list-group-item sourceSetting-" + response.result[i].SourceSettingId + "'>" +
                                    "<input type='hidden' id='hfSourceSettingId-" + response.result[i].SourceSettingId + "' value='" + response.result[i].SourceSettingId + "' />" +
                                    "<input type='hidden' id='hfRefGuid-" + response.result[i].SourceSettingId + "' value='" + response.result[i].RefGuid + "' />" +
                                    "<div class='row'>" +
                                    "<label class='col-sm-2 lblSourceName-" + response.result[i].SourceSettingId + "' style='overflow:hidden;word-wrap:break-word;'><span class='spn_sourceName font-bold'>" + response.result[i].SourceName + "</span></label>" +
                                    "<label class='col-sm-2 lblSourceValue-" + response.result[i].SourceSettingId + "' style='overflow:hidden;word-wrap:break-word;'><span class='font-bold'>" + response.result[i].Value + "</span></label>" +
                                    "<label class='col-sm-3 lblDoctypeName-" + response.result[i].SourceSettingId + "' style='overflow:hidden;word-wrap:break-word;'><span class='spn_DocTypeName font-bold'>" + response.result[i].DocTypeName + "</span></label>" +
                                    "<label class='col-sm-3 lblDocPropertyName-" + response.result[i].SourceSettingId + "' style='overflow:hidden;word-wrap:break-word;'><span class='spn_DocPropertyName font-bold'>" + response.result[i].DocPropertyName + "</span></label>" +
                                    "<div class='col-sm-2 pull-right input-group divButtons-" + response.result[i].SourceSettingId + "'>" +
                                    "<a class='btn btn-icon bg-info text-white' href='javascript:;' onclick='Unibase.Platform.Sources.Components.AddSource.Instance().editSetting(" + response.result[i].SourceSettingId + ");' title='Edit'><i class='fa fa-pencil'></i></a>" +
                                    "<a class='btn btn-icon btn-danger' href='javascript:;' onclick='Unibase.Platform.Sources.Components.AddSource.Instance().deleteSetting(" + response.result[i].SourceSettingId + ");' title='Delete'><i class='fa fa-trash-o'></i></a></div>" +
                                    "<div class='col-sm-2 hidden inpSourceName-" + response.result[i].SourceSettingId + "'><div class='floating-label-form-group'>" +
                                    "<select class='form-control required floating-label-control' value='" + response.result[i].SourceName + "' id='txtSourceName-" + response.result[i].SourceSettingId + "' placeholder='Select'></select>" +
                                    "<input id='hfSourceId-" + response.result[i].SourceSettingId + "' value=" + response.result[i].RefSourceId + " type='hidden' />" +
                                    "</div></div>" +
                                    "<div class='col-sm-2 hidden inpSourceValue-" + response.result[i].SourceSettingId + "'><div class='floating-label-form-group floating-label-form-group-with-value'>" +
                                    "<input id='txtSourceValue-" + response.result[i].SourceSettingId + "' class='form-control' value='" + response.result[i].Value + "'  />" +
                                    "</div></div>" +
                                    "<div class='col-sm-3 hidden inpAppDoctype-" + response.result[i].SourceSettingId + "'><div class='floating-label-form-group'>" +
                                    "<select class='form-control required floating-label-control' value='" + response.result[i].DocTypeName + "' id='txtDocTypeName-" + response.result[i].SourceSettingId + "' placeholder='Select'></select>" +
                                    "<input id='hfDocTypeId-" + response.result[i].SourceSettingId + "' value=" + response.result[i].DocTypeId + " type='hidden' />" +
                                    "</div></div>" +
                                    "<div class='col-sm-3 hidden inpAppDocPropertytype-" + response.result[i].SourceSettingId + "'><div class='floating-label-form-group'>" +
                                    "<select class='form-control required floating-label-control' value='" + response.result[i].DocPropertyName + "' id='txtDocPropertyName-" + response.result[i].SourceSettingId + "' placeholder='Select'></select>" +
                                    "<input id='hfDocPropertyId-" + response.result[i].SourceSettingId + "' value=" + response.result[i].DocPropertyId + " type='hidden' />" +
                                    "</div></div>" +
                                    "<div class='col-sm-2 input-group divButtons2-" + response.result[i].SourceSettingId + " hidden'><div class='m-t'>" +
                                    "<a class='btn btn-icon bg-primary text-white btnUpdateSyncSett-" + response.result[i].SourceSettingId + "' href='javascript:;' onclick='Unibase.Platform.Sources.Components.AddSource.Instance().updateSetting(" + response.result[i].SourceSettingId + ");' title='Update'><i class='fa fa-save'></i></a>" +
                                    "<a class='btn btn-icon btn-warning' href='javascript:;' onclick='Unibase.Platform.Sources.Components.AddSource.Instance().cancel(" + response.result[i].SourceSettingId + ");' title='Cancel Update'><i class='fa fa-times'></i></a>" +
                                    "</div></div>" +
                                    "</div>" +
                                    "</li>";
                                $(".ulSourceList-item:last").after(html);
                            }
                        });
                    }
                    editSetting(sourceSettingId) {
                        var element = document.getElementsByClassName("ulSourceList");
                        $(element).find(".lblSourceName-" + sourceSettingId + "").addClass("hidden");
                        $(element).find(".lblSourceValue-" + sourceSettingId + "").addClass("hidden");
                        $(element).find(".lblDoctypeName-" + sourceSettingId + "").addClass("hidden");
                        $(element).find(".lblDocPropertyName-" + sourceSettingId + "").addClass("hidden");
                        $(element).find(".divButtons-" + sourceSettingId + "").addClass("hidden");
                        $(element).find(".inpSourceName-" + sourceSettingId + "").removeClass("hidden");
                        $(element).find(".inpSourceValue-" + sourceSettingId + "").removeClass("hidden");
                        $(element).find(".inpAppDoctype-" + sourceSettingId + "").removeClass("hidden");
                        $(element).find(".inpAppDocPropertytype-" + sourceSettingId + "").removeClass("hidden");
                        $(element).find(".divButtons2-" + sourceSettingId + "").removeClass("hidden");
                        var sourceName = $(element).find(".lblSourceName-" + sourceSettingId + "").find(".spn_sourceName").text();
                        var sourceId = $(element).find("#hfSourceId-" + sourceSettingId).val().toString();
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/sources/autocomplete';
                        AutoCompleteHelper.getHelper().Create("#txtSourceName-" + sourceSettingId, "#hfSourceId-" + sourceSettingId, url, function (response) {
                            var data = response;
                        });
                        var option = new Option(sourceName, sourceId, true);
                        $("#txtSourceName-" + sourceSettingId).append(option);
                        var docTypeName = $(element).find(".lblDoctypeName-" + sourceSettingId + "").find(".spn_DocTypeName").text();
                        var docTypeId = $(element).find("#hfDocTypeId-" + sourceSettingId).val().toString();
                        var installedappid = Unibase.Themes.Providers.DetailHelper.installedAppId;
                        var docTypeUrl = _appsettings.server_url() + '/apis/v4/unibase/platform/doctypes/appdoctypesautocomplete/installedappid/' + installedappid;
                        AutoCompleteHelper.getHelper().Create("#txtDocTypeName-" + sourceSettingId, "#hfDocTypeId-" + sourceSettingId, docTypeUrl, function (response) {
                            var data = response;
                        });
                        var docTypeoption = new Option(docTypeName, docTypeId, true);
                        $("#txtDocTypeName-" + sourceSettingId).append(docTypeoption);
                        var docPropertyName = $(element).find(".lblDocPropertyName-" + sourceSettingId + "").find(".spn_DocPropertyName").text();
                        var docPropertyId = $(element).find("#hfDocPropertyId-" + sourceSettingId).val().toString();
                        var docPropertyUrl = _appsettings.server_url() + '/apis/v4/unibase/platform/doctypes/docpropertiesautocomplete/doctypeid/' + docTypeId;
                        AutoCompleteHelper.getHelper().Create("#txtDocPropertyName-" + sourceSettingId, "#hfDocPropertyId-" + sourceSettingId, docPropertyUrl, function (response) {
                            var data = response;
                        });
                        var docPropertyoption = new Option(docPropertyName, docPropertyId, true);
                        $("#txtDocPropertyName-" + sourceSettingId).append(docPropertyoption);
                    }
                    updateSetting(settingId) {
                        var instance = this;
                        var element = document.getElementsByClassName("ulSourceList");
                        var sourceId = $(element).find("#hfSourceId-" + settingId + "").val();
                        var sourceValue = $(element).find("#txtSourceValue-" + settingId + "").val();
                        var sourceSettingId = $(element).find("#hfSourceSettingId-" + settingId + "").val();
                        var refGuid = $(element).find("#hfRefGuid-" + settingId + "").val();
                        var refid = Unibase.Themes.Providers.DetailHelper.recordId;
                        var doctypeId = $(element).find("#hfDocTypeId-" + settingId + "").val();
                        var docpropertyId = $(element).find("#hfDocPropertyId-" + settingId + "").val();
                        var versionGuid = "";
                        var postData = {
                            SourceSettingId: Number(sourceSettingId),
                            RefGuid: refGuid,
                            InstalledAppId: Number(Unibase.Themes.Providers.DetailHelper.recordId),
                            RefSourceId: Number(sourceId),
                            RefId: refid,
                            Value: sourceValue.toString(),
                            DocTypeId: Number(doctypeId),
                            DocPropertyId: Number(docpropertyId)
                        };
                        Unibase.Platform.Sources.Managers.SourceManager.Instance().addSource(postData).then(function (response) {
                            if (response.errors == null) {
                                instance.loadDetails();
                            }
                            else {
                                MessageHelper.Instance().showError(response.message, "");
                            }
                        });
                    }
                    cancel(settingId) {
                        var element = document.getElementsByClassName("ulSourceList");
                        $(element).find(".inpSourceName-" + settingId + "").addClass("hidden");
                        $(element).find(".inpSourceValue-" + settingId + "").addClass("hidden");
                        $(element).find(".inpAppDoctype-" + settingId + "").addClass("hidden");
                        $(element).find(".inpAppDocPropertytype-" + settingId + "").addClass("hidden");
                        $(element).find(".divButtons2-" + settingId + "").addClass("hidden");
                        $(element).find(".lblSourceName-" + settingId + "").removeClass("hidden");
                        $(element).find(".lblSourceValue-" + settingId + "").removeClass("hidden");
                        $(element).find(".lblDoctypeName-" + settingId + "").removeClass("hidden");
                        $(element).find(".lblDocPropertyName-" + settingId + "").removeClass("hidden");
                        $(element).find(".divButtons-" + settingId + "").removeClass("hidden");
                    }
                    deleteSetting(sourceSettingId) {
                        var instance = this;
                        Unibase.Platform.Sources.Managers.SourceManager.Instance().deleteSourceSetting(sourceSettingId).then(function (response) {
                            if (response.errors == null) {
                                MessageHelper.Instance().showSuccess(response.message, "");
                            }
                            else {
                                MessageHelper.Instance().showError(response.message, "");
                            }
                            instance.loadDetails();
                        });
                    }
                    loadEdit(sourceSettingId) {
                        return __awaiter(this, void 0, void 0, function* () {
                            Unibase.Platform.Sources.Managers.SourceManager.Instance().deleteSourceSetting(0).then(function (response) { MessageHelper.Instance().showSuccess(response.message, ''); });
                            var instance = this;
                            instance.fileCacheHelper.loadJsFiles(["platform/sources/managers/sourcemanager.js", "platform/widgets/managers/widgetmanager.js"], null);
                            instance.navigationHelper.popup(0, '', Unibase.Platform.Sources.Components.AddSource.Instance(), null, Platform.Helpers.Size.Large);
                            $("#btnAdd").addClass("hidden");
                            $("#div_sourceList").addClass("hidden");
                            $("#btnSave").removeClass("hidden");
                            instance.loadSource();
                            yield Unibase.Platform.Sources.Managers.SourceManager.Instance().getSourceSetting(sourceSettingId).then(function (response) {
                                var option = new Option(response.result.SourceName, response.result.RefSourceId, true);
                                $("#txt_Source").append(option);
                                $("#txt_Value").val(response.result.Value.toString());
                                $("#hf_sourcesettingid").val(sourceSettingId);
                                instance.loadAppDocTypes(Unibase.Themes.Providers.DetailHelper.installedAppId);
                                $("#txt_DocType").append(new Option(response.result.DocTypeName, response.result.DocTypeId, true));
                                instance.loadDocProperties();
                                $("#txt_DocProperty").append(new Option(response.result.DocPropertyName, response.result.DocPropertyId, true));
                            });
                            $("#btnAdd").addClass("hidden");
                            $("#div_sourceList").addClass("hidden");
                            $("#btnSave").removeClass("hidden");
                        });
                    }
                    static Instance() {
                        return new AddSource();
                    }
                }
                Components.AddSource = AddSource;
            })(Components = Sources.Components || (Sources.Components = {}));
        })(Sources = Platform.Sources || (Platform.Sources = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));