138 lines
4.0 KiB
TypeScript
138 lines
4.0 KiB
TypeScript
import { css } from '@emotion/css';
|
|
|
|
import { GrafanaTheme2, PluginType } from '@grafana/data';
|
|
import { config, featureEnabled } from '@grafana/runtime';
|
|
import { HorizontalGroup, LinkButton, useStyles2, Alert } from '@grafana/ui';
|
|
import { contextSrv } from 'app/core/core';
|
|
import { AccessControlAction } from 'app/types';
|
|
|
|
import { getExternalManageLink } from '../../helpers';
|
|
import { useIsRemotePluginsAvailable } from '../../state/hooks';
|
|
import { CatalogPlugin, PluginStatus, Version } from '../../types';
|
|
|
|
interface Props {
|
|
plugin: CatalogPlugin;
|
|
pluginStatus: PluginStatus;
|
|
latestCompatibleVersion?: Version;
|
|
}
|
|
|
|
export const InstallControlsWarning = ({ plugin, pluginStatus, latestCompatibleVersion }: Props) => {
|
|
const styles = useStyles2(getStyles);
|
|
const isExternallyManaged = config.pluginAdminExternalManageEnabled;
|
|
const hasPermission = contextSrv.hasPermission(AccessControlAction.PluginsInstall);
|
|
const isRemotePluginsAvailable = useIsRemotePluginsAvailable();
|
|
const isCompatible = Boolean(latestCompatibleVersion);
|
|
|
|
if (plugin.type === PluginType.renderer) {
|
|
return (
|
|
<Alert
|
|
severity="warning"
|
|
title="Renderer plugins cannot be managed by the Plugin Catalog."
|
|
className={styles.alert}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (plugin.type === PluginType.secretsmanager) {
|
|
return (
|
|
<Alert
|
|
severity="warning"
|
|
title="Secrets manager plugins cannot be managed by the Plugin Catalog."
|
|
className={styles.alert}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (plugin.isEnterprise && !featureEnabled('enterprise.plugins')) {
|
|
return (
|
|
<Alert severity="warning" title="" className={styles.alert}>
|
|
<HorizontalGroup height="auto" align="center">
|
|
<span>No valid Grafana Enterprise license detected.</span>
|
|
<LinkButton
|
|
href={`${getExternalManageLink(plugin.id)}?utm_source=grafana_catalog_learn_more`}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
size="sm"
|
|
fill="text"
|
|
icon="external-link-alt"
|
|
>
|
|
Learn more
|
|
</LinkButton>
|
|
</HorizontalGroup>
|
|
</Alert>
|
|
);
|
|
}
|
|
|
|
if (plugin.isDev) {
|
|
return (
|
|
<Alert
|
|
severity="warning"
|
|
title="This is a development build of the plugin and can't be uninstalled."
|
|
className={styles.alert}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (!hasPermission && !isExternallyManaged) {
|
|
return <Alert severity="warning" title={statusToMessage(pluginStatus)} className={styles.alert} />;
|
|
}
|
|
|
|
if (!plugin.isPublished) {
|
|
return (
|
|
<Alert severity="warning" title="" className={styles.alert}>
|
|
<div>
|
|
This plugin is not published to{' '}
|
|
<a href="https://www.grafana.com/plugins" target="__blank" rel="noreferrer">
|
|
grafana.com/plugins
|
|
</a>{' '}
|
|
and can't be managed via the catalog.
|
|
</div>
|
|
</Alert>
|
|
);
|
|
}
|
|
|
|
if (!isCompatible) {
|
|
return (
|
|
<Alert
|
|
severity="warning"
|
|
title="This plugin doesn't support your version of Grafana."
|
|
className={styles.alert}
|
|
/>
|
|
);
|
|
}
|
|
|
|
if (!isRemotePluginsAvailable) {
|
|
return (
|
|
<Alert
|
|
severity="warning"
|
|
title="The install controls have been disabled because the Grafana server cannot access grafana.com."
|
|
className={styles.alert}
|
|
/>
|
|
);
|
|
}
|
|
|
|
return null;
|
|
};
|
|
|
|
export const getStyles = (theme: GrafanaTheme2) => {
|
|
return {
|
|
alert: css({
|
|
marginTop: `${theme.spacing(2)}`,
|
|
}),
|
|
};
|
|
};
|
|
|
|
function statusToMessage(status: PluginStatus): string {
|
|
switch (status) {
|
|
case PluginStatus.INSTALL:
|
|
case PluginStatus.REINSTALL:
|
|
return `You do not have permission to install this plugin.`;
|
|
case PluginStatus.UNINSTALL:
|
|
return `You do not have permission to uninstall this plugin.`;
|
|
case PluginStatus.UPDATE:
|
|
return `You do not have permission to update this plugin.`;
|
|
default:
|
|
return `You do not have permission to manage this plugin.`;
|
|
}
|
|
}
|