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

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class select2_settings {
                constructor() {
                    this.Id = 0;
                    this.TextFormPropertyId = 0;
                }
                loadControlPropertiesHtml(controlpropList, container) {
                    return ``;
                }
                bindPropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                savePropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                loadSettingHtml(Container) {
                    var html = '<div class="card AutoProperties"> <div class="card-header"><h6><b>Select2Setting Details</b></h6></div>' +
                        '<div class="card-body" id="DivAutocomplete"><div class="row">' +
                        '<div class="col-sm-6"><label class="font-bold" style="color:grey">Report<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control required" id="loadReport"></selec><input type="hidden" id="hfloadReportId" /></div><div class="col-sm-6 "><label class="font-bold" style="color:grey">Text Column<span class="text-danger" id="spnIsRequired_Section"> *</span></label><select class="form-control required" id="loadReportTextColumns" /><input type="hidden" id="hfloadReportTextColumnsId" /></div></div>' +
                        '<div class="row mt-10"><div class="col-sm-6"><label class="font-bold" style="color:grey">Id Column:</label><select class="form-control" id="loadReportIdColumns" /><input type="hidden" id="hfloadReportIdColumnsId" /></div><div class="col-sm-6  mt-30"><label for="frmchkIsDefault" style="margin-top:19px"> <b>Is Include All Option</b></label><label id="lblIsIncludeAllOption" class="switch m-t form-inline pull-right mt-10" style="color:grey"><input id="IsIncludeAllOption" data-group="IsRequired" type="checkbox" data-controlpropertyname="IsTagSelect" onclick="_bizgaze_forms_controlproperties.requiredCheckBox();"><span></span></label></div></div>' +
                        '<div class="row col-sm-6"><div class="floating-label-form-group"><label for= "lbl" id = "select2lblparameterName" class= "font-bold">Parameter Name<span class="text-danger">* </span></label><input type="text" id = "txt_Select2Parameter" class="form-control value-control  floating-label-control" placeholder = "Enter Parameter" data - placeholder="Enter Parameter" data - label="Enter Parameter"></div></div></div></div>';
                    $(Container).html(html);
                    $("#loadReport").select2({ placeholder: 'Select Report', width: '100%' });
                    $("#loadReportIdColumns").select2({ placeholder: 'Select IdColumn', width: '100%' });
                    $("#loadReportTextColumns").select2({ placeholder: 'Select TextColumn', width: '100%' });
                    select2_settings._instance.LoadReports();
                }
                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);
                            select2_settings._instance.LoadReportCoulmns(ReportId);
                        });
                    });
                }
                LoadReportCoulmns(ReportId) {
                    var url = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportcolumnsautocomplete/reportid/' + ReportId;
                    AutoCompleteHelper.getHelper().Create($("#loadReportIdColumns"), $("#hfloadReportIdColumnsId"), url, function (response) { });
                    AutoCompleteHelper.getHelper().Create($("#loadReportTextColumns"), $("#hfloadReportTextColumnsId"), url, function (response) { });
                    Unibase.Platform.Analytics.Managers.ReportManager.Instance().getHeaderColumns(ReportId).then(function (response) {
                        var html = "";
                        for (let i = 0; i < response.length; i++) {
                            var data = response[i];
                            var template = Unibase.Platform.Forms.Components.FormBuilder_Template.Instance().loadTemplate();
                            var templateScript = Handlebars.compile(template);
                            var context = { "Id": data.field, "Name": data.title };
                            html += templateScript(context);
                        }
                        jQuery("#loadReportIdColumns").html(html);
                        jQuery("#loadReportTextColumns").html(html);
                    });
                }
                bindControlData(controldatajson) {
                    var data = controldatajson;
                    select2_settings._instance.Id = data.AutoCompletePropertyId;
                    select2_settings._instance.TextFormPropertyId = data.TextFormPropertyId;
                    $("#chkIsTagSelect").prop('checked', data.IsTagSelect);
                    var datalist = new Option(data.DataListName, data.ReportId, true);
                    $("#loadReport").append(datalist);
                    $("#loadReport").val(data.ReportId);
                    select2_settings._instance.LoadReports();
                    var reportIdColumns = new Option(data.AutoCompleteIdColumn, data.AutoCompleteIdColumn, true);
                    $("#loadReportIdColumns").append(reportIdColumns);
                    $("#loadReportIdColumns").val(data.AutoCompleteIdColumn);
                    var reporttextColumns = new Option(data.AutoCompleteTextColumn, data.AutoCompleteTextColumn, true);
                    $("#loadReportTextColumns").append(reporttextColumns);
                    $("#loadReportTextColumns").val(data.AutoCompleteTextColumn);
                    $("#txt_Select2Parameter").val(data.Parameters);
                }
                SaveControlData(controldatajson) {
                    var controldatajson1 = [];
                    if (controldatajson != null && controldatajson != "") {
                        controldatajson1[0].AutoCompletePropertyId = select2_settings._instance.Id;
                        controldatajson1[0].DocPropertyId = Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
                            controldatajson1[0].ReportId = $("#hfloadReportId").val();
                        controldatajson1[0].AutoCompleteTextColumn = $("#loadReportTextColumns option:selected").val();
                        controldatajson1[0].AutoCompleteIdColumn = $("#loadReportIdColumns 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 = $("#hdnAppConfigId").val();
                        controldatajson1[0].IsMultiSelect = false;
                        controldatajson1[0].Parameters = $("#txt_Select2Parameter").val();
                        controldatajson1[0].DataListName = $("#loadReport option:selected").text();
                        controldatajson1[0].FormuniqueId = $('#txt_FormUniqueId').val();
                        controldatajson = JSON.stringify(controldatajson1[0]);
                    }
                    else {
                        controldatajson1[0] = {
                            AutoCompletePropertyId: Number(select2_settings._instance.Id),
                            DocPropertyId: Number(Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId),
                            ReportId: Number($("#loadReport option:selected").val()),
                            AutoCompleteTextColumn: $("#loadReportTextColumns option:selected").text(),
                            AutoCompleteIdColumn: $("#loadReportIdColumns option:selected").text(),
                            IsTagSelect: $("#chkIsTagSelect").prop('checked'),
                            IsIncludeAllOption: false,
                            FormId: Number(Unibase.Platform.Forms.Components.FormBuilder.Instance().FormId),
                            AutoCompleteFilterColumn: "",
                            AppConfigId: 0,
                            IsMultiSelect: false,
                            Parameters: $("#txt_Select2Parameter").val(),
                            DataListName: $("#loadReport option:selected").text(),
                            FormUniqueId: $('#txt_FormUniqueId').val(),
                            TextFormPropertyId: Number(select2_settings._instance.TextFormPropertyId),
                        };
                        controldatajson = JSON.stringify(controldatajson1[0]);
                    }
                    return controldatajson;
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new select2_settings();
                    return this._instance;
                }
            }
            Controls.select2_settings = select2_settings;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));