WebBuild/wwwroot/platform/controls/cascadingautocomplete/cascadingautocomplete.setti...

var Unibase;
(function (Unibase) {
    let Forms;
    (function (Forms) {
        let Controls;
        (function (Controls) {
            class CascadingAutocomplete_Settings {
                loadControlPropertiesHtml(controlpropList, container) {
                    return ``;
                }
                bindPropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                savePropertySettings(prop) {
                    var propertySettings = prop.PropertySettings;
                    return "";
                }
                loadSettingHtml(container) {
                    let html = `<section class="card"><div class="card-header"><h6><b>Cascading Settings</b></h6></div><div class="card-body"><div class="row"><div class="col-sm-6 mt-10" id ="CasCadingdddDocProp"><label for="lblDocPropertyName" id="lblDocPropertyName" class="font-bold" style="color:grey">Parent Property<span class="text-danger" id="spnIsRequired_ParentProperty"> *</span></label><select id="ddlParentProperty" class="form-control value-control required" data-controlpropertyname="Width"></select><input type="hidden" id="hfddlParentProperty"/></div></div><div class="row"><div class="col-sm-6"><label class="font-bold" style="color:grey">Report<span class="text-danger" id="spnIsRequired_Report"> *</span></label><select id="ddl_cascAutocompleteReport" class="form-control value-control required" data-placeholder="Select" placeholder="Select"></select><input type="hidden" id="hfddl_cascAutocompleteReport" class="hfddl_cascAutocompleteReport form-control value-control" data-isdynamic="true"/></div></div><div class="row"><div class="col-sm-4"><label class="font-bold" style="color:grey">Id Column<span class="text-danger" id="spnIsRequired_IdColumn"> *</span></label><select id="ddl_cascAutocompleteIdColumn" class="form-control value-control required" data-placeholder="Select" placeholder="Select"></select><input type="hidden" id="hfddl_cascAutocompleteIdColumn" class="hfddl_cascAutocompleteIdColumn form-control value-control" data-isdynamic="true"/></div><div class="col-sm-4"><label class="font-bold" style="color:grey">Text Column<span class="text-danger" id="spnIsRequired_TextColumn"> *</span></label><select id="ddl_cascAutocompleteTextColumn" class="form-control value-control required" data-placeholder="Select" placeholder="Select"></select><input type="hidden" id="hfddl_cascAutocompleteTextColumn" class="hfddl_cascAutocompleteTextColumn form-control value-control" data-isdynamic="true"/></div><div class="col-sm-4"><label class="font-bold" style="color:grey">Apply For<span class="text-danger" id="spnIsRequired_ApplyFor"> *</span></label><select id="ddl_cascAutocompleteApplyFor" class="form-control value-control required" data-placeholder="Select" placeholder="Select"></select><input type="hidden" id="hfddl_cascAutocompleteApplyFor" class="hfddl_cascAutocompleteApplyFor form-control value-control" data-isdynamic="true"/></div></div></div></section>`;
                    $(container).append(html);
                    this.GetDocPropertyDetails();
                    $("#ddl_cascAutocompleteReport").on("change", function () {
                        $("#ddl_cascAutocompleteIdColumn").val(null).trigger("change");
                        $("#ddl_cascAutocompleteTextColumn").val(null).trigger("change");
                    });
                }
                bindControlData(controldatajson) {
                    if (controldatajson != undefined && controldatajson != "") {
                        var result = controldatajson;
                        var parentName = Unibase.Platform.Forms.Components.FormBuilder.Instance().FormPropertiesJson.find(x => x.FormPropertyId == result.ParentFormPropertyId).FormPropertyName;
                        var parent = new Option(parentName, result.ParentFormPropertyId, true);
                        $("#ddlParentProperty").append(parent);
                        jQuery("#ddlParentProperty").val(result.ParentFormPropertyId).trigger('change');
                        var report = new Option(result.ReportName, result.ReportId, true);
                        $("#ddl_cascAutocompleteReport").append(report);
                        jQuery("#ddl_cascAutocompleteReport").val(result.ReportId).trigger('change');
                        var reportColumnText = new Option(result.ReportColumnText, result.ReportColumnTextId, true);
                        $("#ddl_cascAutocompleteTextColumn").append(reportColumnText);
                        jQuery("#ddl_cascAutocompleteTextColumn").val(result.ReportColumnTextId).trigger('change');
                        var reportColumnValue = new Option(result.ReportColumnValue, result.ReportColumnValueId, true);
                        $("#ddl_cascAutocompleteIdColumn").append(reportColumnValue);
                        jQuery("#ddl_cascAutocompleteIdColumn").val(result.ReportColumnValueId).trigger('change');
                        var reportColumnApplyFor = new Option(result.ApplyFor, result.ApplyForId, true);
                        $("#ddl_cascAutocompleteApplyFor").append(reportColumnApplyFor);
                        jQuery("#ddl_cascAutocompleteApplyFor").val(result.ApplyForId).trigger('change');
                    }
                }
                GetDocPropertyDetails() {
                    let FormId = Unibase.Platform.Forms.Components.FormBuilder.Instance().FormId;
                    let CurDocPropertyId = Unibase.Platform.Forms.Components.PropertyEditor.Instance().DocPropertyId;
                    var parentProperties = Unibase.Platform.Forms.Components.FormBuilder.Instance().FormPropertiesJson.filter(x => x.ControlName == "DropDown" || x.ControlName == "CascadingAutocomplete" || x.ControlName == "AutoComplete");
                    var parentProps = [];
                    for (let i = 0; i < parentProperties.length; i++) {
                        parentProps.push({ id: parentProperties[i].UniqueId, text: parentProperties[i].FormPropertyName });
                    }
                    $("#ddlParentProperty").select2({
                        placeholder: 'Select',
                        data: parentProps,
                        width: '100%',
                    });
                    var reportsurl = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reports';
                    AutoCompleteHelper.getHelper().Create($("#ddl_cascAutocompleteReport"), $("#hfddl_cascAutocompleteReport"), reportsurl, function (response) {
                        var data = response;
                    });
                    $("#ddl_cascAutocompleteReport").change(function () {
                        var reportId = $("#ddl_cascAutocompleteReport").val();
                        var reportcolumnsurl = _appsettings.server_url() + '/apis/v4/unibase/platform/analytics/reportcolumnsautocomplete/reportid/' + Number(reportId);
                        AutoCompleteHelper.getHelper().Create($("#ddl_cascAutocompleteTextColumn"), $("#hfddl_cascAutocompleteTextColumn"), reportcolumnsurl, function (response) {
                            var data = response;
                        });
                        AutoCompleteHelper.getHelper().Create($("#ddl_cascAutocompleteIdColumn"), $("#hfddl_cascAutocompleteIdColumn"), reportcolumnsurl, function (response) {
                            var data = response;
                        });
                        AutoCompleteHelper.getHelper().Create($("#ddl_cascAutocompleteApplyFor"), $("#hfddl_cascAutocompleteApplyFor"), reportcolumnsurl, function (response) {
                            var data = response;
                        });
                    });
                }
                SaveControlData(controldatajson) {
                    var instance = this;
                    var parentFormProp = Number($("#ddlParentProperty option:selected").val());
                    var parentProp = Unibase.Platform.Forms.Components.FormBuilder.Instance().FormPropertiesJson.find(x => x.UniqueId == parentFormProp);
                    var data = {
                        CascadingId: 0,
                        ControlId: Number(Unibase.Platform.Forms.Components.ControlEditor.Instance().ControlId),
                        ReportId: Number($("#ddl_cascAutocompleteReport option:selected").val()),
                        ReportName: $("#ddl_cascAutocompleteReport option:selected").text(),
                        ReportColumnTextId: Number($("#ddl_cascAutocompleteTextColumn option:selected").val()),
                        ReportColumnText: $("#ddl_cascAutocompleteTextColumn option:selected").text(),
                        ReportColumnValueId: Number($("#ddl_cascAutocompleteIdColumn option:selected").val()),
                        ReportColumnValue: $("#ddl_cascAutocompleteIdColumn option:selected").text(),
                        ApplyForId: Number($("#ddl_cascAutocompleteApplyFor option:selected").val()),
                        ApplyFor: $("#ddl_cascAutocompleteApplyFor option:selected").text(),
                        ParentFormPropertyId: parentFormProp,
                        ParentDocPropertyId: parentProp.DocPropertyId,
                    };
                    var ControlJsonText = JSON.stringify(data);
                    return ControlJsonText;
                }
                static Instance() {
                    if (this._instance === undefined)
                        this._instance = new CascadingAutocomplete_Settings();
                    return this._instance;
                }
            }
            Controls.CascadingAutocomplete_Settings = CascadingAutocomplete_Settings;
        })(Controls = Forms.Controls || (Forms.Controls = {}));
    })(Forms = Unibase.Forms || (Unibase.Forms = {}));
})(Unibase || (Unibase = {}));