WebBuild/wwwroot/platform/permission/components/editrole.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Permissions;
        (function (Permissions) {
            let Components;
            (function (Components) {
                class EditRole extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.InstalledAppId = 0;
                    }
                    cssFiles() {
                        return ['libs/jquery-ui-slider-pips/jquery-ui-slider-pips.css', 'libs/jquery-ui-slider-pips/Custom-slider-ui-pips.css'];
                    }
                    jsFiles() {
                        return ['platform/permission/components/editrole.js', 'platform/permission/requests/role.js', '/platform/apps/components/stages/stages.js', 'platform/permission/components/permissions.js', '/platform/apps/managers/stagemanager.js', '/platform/apps/components/stages/stagepermissions.js', '/platform/filters/components/filter.js', '/platform/filters/managers/filtermanager.js', 'platform/permission/managers/permissionmanager.js', 'platform/permission/requests/approlesetting.js', '/platform/permission/infos/role.js', "platform/forms/components/formviewer/formviewer.js", 'libs/parsley/parsley.min.js', 'platform/permission/managers/permissionmanager.js', 'platform/core/infos/status.js'];
                    }
                    html(id, containerid) {
                        var instance = this;
                        var appid = instance.appSettings.InstalledAppId;
                        instance.InstalledAppId = instance.appSettings.InstalledAppId;
                        let html = ``;
                        html += `<form id="form_Roles" default="" button="btnSaveDesignation" data-validate="parsley" data-isdynamic="false">
                                <input type="hidden" id="hf_RoleId" value="" />
                                <div class="b-b bg-white header">
                                    <strong class="text-dark Title" id="newRole">New Role</strong>
                                    <strong class="text-dark hidden Title" id="editRole">Edit Role</strong>
                                    <div class="btn-group ml-auto">
                                        <a class="btn btn-sm"><i class="ti-help-alt" title="help"></i></a>
                                    </div>
                                </div>    
                                <div class="simple-scroll-bar scrollable" id="divroleheight">
                                    <div class="clear" id="divRoleError">
                                    </div>
                                    <div class="card">
<div id="div_rolemessage" class="clear"></div>
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="" id="div_rolename">
                                                        <label for="lblName">Role Name<span class="text-danger"> *</span></label>

                                                        <input id="txtRoleName" class="form-control value-control required floating-label-control pl-1" data-isdefault="true" data-required="true"  data-validatemsg data-val-required="The RoleName field is required." placeholder="RoleName" type="text" value="" data-label="Role Name *" data-placeholder="Administrator">

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <div class="" id="div_roleDescription">
                                                        <label for="lblDescription">Description</label>

                                                        <input id="txtDescription" class="form-control value-control floating-label-control pl-1" name="Description" data-isdefault="true" data-required="true" data-regularexp data-validatemsg placeholder="Short description about the role" type="text" value="" data-label="Description" data-placeholder="Short description about the role">

                                                    </div>
                                                    <br />
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <label for="lblLobCategory" class="mt-15">
                                                        Is
                                                        Public ?
                                                    </label>
                                                    <input type="hidden" id="hfIsPublic" value="false" />
                                                    <div class="btn-group btn-group-justified mt-10" data-toggle="buttons">
                                                        <label class="btn btn-sm btn-isPublic  btn-default active" onclick="Unibase.Platform.Permissions.Components.EditRole.Instance().ispublicChange(false)">
                                                            <input name="options" id="option2" type="radio">
                                                            <i class="fa fa-check text-active"></i>No
                                                        </label>
                                                        <label class="btn btn-sm  btn-default btn-isPublictrue " onclick=" Unibase.Platform.Permissions.Components.EditRole.Instance().ispublicChange(true)">
                                                            <input name="options" id="option1" type="radio">
                                                            <i class="fa fa-check text-active"></i> Yes
                                                        </label>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6">
                                                    <label class="mt-15">Auto Assignment</label>
                                                    <input type="hidden" id="hfAutoAssignment" value="false" />
                                                    <div class="btn-group btn-group-justified mt-10" data-toggle="buttons">
                                                        <label class="btn btn-sm  btn-default btn-isAutoAssignment active" onclick=" Unibase.Platform.Permissions.Components.EditRole.Instance().isAutoAssignmentChange(false)">
                                                            <input name="options" id="option2" type="radio">
                                                            <i class="fa fa-check text-active"></i>No
                                                        </label>
                                                        <label class="btn btn-sm  btn-default btn-isAutoAssignmentTrue " onclick=" Unibase.Platform.Permissions.Components.EditRole.Instance().isAutoAssignmentChange(true)">
                                                            <input name="options" id="option1" type="radio">
                                                            <i class="fa fa-check text-active"></i>Yes
                                                        </label>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <div class=" floating-label-form-group floating-label-form-group-with-value" id="div_InternalRole">
                                                        <label for="lblInternalRole">Internal Role <span class="text-danger"> *</span></label>
                                                        <select id="select_InternalRole" class="form-control value-control required floating-label-control" placeholder="Select Internal Role" data-required="true"></select>

                                                    </div>
                                                    <br />
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                    <div class="bg-white footer b-t">
                                        <a href="javascript:;" id="btn_Close" class="btn btn-light btn-sm mr-auto btn-close">Close</a>
                                        <a href="javascript:;" id="btn_SaveRole" class="pull-right btn  btn-sm btn-primary">Save</a>
                                    </div>
                                </form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var roleid = id;
                        var instance = this;
                        instance.InstalledAppId = instance.appSettings.InstalledAppId;
                        $("#btn_rolesClose").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        $("#btn_SaveRole").click(function () {
                            let rolecontrolid = "form_Roles";
                            let result = Unibase.Platform.Forms.Components.FormViewer.Instance().requiredFieldValidation(rolecontrolid);
                            if (result == false) {
                                MessageHelper.Instance().showError("Mandatory fields are missing", "div_rolemessage");
                                return false;
                            }
                            else {
                                instance.SaveRole(containerid, roleid, instance.InstalledAppId);
                            }
                        });
                        $('#btnAddNewStage_' + containerid).click(function () {
                            Unibase.Platform.Apps.Components.Stages.Instance().AddStage(0);
                        });
                        $("#btn_Close").click(function () {
                            $('#' + containerid).modal('hide');
                            $('#' + containerid).remove();
                        });
                        instance.roledata(id);
                    }
                    roledata(roleid) {
                        var instance = this;
                        $("#divroleheight").height($(window).outerHeight() - 144);
                        Permissions.Managers.PermissionManager.Instance().getInternalRoles().then(function (response) {
                            for (var i = 0; i < response.result.length; i++) {
                                $('#select_InternalRole').append('<option value="' + response.result[i].Value + '">' + response.result[i].SelectText + '</option>');
                            }
                            if (roleid != 0) {
                                Unibase.Platform.Permissions.Managers.PermissionManager.Instance().getRole(roleid).then(function (response) {
                                    var role = response.result;
                                    var status1 = '';
                                    var status2 = '';
                                    if (role.IsPublic == true) {
                                        status1 = 'active';
                                        status2 = '';
                                    }
                                    else {
                                        status1 = '';
                                        status2 = 'active';
                                    }
                                    var assign1 = '';
                                    var assign2 = '';
                                    if (role.AutoAssignment == true) {
                                        assign1 = 'active';
                                        assign2 = '';
                                    }
                                    else {
                                        assign1 = '';
                                        assign2 = 'active';
                                    }
                                    $("#txtRoleName").val(role.RoleName);
                                    $("#txtDescription").val(role.Description);
                                    $("#hf_RoleId").val(role.RoleId);
                                    $(".btn-isPublic").removeClass('active').addClass(status2);
                                    $(".btn-isPublictrue").addClass(status1);
                                    $(".btn-isAutoAssignment").removeClass('active').addClass(assign2);
                                    $(".btn-isAutoAssignmentTrue").addClass(assign1);
                                    $("#editRole").removeClass('hidden');
                                    $("#newRole").addClass('hidden');
                                    $("#hfIsPublic").val(String(role.IsPublic));
                                    $("#hfAutoAssignment").val(String(role.AutoAssignment));
                                    $('#select_InternalRole').val(role.InternalRoleId);
                                });
                            }
                        });
                    }
                    editRole(roleid, installedappid) {
                        var appinstalledid = installedappid;
                        var instance = Unibase.Platform.Permissions.Components.EditRole.Instance();
                        instance.appSettings.InstalledAppId = Number(appinstalledid);
                        this.navigationHelper.popup(roleid, '', instance, null, Platform.Helpers.Size.DockLeft);
                    }
                    ispublicChange(status) {
                        $('#hfIsPublic').val(status);
                    }
                    isAutoAssignmentChange(status) {
                        $('#hfAutoAssignment').val(status);
                    }
                    SaveRole(containerid, roleid, InstalledAppId) {
                        if (roleid == 0) {
                            $('#hf_RoleId').val(0);
                        }
                        if ($('#hfIsPublic').val() == '') {
                            $('#hfIsPublic').val("false");
                        }
                        if ($('#hfAutoAssignment').val() == '') {
                            $('#hfAutoAssignment').val("false");
                        }
                        if (Number($('#select_InternalRole').val()) == 0) {
                            MessageHelper.Instance().showError("Please Select InternalRole", "divRoleError");
                            return false;
                        }
                        let reqObj = new Permissions.Requests.Role();
                        reqObj.RoleId = Number(roleid);
                        reqObj.RoleName = String($('#txtRoleName').val());
                        reqObj.Description = String($('#txtDescription').val());
                        reqObj.IsPublic = Boolean($('#hfIsPublic').val());
                        reqObj.AutoAssignment = Boolean($('#hfAutoAssignment').val());
                        reqObj.InternalRoleId = Number($('#select_InternalRole').val());
                        Permissions.Managers.PermissionManager.Instance().saveRole(reqObj).then(function (response) {
                            if (response.status == Unibase.Data.Status.Error) {
                                MessageHelper.Instance().showError(response.message, "divRoleError");
                            }
                            else {
                                MessageHelper.Instance().showSuccess(response.message, "divRoleError");
                                $('#' + containerid).modal('hide');
                                $('#' + containerid).remove();
                            }
                            Unibase.Platform.Permissions.Components.Permission.Instance().loadRoles(InstalledAppId, "");
                        });
                    }
                    static Instance() {
                        if (this.instance === undefined) {
                            this.instance = new EditRole();
                        }
                        return this.instance;
                    }
                }
                Components.EditRole = EditRole;
            })(Components = Permissions.Components || (Permissions.Components = {}));
        })(Permissions = Platform.Permissions || (Platform.Permissions = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));