WebBuild/wwwroot/platform/appgroups/components/createappgroup.js

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let AppGroups;
        (function (AppGroups) {
            let Components;
            (function (Components) {
                class CreateAppGroup extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this._appGroupManager = AppGroups.Managers.AppGroupManager.Instance();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return ["platform/appgroups/requests/appgroup.js"];
                    }
                    html(id, containerid) {
                        let html = `<form id="frm_BizgazeCreateAppGroup" method="post" data-validate="parsley" class="w-f bg-white"><div class="header b-b p-3"><h5>Create App Group</h5></div>
                                    <div data-simplebar class="simple-scroll-bar scrollable"><div id="Bizgaze_CreateAppGroupErrorMsgs" class="clear"></div><div class="card"><div class="card-header">Details</div><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_AppGroupName"><label for="txt_AppGroupName" id="lbl_AppGroupName">App Group Name<span class="text-danger"> *</span></label><div class=""><input type="text" id="txt_AppGroupName" class="form-control value-control floating-label-control" data-isdynamic="false" placeholder="Group Name *" data-placeholder="Enter Group Name" data-label="Group Name *" /></div></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<span class="text-danger"> </span></label><div class=""><input type="number" min="0" onkeypress="return event.charCode != 45 && event.charCode!=101" id="txt_DisplayIndex" class="form-control value-control floating-label-control" data-isdynamic="false" placeholder="Display Index" data-placeholder="Enter Display Index" data-label="Display Index" /></div></div></div></div></div><br /><br /></div>
                                    <div class="card" id="div_ChooseApps"><div class="card-header">Choose Apps</div><div class="card-body"><div class="row"><div class="col-sm-12" style="overflow:auto"><ul class="list-group" style="" id="UnGroupedAppItems"></ul></div></div></div></div></div>
                                    <div class="footer bg-white"><a href="javascript:;" id="btn_CloseAppGroup" class="pull-left btn btn-light btn-sm  mr-auto">Close</a><a href="javascript:;" id="btn_SaveAppGroup" class="pull-right btn btn-primary btn-sm">Save</a></div></form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        var TotalGroups = $('li.RootGroup').length;
                        $("#txt_DisplayIndex").val(TotalGroups + 1);
                        $("#btn_SaveAppGroup").click(function () {
                            instance.saveAppGroup();
                        });
                        $("#btn_CloseAppGroup").click(function () {
                            instance.navigationHelper.closePopUp();
                        });
                        instance.loadUngroupedApps();
                    }
                    saveAppGroup() {
                        var instance = this;
                        var selectedapps = [];
                        $("#UnGroupedAppItems li").each(function () {
                            var cb = $(this).find(':checkbox');
                            if (cb.prop("checked")) {
                                var AppId = cb.parent('li').attr('id');
                                selectedapps.push(Number(AppId));
                            }
                        });
                        let reqObj = new Unibase.Platform.AppGroups.Requests.AppGroup();
                        reqObj.AppGroupName = String($("#txt_AppGroupName").val());
                        reqObj.DisplayIndex = Number($("#txt_DisplayIndex").val());
                        reqObj.InstalledApps = selectedapps;
                        reqObj.InstalledAppId = 0;
                        instance._appGroupManager.saveAppGroup(reqObj).then(function (response) {
                            if (response.errors == null) {
                                instance.navigationHelper.closePopUp();
                                MessageHelper.Instance().showSuccess('App Group Saved Successfully', '');
                                Unibase.Platform.AppGroups.Components.ManageAppGroup.Instance().loadAppGroups();
                            }
                            else
                                MessageHelper.Instance().showError(response.errors[0], "Bizgaze_CreateAppGroupErrorMsgs");
                        });
                    }
                    loadUngroupedApps() {
                        var instance = this;
                        instance._appGroupManager.getUngroupedApps().then(function (response) {
                            var ungroupeddashboards = response.result;
                            let html = "";
                            if (ungroupeddashboards.length > 0) {
                                $('#div_ChooseApps').removeClass("hidden");
                                for (var i = 0; i < ungroupeddashboards.length; i++) {
                                    html += '<li id="' + ungroupeddashboards[i].InstalledAppId + '" style="margin-top:3px;font-size:15px" class="list-group-item"><input type="checkbox" style="height:17px;width:17px"><span style="margin-left:5px">' + ungroupeddashboards[i].AppTitle + '</span></li>';
                                }
                                $('#UnGroupedAppItems').html(html);
                            }
                            else {
                                $('#div_ChooseApps').addClass("hidden");
                            }
                        });
                    }
                    static Instance() {
                        return new CreateAppGroup();
                    }
                }
                Components.CreateAppGroup = CreateAppGroup;
            })(Components = AppGroups.Components || (AppGroups.Components = {}));
        })(AppGroups = Platform.AppGroups || (Platform.AppGroups = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));