77 lines
3.0 KiB
TypeScript
77 lines
3.0 KiB
TypeScript
import { css } from '@emotion/css';
|
|
|
|
import { GrafanaTheme2 } from '@grafana/data';
|
|
import { SceneComponentProps, sceneGraph } from '@grafana/scenes';
|
|
import { useStyles2 } from '@grafana/ui';
|
|
import { contextSrv } from 'app/core/core';
|
|
import { useDeletePublicDashboardMutation } from 'app/features/dashboard/api/publicDashboardApi';
|
|
import { ConfigPublicDashboardBase } from 'app/features/dashboard/components/ShareModal/SharePublicDashboard/ConfigPublicDashboard/ConfigPublicDashboard';
|
|
import { PublicDashboard } from 'app/features/dashboard/components/ShareModal/SharePublicDashboard/SharePublicDashboardUtils';
|
|
import { AccessControlAction } from 'app/types';
|
|
|
|
import { shareDashboardType } from '../../../dashboard/components/ShareModal/utils';
|
|
import { getDashboardSceneFor } from '../../utils/utils';
|
|
import { ShareModal } from '../ShareModal';
|
|
|
|
import { ConfirmModal } from './ConfirmModal';
|
|
import { SharePublicDashboardTab } from './SharePublicDashboardTab';
|
|
import { useUnsupportedDatasources } from './hooks';
|
|
|
|
interface Props extends SceneComponentProps<SharePublicDashboardTab> {
|
|
publicDashboard?: PublicDashboard;
|
|
isGetLoading?: boolean;
|
|
}
|
|
|
|
export function ConfigPublicDashboard({ model, publicDashboard, isGetLoading }: Props) {
|
|
const styles = useStyles2(getStyles);
|
|
|
|
const hasWritePermissions = contextSrv.hasPermission(AccessControlAction.DashboardsPublicWrite);
|
|
|
|
const dashboard = getDashboardSceneFor(model);
|
|
const { isDirty } = dashboard.useState();
|
|
const [deletePublicDashboard] = useDeletePublicDashboardMutation();
|
|
const hasTemplateVariables = (dashboard.state.$variables?.state.variables.length ?? 0) > 0;
|
|
const unsupportedDataSources = useUnsupportedDatasources(dashboard);
|
|
const timeRangeState = sceneGraph.getTimeRange(model);
|
|
const timeRange = timeRangeState.useState();
|
|
|
|
return (
|
|
<ConfigPublicDashboardBase
|
|
dashboard={dashboard}
|
|
publicDashboard={publicDashboard}
|
|
unsupportedDatasources={unsupportedDataSources}
|
|
onRevoke={() => {
|
|
dashboard.showModal(
|
|
new ConfirmModal({
|
|
isOpen: true,
|
|
title: 'Revoke public URL',
|
|
icon: 'trash-alt',
|
|
confirmText: 'Revoke public URL',
|
|
body: (
|
|
<p className={styles.description}>
|
|
Are you sure you want to revoke this URL? The dashboard will no longer be public.
|
|
</p>
|
|
),
|
|
onDismiss: () => {
|
|
dashboard.showModal(new ShareModal({ activeTab: shareDashboardType.publicDashboard }));
|
|
},
|
|
onConfirm: () => {
|
|
deletePublicDashboard({ dashboard, dashboardUid: dashboard.state.uid!, uid: publicDashboard!.uid });
|
|
dashboard.closeModal();
|
|
},
|
|
})
|
|
);
|
|
}}
|
|
timeRange={timeRange.value}
|
|
showSaveChangesAlert={hasWritePermissions && isDirty}
|
|
hasTemplateVariables={hasTemplateVariables}
|
|
/>
|
|
);
|
|
}
|
|
|
|
const getStyles = (theme: GrafanaTheme2) => ({
|
|
description: css({
|
|
fontSize: theme.typography.body.fontSize,
|
|
}),
|
|
});
|