WebBuild/wwwroot/platform/dashboards/components/editgroup.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Dashboards;
        (function (Dashboards) {
            let Components;
            (function (Components) {
                class EditDashboardGroup extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.dashboardManager = Dashboards.Managers.DashboardManager.Instance();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return ["platform/dashboards/managers/dashboardmanager.js", "platform/dashboards/requests/dashboards.js", "platform/dashboards/components/dashboardgrouppermissions.js"];
                    }
                    html(id, containerid) {
                        let html = `<form id="frm_Bizgaze_UpdateGroupDetails" method="post" data-validate="parsley" class="w-f bg-white"><input type="hidden" id="Menu_GroupId" value=""/><input type="hidden" id="updatableGrpname"/><div class="header b-b bg-white p-3" id="div_EditGroupHeader"><strong>Edit Group</strong></div><div class="scrollable"><div id="Bizgaze_ErrorMessagesEditGroup" class="clear"></div><div class="card"><div class="card-body"><div class="row"><div class="col-sm-6"><div class="floating-label-form-group floating-label-form-group-with-value" id="div_GroupName"><label for="Txt_RenameGroup" id="lbl_RenameGroup">Group Name<span class="text-danger">*</span></label><input type="text" id="Txt_RenameGroup" class="form-control value-control floating-label-control" data-isdynamic="false" placeholder="Group Name *" data-placeholder="Enter Group Name" data-label="Group Name *" value=""/></div></div><div class="col-sm-6"><div class="floating-label-form-group floating-label-form-group-with-value" id="div_Index"><label for="txt_DisplayIndex" id="lbl_DisplayIndex">Display Index</label><div class=""><input type="number" min="0" onkeypress="return event.charCode != 45 && event.charCode!=101" id="Txt_DsplyIndex" class="form-control value-control floating-label-control" placeholder="Display Index" data-placeholder="Enter Display Index" data-label="Display Index" value="" /></div></div></div></div><br/><div class="panel panel-danger mt-3"><div class="panel-body text-center">You can delete this Group if you do not want this Group to exists for any users across all the portals<div class="clear text-center mt-2"><input onclick="Unibase.Platform.Dashboards.Components.EditDashboardGroup.Instance().deleteGroup();" type="button" id="DeleteGrp" value="Delete Group" class="btn btn-danger m-t-lg" /></div></div></div></div></div><div class="mt-30 hidden" id="GrpItemDiv"><div class="card"><div class="card-body"><p style="color:red"><em>* Before deleting the Group, Dashboards needs to be Un-grouped.</em></p></div><ul class="list-group list-group-flush" id="UlMoveGroup"></ul><div class="card-footer"><input type="button" style="width:auto" id="" value="Un-group all Dashboards & Delete" onclick="Unibase.Platform.Dashboards.Components.EditDashboardGroup.Instance().UnGroupAllandDelete()" class="btn btn-warning btn-sm" /><br/></div></div></div></div><div class="footer bg-white"><a href="javascript:;" id="btn_CloseDashboardGroup" class="btn btn-sm btn-light mr-auto">Close</a><a href="javascript:;" onclick="Unibase.Platform.Dashboards.Components.EditDashboardGroup.Instance().renameGroup();" id="RenameGrp" class="btn btn-sm btn-primary">Save</a></div></form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#div_EditGroupHeader").removeClass("pa-5");
                        $("#btn_CloseDashboardGroup").click(function () {
                            instance.navigationHelper.closePopUp();
                        });
                        instance.dashboardManager.getDashboardGroup(id).then(function (response) {
                            var group = response.result;
                            $("#Menu_GroupId").val(group.DashboardGroupId);
                            $("#Txt_RenameGroup").val(group.DashboardGroupName);
                            $("#Txt_DsplyIndex").val(group.DisplayIndex);
                        });
                    }
                    renameGroup() {
                        var instance = this;
                        if ($("#Txt_RenameGroup").val() == '') {
                            MessageHelper.Instance().showError('Group Name is required', 'Bizgaze_ErrorMessagesEditGroup');
                            return false;
                        }
                        var objreq = new Unibase.Platform.Dashboards.Requests.DashboardGroup();
                        objreq.DashboardGroupId = Number($('#Menu_GroupId').val());
                        objreq.DisplayIndex = Number($('#Txt_DsplyIndex').val());
                        objreq.DashboardGroupName = String($('#Txt_RenameGroup').val());
                        instance.dashboardManager.renameGroup(objreq).then(function (response) {
                            if (response.errors == null) {
                                instance.navigationHelper.closePopUp();
                                Unibase.Platform.Dashboards.Components.ManageDashboard.Instance().loadDashboardGroups();
                                MessageHelper.Instance().showSuccess('Group Saved Successfully', '');
                            }
                            else
                                MessageHelper.Instance().showError(response.errors[0], 'Bizgaze_ErrorMessagesEditGroup');
                        });
                    }
                    deleteGroup() {
                        var instance = this;
                        var DashboardGroupId = Number($('#Menu_GroupId').val());
                        instance.dashboardManager.getDashboardsByGroup(DashboardGroupId).then(function (response) {
                            var Listhtml = "";
                            for (var i = 0; i < response.result.length; i++) {
                                Listhtml += '<li id="' + response.result[i].DashboardId + '" class="list-group-item">' + response.result[i].DashboardName + '</li>';
                            }
                            if (Listhtml != "") {
                                $('#UlMoveGroup').html(Listhtml);
                                $('#GrpItemDiv').removeClass('hidden');
                            }
                            var itmLength = $('#UlMoveGroup li').length;
                            if (itmLength == 0) {
                                instance.dashboardManager.deleteDashboardGroup(DashboardGroupId).then(function (response) {
                                    if (response.errors == null) {
                                        instance.navigationHelper.closePopUp();
                                        MessageHelper.Instance().showSuccess('Group Deleted Successfully', '');
                                        Unibase.Platform.Dashboards.Components.ManageDashboard.Instance().loadDashboardGroups();
                                    }
                                    else {
                                        MessageHelper.Instance().showError(response.errors[0], 'Bizgaze_ErrorMessagesEditGroup');
                                    }
                                });
                            }
                        });
                    }
                    UnGroupAllandDelete() {
                        var instance = this;
                        var ItemsArray = [];
                        var ToDeleteGroupId = $('#Menu_GroupId').val();
                        $('#UlMoveGroup li').each(function () {
                            var id = $(this).attr('id');
                            ItemsArray.push(id);
                        });
                        instance.dashboardManager.unGroupAllandDelete(ItemsArray, ToDeleteGroupId).then(function (response) {
                            if (response.errors == null) {
                                instance.navigationHelper.closePopUp();
                                MessageHelper.Instance().showSuccess('Group Deleted Successfully', '');
                                Unibase.Platform.Dashboards.Components.ManageDashboard.Instance().loadDashboardGroups();
                            }
                            else
                                MessageHelper.Instance().showError(response.errors[0], 'Bizgaze_ErrorMessagesEditGroup');
                        });
                    }
                    static Instance() {
                        return new EditDashboardGroup();
                    }
                }
                Components.EditDashboardGroup = EditDashboardGroup;
            })(Components = Dashboards.Components || (Dashboards.Components = {}));
        })(Dashboards = Platform.Dashboards || (Platform.Dashboards = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));