Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Execute script modal: fix type errors

Browse Source
This commit is contained in:
Alexander Zobnin
2020-06-02 12:31:04 +03:00
parent 1cdd8a97e4
commit c4f8fb1501
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/panel-triggers/components/ExecScriptModal.tsx
View File

@@ -1,14 +1,10 @@
import React, { PureComponent } from 'react'; import React, { PureComponent } from 'react';
import { cx, css } from 'emotion'; import { cx, css } from 'emotion';
import { ZBX_ACK_ACTION_ADD_MESSAGE, ZBX_ACK_ACTION_ACK, ZBX_ACK_ACTION_CHANGE_SEVERITY, ZBX_ACK_ACTION_CLOSE } from '../../datasource-zabbix/constants';
import { ZBXScript, APIExecuteScriptResponse } from '../../datasource-zabbix/zabbix/connectors/zabbix_api/types';
import { Button, Spinner, Modal, Select, stylesFactory, withTheme, Themeable } from '@grafana/ui';
import { GrafanaTheme, SelectableValue } from '@grafana/data'; import { GrafanaTheme, SelectableValue } from '@grafana/data';
import { Button, Spinner, Modal, Select, stylesFactory, withTheme, Themeable } from '@grafana/ui';
import { ZBXScript, APIExecuteScriptResponse } from '../../datasource-zabbix/zabbix/connectors/zabbix_api/types';
import { FAIcon } from '../../components'; import { FAIcon } from '../../components';
const KEYBOARD_ENTER_KEY = 13;
const KEYBOARD_ESCAPE_KEY = 27;
interface Props extends Themeable { interface Props extends Themeable {
getScripts(): Promise<ZBXScript[]>; getScripts(): Promise<ZBXScript[]>;
onSubmit(data?: ExecScriptData): Promise<any> | any; onSubmit(data?: ExecScriptData): Promise<any> | any;
@@ -172,7 +168,7 @@ export class ExecScriptModalUnthemed extends PureComponent<Props, State> {
} }
const getStyles = stylesFactory((theme: GrafanaTheme) => { const getStyles = stylesFactory((theme: GrafanaTheme) => {
const red = theme.colors.red || (theme as any).palette.red; const red = theme.palette.red;
return { return {
modal: css` modal: css`
width: 600px; width: 600px;
@@ -187,7 +183,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
border-color: ${red}; border-color: ${red};
border-radius: 2px; border-radius: 2px;
outline-offset: 2px; outline-offset: 2px;
box-shadow: 0 0 0 2px ${theme.colors.pageBg || (theme as any).colors.bg1}, 0 0 0px 4px ${red}; box-shadow: 0 0 0 2px ${theme.colors.bg1}, 0 0 0px 4px ${red};
`, `,
scriptCommandContainer: css` scriptCommandContainer: css`
margin-bottom: ${theme.spacing.md}; margin-bottom: ${theme.spacing.md};