WebBuild/wwwroot/platform/devorgs/components/createmodule.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let DevOrgs;
        (function (DevOrgs) {
            let Components;
            (function (Components) {
                class CreateModule extends Platform.Core.BaseComponent {
                    cssFiles() {
                        return ["libs/summernote/summernote.css"];
                    }
                    jsFiles() {
                        return ["platform/devorgs/managers/devorgmanager.js", "platform/forms/components/formviewer/formviewer.js", 'libs/parsley/parsley.min.js', "libs/summernote/summernote.min.js", "tenants/themes/default/components/details/details.js", "tenants/themes/compact/components/details/details.js"];
                    }
                    html(id, containerid) {
                        let html = '<form id="frmUnibase_Module" default="" data-validate="parsley" data-isdynamic="false"><div class="b-b bg-white header"><input id="hf_ModuleId" type="hidden" value="0"/><strong id="formName" class="text-dark">Create Module</strong><a class="btn btn-sm ml-auto"><i class="ti-help-alt" title="help" href="javascript:;" target="_blank"></i></a></div><div data-simplebar class="simple-scroll-bar scrollable moduletype-body"><div id="Unibase_ValidationSummary" class="clear mt-10"></div><div class="card"><div class="card-body"><div class="row"><div class="col-sm-6"><div  class="floating-label-form-group"><label>Module Name<span class="text-danger " id="spnModule"> *</span></label><input class="form-control value-control required floating-label-control" id="txtModule" placeholder="Module *" data-placeholder="Enter Module" data-label="Module *" value="" type="text"></div></div><div class="col-sm-6"><div class="floating-label-form-group"><label>Short Code<span class="text-danger " id="spnShortCode"> *</span></label><input class="form-control value-control required floating-label-control" id="txtShortCode" placeholder="Short Code *" data-placeholder="Enter Short Code" data-label="Short Code *" value="" type="text"></div></div></div><div class="row"><div class="col-sm-6"><div  class="floating-label-form-group-with-value" placeholder="Select" data-placeholder="Select"><label for="txt_moduleType">Module Type<span class="text-danger " id="spnModuleType"> *</span></label><input type="hidden" id="hf_moduleTypeId"/><select placeholder="Select" data-placeholder="Select" data-label="Select" value="" type="text" class="form-control value-control floating-label-control required" id="txt_moduleType"></select></div></div><div class="col-sm-6"><div  class="floating-label-form-group-with-value" placeholder="Select" data-placeholder="Select"><label for="txt_devOrg">Development Organization<span class="text-danger " id="spnDevOrg"> *</span></label><input type="hidden" id="hf_devOrgId"/><select placeholder="Select" data-placeholder="Select" data-label="Select" value="" type="text" class="form-control value-control floating-label-control required" id="txt_devOrg"></select></div></div></div></div></div><div class="module-description"><div class="card"><div class="card-header"><strong class="text-dark">Description</strong></div><div class="card-body"><div class="type-control summernote" style="display: block;" id="summernote" data-propdoctypename=""  placeholder = "Enter Description" data-placeholder="Enter Descrpition" data-label="Descrpition"></div>' +
                            '<label for="Validation" id="lblValidation"></label></div ></div></div></div></div><div id="div_dataApiFooter" class="bg-white 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" id="btnSave">Save</a></div></form>';
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFiles(["platform/devorgs/managers/devorgmanager.js", "libs/summernote/summernote.min.js"], null);
                        instance.fileCacheHelper.loadCssFile("libs/summernote/summernote.css", null);
                        instance.loadSummernote();
                        $("#" + containerid).find(".devorg-body").height($(window).outerHeight() - 130);
                        $("#btnClose").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btnSave").click(function () {
                            let appcontrolid = "frmUnibase_Module";
                            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 {
                                instance.save(id, containerid);
                            }
                        });
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/devorgs/moduletypesautocomplete';
                        AutoCompleteHelper.getHelper().Create($("#txt_moduleType"), $("#hf_moduleTypeId"), url, function (response) {
                        });
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/devorgs/autocomplete';
                        AutoCompleteHelper.getHelper().Create($("#txt_devOrg"), $("#hf_devOrgId"), url, function (response) {
                        });
                    }
                    loadSummernote() {
                        $("#summernote").summernote({
                            height: 100,
                            minHeight: null,
                            maxHeight: null,
                            placeholder: "Enter Description",
                            toolbar: [
                                ['font', ['bold', 'italic', 'underline']],
                                ['color', ['color']]
                            ]
                        });
                    }
                    loadForm(FormId, Pk_Value, AppConfigurationId, Callback, ElementId) {
                        var instance = this;
                        instance.navigationHelper.popup(0, '', Unibase.Platform.DevOrgs.Components.CreateModule.Instance(), null, Platform.Helpers.Size.Large);
                        if (Pk_Value != 0) {
                            $("#formName").text("Edit Module");
                            instance.edit(Pk_Value);
                        }
                    }
                    edit(recordId) {
                        Unibase.Platform.DevOrgs.Managers.DevOrgManager.Instance().getModule(recordId).then(function (response) {
                            $("#hf_ModuleId").val(response.result.ModuleId);
                            $("#txtModule").val(response.result.ModuleName);
                            $("#txtShortCode").val(response.result.ShortCode);
                            $('#summernote').summernote('code', response.result.Description);
                            var option = new Option(response.result.ModuleTypeName, response.result.ModuleTypeId.toString(), true);
                            $("#txt_moduleType").append(option);
                            var option = new Option(response.result.ModuleTypeName, response.result.ModuleTypeId.toString(), true);
                            $("#txt_devOrg").append(new Option(response.result.DevOrgName, response.result.DevOrgId.toString(), true));
                        });
                    }
                    save(pk_value, containerid) {
                        var instance = this;
                        var contents = $('#summernote').summernote('code');
                        var plainText = $("<p>" + contents + "</p>").text();
                        instance.fileCacheHelper.loadJsFile("platform/devorgs/managers/devorgmanager.js", function () {
                            var postData = {
                                ModuleId: Number($("#hf_ModuleId").val()),
                                ModuleName: $("#txtModule").val().toString(),
                                ShortCode: $("#txtShortCode").val().toString(),
                                Description: plainText,
                                ModuleTypeId: Number($("#txt_moduleType").val()),
                                DevOrgId: Number($("#txt_devOrg").val())
                            };
                            Unibase.Platform.DevOrgs.Managers.DevOrgManager.Instance().saveModule(postData).then(function (response) {
                                if (response.errors == null) {
                                    if (Number($("#hf_ModuleId").val()) != 0) {
                                    }
                                    $('#' + containerid).modal('hide');
                                    $('#' + containerid).remove();
                                    MessageHelper.Instance().showSuccess(response.message, "");
                                }
                                else {
                                    MessageHelper.Instance().showError(response.message, "Unibase_ValidationSummary");
                                    return false;
                                }
                            });
                        });
                    }
                    static Instance() {
                        return new CreateModule();
                    }
                }
                Components.CreateModule = CreateModule;
            })(Components = DevOrgs.Components || (DevOrgs.Components = {}));
        })(DevOrgs = Platform.DevOrgs || (Platform.DevOrgs = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));