WebBuild/wwwroot/platform/controls/autocomplete/autocomplete.settings.js

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class autocomplete_settings {
                constructor() {
                    this.Id = 0;
                    this.TextFormPropertyId = 0;
                }
                loadControlPropertiesHtml(Container) {
                }
                bindPropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    if (propertySettings != null && propertySettings != undefined) {
                        var i = 0;
                        $(".Controlproperties-Element").each(function () {
                            if (propertySettings[i].ControlPropertyName == "IsCreateNew") {
                                $(this).attr("data-controlpropertyid", propertySettings[i].ControlPropertyId);
                                $(this).attr("data-controlpropertyname", propertySettings[i].ControlPropertyName);
                                $(this).attr("data-propertysettingid", propertySettings[i].PropertySettingId);
                                if (propertySettings[i].ControlPropertyValue == "true") {
                                    $("#IsCreateNew").prop("checked", true);
                                }
                                else {
                                    $("#IsCreateNew").prop("checked", false);
                                }
                            }
                            i += 1;
                        });
                    }
                }
                savePropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    var propSettingReq = [];
                    $(".Controlproperties-Element").each(function () {
                        var data = {
                            FormPropertyId: Number(prop.FormPropertyId),
                            ControlPropertyId: Number($(this).attr("data-controlpropertyid")),
                            ControlPropertyValue: $(this).children().find("input").prop("checked").toString(),
                            ControlPropertyName: $(this).attr("data-controlpropertyname"),
                            ControlId: Number(prop.ControlId),
                            PropertySettingId: Number($(this).attr("data-propertysettingid")),
                        };
                        propSettingReq.push(data);
                    });
                    return propSettingReq;
                }
                loadSettingHtml(Container) {
                    var html = `<section class=""><div class="card AutoProperties"><div class="card-header"><h6>AutoCompleteSetting Details</h6></div><div class="card-body" id="DivAutocomplete"><div class="row"><div class="col-sm-6 form-group"><label class="font-bold" style="color:grey">Report <span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control required" id="loadReport"/><input type="hidden" id="hfloadReportId"/></div><div class="col-sm-6 form-group"><label class="font-bold" style="color:grey">Text Column <span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control required" id="reporttextColumns"/><input type="hidden" id="hfreporttextColumnsId"/></div></div><div class="row align-items-end"><div class="col-sm-6 form-group"><label class="font-bold" style="color:grey">Id Column<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control required" id="reportIdColumns"/><input type="hidden" id="hfreportIdColumnsId"/></div><div class="col-sm-6 form-group"><div class="floating-label-form-group"><label for="lbl" id="lblparameterName" class="font-bold">Parameter Name <span class="text-danger">*</span></label><input type="text" id="txt_Parameter" class="form-control value-control  floating-label-control" placeholder="Enter Parameter" data-placeholder="Enter Parameter" data-label="Enter Parameter"></div></div></div><div class="row align-items-end mt-5"><div class="col-sm-6 form-group"><label for="frmchkIsDefault">Allow Free Text</label><label id="lblIsTagSelect" class="switch m-t m-0 form-inline pull-right" style="color:grey"><input id="chkIsTagSelect" data-group="IsRequired" type="checkbox" data-controlpropertyname="IsTagSelect"><span/></label></div><div class="col-sm-6 form-group" id="divControlProps"><label for="frmchkIsDefault" >Enable IsCreateNew Option</label><label id="lblIsCreateNew" class="switch m-t m-0 form-inline pull-right" style="color:grey"><input id="IsCreateNew" data-group="IsRequired" type="checkbox" data-controlpropertyname="IsCreateNew"><span/></label></div></div><div class="row"><div class="form-group hidden col-sm-6" id="divApps"><label id="lbl_DocType">Apps<span class="text-danger" id="spnIsRequired_DocType"> *</span></label><select class="form-control" placeholder="form group" id="selectInstalledApps"><option selected value="">Select Apps</option></select></div><div class="form-group hidden col-sm-6" id="divAppConfiguration"><label id="lbl_DocType">AppConfigurations<span class="text-danger" id="spnIsRequired_DocType"> *</span></label><select class="form-control" placeholder="form group" id="selectAppConfigurations"><option selected value="">Select configurations</option></select></div></div><div class="row align-items-end"><div class="col-sm-6 form-group hidden"><div id="divRoleSettings"><label id="lbl_RoleSettings">Role Settings<span class="text-danger" id="spnIsRequired_RoleSettings"> *</span></label><select class="form-control" placeholder="form group" id="selectRoleSettings"><option selected value="">Select RoleSetting</option></select></div></div><div class="col-sm-6 form-group"><div id="divButton"><label for="frmchkIsDefault">Show Total ReportData</label><label id="lblEnableButton" class="switch m-t m-0 form-inline pull-right" style="color:grey"><input id="chkShowTotalReportData" data-group="IsRequired" type="checkbox" data-controlpropertyname="EnableButton"><span/></label></div></div><div class="col-sm-6 form-group"><label class="font-bold" style="color:grey">Additional Data Column</label><select class="form-control" id="reportAddlDataColumns"/></select><input type="hidden" id="hfreportAddlDataColumnsId"/></div></div><div class="row hidden" id="divTotalReportData"><div class="col-sm-6 form-group"><label class="font-blod" style="color:grey">TotalData Report<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="totalDataReportId"/><input type="hidden" id="hftotalDataReportId"/></div><div class="col-sm-6 form-group"><label class="font-blod" style="color:grey">Mapping IdColumn<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="mappingIdColumn"/></select><input type="hidden" id="hfMappingColumnId"/></div><div class="col-sm-6 form-group"><label class="font-bold" style="color:grey">Mapping Text Column<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control" id="mappingTextColumn"/></select><input type="hidden" id="hfMappingTextColumnId"/></div></div>` +
                        `</div></section>`;
                    $(Container).html(html);
                    autocomplete_settings._instance.LoadReports();
                    autocomplete_settings._instance.LoadTotalDataReports();
                    $("#totalDataReportId").next('.select2-container').css('width', '100%');
                    $('#chkShowTotalReportData').on('change', function () {
                        if ($('#chkShowTotalReportData').prop('checked')) {
                            $("#divTotalReportData").removeClass('hidden');
                            $("#totalDataReportId").addClass('required');
                            $("#mappingIdColumn").addClass('required');
                            $("#mappingTextColumn").addClass('required');
                        }
                        else {
                            $("#divTotalReportData").addClass('hidden');
                            $("#totalDataReportId").removeClass('required');
                            $("#mappingIdColumn").removeClass('required');
                            $("#mappingTextColumn").removeClass('required');
                        }
                    });
                    var installedAppId = Unibase.Platform.Forms.Components.FormBuilder.Instance().InstalledAppId;
                    Unibase.Platform.Permissions.Managers.PermissionManager.Instance().getRoleSettingsbyAppId(installedAppId).then(function (response) {
                        for (let i = 0; i < response.result.length; i++) {
                            $('#selectRoleSettings').append('<option value="' + response.result[i].AppPermissionId + '">' + response.result[i].SystemName + '</option>');
                        }
                    });
                    Unibase.Platform.Apps.Managers.AppManager.Instance().getInstalledApps().then(function (response) {
                        for (let i = 0; i < response.result.length; i++) {
                            $('#selectInstalledApps').append('<option value="' + response.result[i].InstalledAppId + '">' + response.result[i].AppTitle + '</option>');
                        }
                    });
                    $("#divApps").change(function () {
                        $('#selectAppConfigurations').val("");
                        var InstaledAppId = Number($("#divApps option:selected").val());
                        Unibase.Platform.Apps.Managers.AppManager.Instance().getFormAppConfigurations(InstaledAppId).then(function (response) {
                            for (let i = 0; i < response.result.length; i++) {
                                $('#selectAppConfigurations').append('<option value="' + response.result[i].AppConfigurationId + '">' + response.result[i].SettingName + '</option>');
                            }
                        });
                    });
                    $("#IsCreateNew").on("change", function () {
                        if ($("#IsCreateNew").is(':checked')) {
                            $("#divApps").removeClass('hidden');
                            $("#divAppConfiguration").removeClass('hidden');
                            $("#selectInstalledApps").addClass('required');
                            $("#selectAppConfigurations").addClass('required');
                        }
                        else {
                            $("#divApps").addClass('hidden');
                            $("#divAppConfiguration").addClass('hidden');
                            $("#selectInstalledApps").removeClass('required');
                            $("#selectAppConfigurations").removeClass('required');
                        }
                    });
                }
                LoadTotalDataReports() {
                    var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reports';
                    AutoCompleteHelper.getHelper().Create($("#totalDataReportId"), $("#hftotalDataReportId"), url, function (response) {
                        $("#totalDataReportId").change(function () {
                            var Id = $("#totalDataReportId option:selected").val().toString();
                            var ReportId = Number(Id);
                            $("#mappingIdColumn").empty().trigger('change');
                            $("#mappingTextColumn").empty().trigger('change');
                            var colurl = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportcolumnsautocomplete/reportid/' + ReportId;
                            AutoCompleteHelper.getHelper().Create($("#mappingIdColumn"), $("#hfMappingColumnId"), colurl, function (response) { });
                            AutoCompleteHelper.getHelper().Create($("#mappingTextColumn"), $("#hfMappingTextColumnId"), colurl, function (response) { });
                        });
                    });
                }
                LoadReports() {
                    var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reports';
                    AutoCompleteHelper.getHelper().Create($("#loadReport"), $("#hfloadReportId"), url, function (response) {
                        $("#loadReport").change(function () {
                            $("#reportIdColumns").text('');
                            $("#reporttextColumns").text('');
                            var Id = $("#loadReport option:selected").val().toString();
                            var ReportId = Number(Id);
                            autocomplete_settings._instance.LoadReportCoulmns(ReportId);
                        });
                    });
                }
                LoadReportCoulmns(ReportId) {
                    var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportcolumnsautocomplete/reportid/' + ReportId;
                    AutoCompleteHelper.getHelper().Create($("#reportIdColumns"), $("#hfreportIdColumnsId"), url, function (response) { });
                    AutoCompleteHelper.getHelper().Create($("#reporttextColumns"), $("#hfreporttextColumnsId"), url, function (response) { });
                    AutoCompleteHelper.getHelper().Create($("#reportAddlDataColumns"), $("#hfreportAddlDataColumnsId"), url, function (response) { });
                }
                bindControlData(controldatajson) {
                    var data = controldatajson;
                    autocomplete_settings._instance.Id = data.AutoCompletePropertyId;
                    autocomplete_settings._instance.TextFormPropertyId = data.TextFormPropertyId;
                    autocomplete_settings._instance.LoadReportCoulmns(data.ReportId);
                    var datalist = new Option(data.DataListName, data.ReportId, true);
                    $("#loadReport").append(datalist);
                    $("#loadReport").val(data.ReportId);
                    autocomplete_settings._instance.LoadReports();
                    var reportIdColumns = new Option(data.AutoCompleteIdColumn, data.AutoCompleteIdColumn, true);
                    $("#reportIdColumns").append(reportIdColumns);
                    $("#reportIdColumns").val(data.AutoCompleteIdColumn);
                    var reporttextColumns = new Option(data.AutoCompleteTextColumn, data.AutoCompleteTextColumn, true);
                    $("#reporttextColumns").append(reporttextColumns);
                    $("#reporttextColumns").val(data.AutoCompleteTextColumn);
                    $("#txt_Parameter").val(data.Parameters);
                    $('#chkShowTotalReportData').prop('checked', data.ShowTotalReportData);
                    $('#chkIsTagSelect').prop('checked', data.IsTagSelect);
                    var totalreportdata = new Option(data.TotalDataReportName, data.TotalDataReportId, true);
                    $("#totalDataReportId").append(totalreportdata);
                    $("#totalDataReportId").val(data.TotalDataReportId);
                    if (data.MappingIdColumn == "null") {
                        data.MappingIdColumn = 'Select';
                    }
                    var mappingIdColumns = new Option(data.MappingIdColumn, data.MappingIdColumn, true);
                    $("#mappingIdColumn").append(mappingIdColumns);
                    if (data.MappingTextColumn == "null") {
                        data.MappingTextColumn = 'Select';
                    }
                    var mappingTextColumns = new Option(data.MappingTextColumn, data.MappingTextColumn, true);
                    $("#mappingTextColumn").append(mappingTextColumns);
                    if (data.AdditionalDataColumn != null && data.AdditionalDataColumn != "") {
                        var addtitionaldataColumns = new Option(data.AdditionalDataColumn, data.AdditionalDataColumn, true);
                        $("#reportAddlDataColumns").append(addtitionaldataColumns);
                    }
                    if ($('#chkShowTotalReportData').prop('checked')) {
                        $("#divTotalReportData").removeClass('hidden');
                    }
                    else {
                        $("#divTotalReportData").addClass('hidden');
                    }
                }
                SaveControlData(controldatajson) {
                    var controldatajson1 = [];
                    if (controldatajson != null && controldatajson != "") {
                        controldatajson1[0].AutoCompletePropertyId = $("#hdnAutocompletePropertyId").val();
                        controldatajson1[0].DocPropertyId = $("#hdnPropertyId").val();
                        controldatajson1[0].ReportId = $("#hfloadReportId").val();
                        controldatajson1[0].AutoCompleteTextColumn = $("#reporttextColumns option:selected").val();
                        controldatajson1[0].AutoCompleteIdColumn = $("#reportIdColumns option:selected").val();
                        controldatajson1[0].IsTagSelect = $("#chkIsTagSelect").prop('checked');
                        controldatajson1[0].IsIncludeAllOption = false;
                        controldatajson1[0].FormId = $("#hdnFormId").val();
                        controldatajson1[0].AutoCompleteFilterColumn = $("#hdnAutocompleteFilterColumn").val();
                        controldatajson1[0].AppConfigId = $('#selectAppConfigurations option:selected').val();
                        controldatajson1[0].IsMultiSelect = false;
                        controldatajson1[0].Parameters = $("#txt_Parameter").val();
                        controldatajson1[0].DataListName = $("#loadReport option:selected").text();
                        controldatajson = JSON.stringify(controldatajson1[0]);
                        controldatajson1[0].FormuniqueId = $('#txt_FormUniqueId').val(),
                            controldatajson1[0].ShowTotalReportData = $('#chkShowTotalReportData').prop('checked');
                        controldatajson1[0].AdditionalDataColumn = $("#reportAddlDataColumns option:selected").text();
                    }
                    else {
                        var totalDataReportId = Number($("#totalDataReportId option:selected").val());
                        controldatajson1[0] = {
                            AutoCompletePropertyId: Number(autocomplete_settings._instance.Id),
                            DocPropertyId: Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
                            ReportId: Number($("#loadReport option:selected").val()),
                            AutoCompleteTextColumn: $("#reporttextColumns option:selected").text(),
                            AutoCompleteIdColumn: $("#reportIdColumns option:selected").text(),
                            IsTagSelect: $("#chkIsTagSelect").prop('checked'),
                            IsIncludeAllOption: false,
                            FormId: Number(Unibase.Platform.Forms.Components.FormBuilder.instance.FormId),
                            AutoCompleteFilterColumn: "",
                            AppConfigId: Number($('#selectAppConfigurations option:selected').val()),
                            IsMultiSelect: false,
                            Parameters: $("#txt_Parameter").val(),
                            DataListName: $("#loadReport option:selected").text(),
                            FormUniqueId: $('#txt_FormUniqueId').val(),
                            TextFormPropertyId: Number(autocomplete_settings._instance.TextFormPropertyId == null ? 0 : autocomplete_settings._instance.TextFormPropertyId),
                            RoleSetting: $('#selectRoleSettings option:selected').text() == "Select RoleSetting" ? null : $('#selectRoleSettings option:selected').text(),
                            ShowTotalReportData: $('#chkShowTotalReportData').prop('checked'),
                            TotalDataReportId: isNaN(totalDataReportId) ? 0 : totalDataReportId,
                            MappingIdColumn: $("#mappingIdColumn option:selected").text(),
                            MappingTextColumn: $("#mappingTextColumn option:selected").text(),
                            AdditionalDataColumn: $("#reportAddlDataColumns option:selected").text(),
                        };
                        controldatajson = JSON.stringify(controldatajson1[0]);
                    }
                    return controldatajson;
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new autocomplete_settings();
                    return this._instance;
                }
            }
            Controls.autocomplete_settings = autocomplete_settings;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));