var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Dashboards;
        (function (Dashboards) {
            let Components;
            (function (Components) {
                class EditGroupPermissions extends Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.dashboardManager = Dashboards.Managers.DashboardManager.Instance();
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return [""];
                    }
                    html(id, containerid) {
                        let html = `<form id="frm_Bizgaze_EditDashboard" method="post" data-validate="parsley" class="w-f bg-white"><div class="header b-b bg-white"><strong>Group Permissions</strong><a class="btn btn-sm btn-icon ml-auto"><i class="ti-help-alt"></i></a></div><div class="scrollable"><input type="hidden" id="hf_DashboardGroupId" value="0" /><div id="div_DashboardGroupPermissions"><div class="card"><div class="card-body"><div class="row"><div class="col-sm-12"><strong>Everyone can view?</strong><a href="javascript:;"><label class="switch pull-right"><input id="chkIsGroupViewable" onchange="Unibase.Platform.Dashboards.Components.DashboardGroupPermissions.Instance().chkIsGroupViewable();" type="checkbox" data-group="Viewable"><span class="slider round"></span></label></a></div></div><div class="row mb-4" id="divGroupViewRoles"><div class="col-sm-12 m-b"><label>Roles that <strong>can</strong> view</label><input type="hidden" id="hfGroupViewRoles" /><select type="text" id="txtGroupViewRoles" style="width:100%" value="" multiple="multiple"></select></div></div><div class="row" id="divGroupExcludeViewRoles"><div class="col-sm-12 m-b"><label>Roles that <strong>can't</strong> view</label><input type="hidden" id="hfGroupExcludeViewRoles" /><select type="text" id="txtGroupExcludeViewRoles" style="width:100%" value="" multiple="multiple"></select></div></div></div></div></div></div></form><div class="footer bg-white b-t"><a href="javascript:;" id="btn_Close" class="btn btn-light btn-sm mr-auto">Close</a></div>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#btn_Close").click(function () {
                            instance.navigationHelper.closePopUp();
                        });
                    }
                    static Instance() {
                        return new EditGroupPermissions();
                    }
                }
                Components.EditGroupPermissions = EditGroupPermissions;
            })(Components = Dashboards.Components || (Dashboards.Components = {}));
        })(Dashboards = Platform.Dashboards || (Platform.Dashboards = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));