文件操作 - QueryEditorRowTitle.tsx

文件: /usr/share/grafana/public/app/features/dashboard/panel_editor/QueryEditorRowTitle.tsx

编辑文件内容

import React from 'react';
import { css } from 'emotion';
import { DataQuery, DataSourceApi, GrafanaTheme } from '@grafana/data';
import { HorizontalGroup, stylesFactory, useTheme } from '@grafana/ui';
import { selectors } from '@grafana/e2e-selectors';

interface QueryEditorRowTitleProps {
  query: DataQuery;
  datasource: DataSourceApi;
  inMixedMode: boolean;
  disabled: boolean;
  onClick: (e: React.MouseEvent) => void;
  collapsedText: string;
}

export const QueryEditorRowTitle: React.FC<QueryEditorRowTitleProps> = ({
  datasource,
  inMixedMode,
  disabled,
  query,
  onClick,
  collapsedText,
}) => {
  const theme = useTheme();
  const styles = getQueryEditorRowTitleStyles(theme);
  return (
    <HorizontalGroup align="center">
      <div className={styles.refId} aria-label={selectors.components.QueryEditorRow.title(query.refId)}>
        <span>{query.refId}</span>
        {inMixedMode && <em className={styles.contextInfo}> ({datasource.name})</em>}
        {disabled && <em className={styles.contextInfo}> Disabled</em>}
      </div>
      {collapsedText && (
        <div className={styles.collapsedText} onClick={onClick}>
          {collapsedText}
        </div>
      )}
    </HorizontalGroup>
  );
};

文件操作 - QueryEditorRowTitle.tsx

文件: /usr/share/grafana/public/app/features/dashboard/panel_editor/QueryEditorRowTitle.tsx

编辑文件内容

修改文件时间

删除文件