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

var Unibase;
(function (Unibase) {
    let Platform;
    (function (Platform) {
        let Dashboards;
        (function (Dashboards) {
            let Components;
            (function (Components) {
                class EditDashboard 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/dashboardpermissions.js"];
                    }
                    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 p-2" id="div_EditDashboardHeader"><strong id="form_header_name">Edit Dashboard</strong><a class="btn btn-sm btn-icon ml-auto"><i class="ti-help-alt"></i></a></div><div class="scrollable"><div id="Unibase_EditDashboardErrMsgs" class="clear"></div><div id="EditDashboard" class="card"><div class="card-header">Details</div><div class="card-body"><div class="row"><div class="col-lg-12"><div class="floating-label-form-group floating-label-form-group-with-value" id="div_DashboardName"><label for="txt_NewDashboardName" id="lbl_Dashboardname">Dashboard Name<span class="text-danger"> *</span></label><div class=""><input type="text" id="Txt_EditDashboardName" class="form-control value-control floating-label-control" data-isdynamic="false" placeholder="Dashboard Name *" data-placeholder="Enter Dashboard Name" data-label="Dashboard Name *"/></div> <input type="hidden" id="EditDashboardId" /><input type="hidden" id="hf_dashboardviewallstages" value="true" /></div></div></div><div class="row my-4"><div class="col-lg-6"><div class="floating-label-form-group floating-label-form-group-with-value" id="div_DashboardGroup"><label for="ddl_Title" id="lbl_Title">Dashboard Group</label><select id="ddl_EditDashboardGroups" class="form-control" style="font-size:14px"></select><label for="Validation" id="lblValidation_DashboardGroup"></label></div></div><div class="col-lg-6"><div class="floating-label-form-group floating-label-form-group-with-value" id="div_dashboardindex"><label for="lbl_EditDashboardIndex" id="lbl_dashboardindex">Index Number</label><div class="input-group"><input type="number" id="Txt_EditDashboardIndex" onkeypress="return event.charCode != 45 && event.charCode!=101" min="0" 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 class="row"><div class="col-lg-6 d-flex justify-content-between align-items-center"><span>Pin Common Filters</span><label class="switch mb-0" for="pinCmnFiltersChk"><input type="checkbox" class="pin-cmn-filters-chk" id="pinCmnFiltersChk"><span></span></label></div></div>
                        </div></div><div class="card" id="card_dashboardPermissions"><div class="card-header"><span>Permissions</span></div><div class="card-body"><div class="row"><div class="col-sm-12"></div></div><div id="divBizgaze_DashboardPermissions_MessagesPlaceholder" class="clear m-b-sm"></div><div class="row"><div class="col-sm-12"><strong>Is Trackable ?</strong><a href="javascript:;"><label class="switch pull-right"><input id="Ch_IsTrackable" type="checkbox" onchange="Unibase.Platform.Dashboards.Components.ManageDashboard.Instance().tracking()" data-group="Viewable"><span class="slider round"></span></label></a></div></div><div class="row"><div class="col-sm-12"><strong>Everyone can view?</strong><a href="javascript:;"><label class="switch pull-right"><input id="chkIsDashboardViewable" type="checkbox" data-group="Viewable"><span class="slider round"></span></label></a></div></div><div class="row mb-4" id="divDashboardViewRoles"><div class="col-sm-12 m-b"><label>Roles that <strong>can</strong> view</label><input type="hidden" id="hfDashboardViewRoles"/><select type="text" id="txtDashboardViewRoles" style="width:100%" value="" multiple="multiple"></select></div></div><div class="row" id="divDashboardExcludeViewRoles"><div class="col-sm-12 m-b"><label>Roles that <strong>can't</strong> view</label><input type="hidden" id="hfDashboardExcludeViewRoles" /><select type="text" id="txtDashboardExcludeViewRoles" style="width:100%" value="" multiple="multiple"></select></div></div><div class="row" id="divWPStages"></div></div></div></div><div class="modal-footer bg-white b-t"><a href="javascript:;" id="btn_CloseAddDashboards" class="pull-left btn btn-light btn-sm mr-auto">Close</a><a href="javascript:;" id="btn_UpdateDashboards" class="btn btn-sm btn-primary" onclick="javascript:Unibase.Platform.Dashboards.Components.EditDashboard.Instance().updateDashboard()">Save</a></div></form>`;
                        return html;
                    }
                    load(id, containerid, callback) {
                        var instance = this;
                        $("#btn_CloseAddDashboards").click(function () {
                            instance.navigationHelper.closePopUp();
                        });
                    }
                    updateDashboard() {
                        var instance = this;
                        var viewallstages = true;
                        if ($("#hf_dashboardviewallstages").val() == 'false') {
                            viewallstages = false;
                        }
                        $("#Bizgaze_DashboardSettingsErrMsg").empty();
                        if ($("#Txt_EditDashboardName").val() == '') {
                            MessageHelper.Instance().showError("Dashboard Name is required", 'Unibase_EditDashboardErrMsgs');
                            return false;
                        }
                        let reqObj = new Unibase.Platform.Dashboards.Requests.Dashboard();
                        reqObj.DashboardName = String($("#Txt_EditDashboardName").val());
                        reqObj.DashboardIndex = Number($("#Txt_EditDashboardIndex").val());
                        reqObj.DashboardId = Number($("#EditDashboardId").val());
                        reqObj.DashboardGroupId = Number($("#ddl_EditDashboardGroups option:selected").val());
                        reqObj.ViewAllStages = viewallstages;
                        reqObj.PinCommonFilters = $("#pinCmnFiltersChk").is(':checked');
                        instance.dashboardManager.saveDashboard(reqObj).then(function (response) {
                            if (response.errors == null) {
                                instance.navigationHelper.closePopUp();
                                Unibase.Platform.Dashboards.Components.ManageDashboard.Instance().loadDashboardGroups();
                                MessageHelper.Instance().showSuccess('Dashboard Saved Successfully', '');
                            }
                            else {
                                MessageHelper.Instance().showError(response.errors[0], 'Unibase_EditDashboardErrMsgs');
                            }
                        });
                    }
                    static Instance() {
                        return new EditDashboard();
                    }
                }
                Components.EditDashboard = EditDashboard;
            })(Components = Dashboards.Components || (Dashboards.Components = {}));
        })(Dashboards = Platform.Dashboards || (Platform.Dashboards = {}));
    })(Platform = Unibase.Platform || (Unibase.Platform = {}));
})(Unibase || (Unibase = {}));