| 1 |
- {"version":3,"file":"DataSourcesListPage.7315de5f2dd21cfa5fae.js","mappings":"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","sources":["webpack://grafana/./public/app/core/components/PageActionBar/PageActionBar.tsx","webpack://grafana/./public/app/features/datasources/DataSourcesList.tsx","webpack://grafana/./public/app/features/datasources/DataSourcesListPage.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\n\nimport { LinkButton, FilterInput } from '@grafana/ui';\n\nexport interface Props {\n searchQuery: string;\n setSearchQuery: (value: string) => void;\n linkButton?: { href: string; title: string; disabled?: boolean };\n target?: string;\n placeholder?: string;\n}\n\nexport default class PageActionBar extends PureComponent<Props> {\n render() {\n const { searchQuery, linkButton, setSearchQuery, target, placeholder = 'Search by name or type' } = this.props;\n const linkProps: typeof LinkButton.defaultProps = { href: linkButton?.href, disabled: linkButton?.disabled };\n\n if (target) {\n linkProps.target = target;\n }\n\n return (\n <div className=\"page-action-bar\">\n <div className=\"gf-form gf-form--grow\">\n <FilterInput value={searchQuery} onChange={setSearchQuery} placeholder={placeholder} />\n </div>\n {linkButton && <LinkButton {...linkProps}>{linkButton.title}</LinkButton>}\n </div>\n );\n }\n}\n","// Libraries\nimport { css } from '@emotion/css';\nimport React, { FC } from 'react';\n\n// Types\nimport { DataSourceSettings, LayoutMode } from '@grafana/data';\nimport { Card, Tag, useStyles } from '@grafana/ui';\n\nexport interface Props {\n dataSources: DataSourceSettings[];\n layoutMode: LayoutMode;\n}\n\nexport const DataSourcesList: FC<Props> = ({ dataSources, layoutMode }) => {\n const styles = useStyles(getStyles);\n\n return (\n <ul className={styles.list}>\n {dataSources.map((dataSource) => {\n return (\n <li key={dataSource.id}>\n <Card href={`datasources/edit/${dataSource.uid}`}>\n <Card.Heading>{dataSource.name}</Card.Heading>\n <Card.Figure>\n <img src={dataSource.typeLogoUrl} alt=\"\" height=\"40px\" width=\"40px\" className={styles.logo} />\n </Card.Figure>\n <Card.Meta>\n {[\n dataSource.typeName,\n dataSource.url,\n dataSource.isDefault && <Tag key=\"default-tag\" name={'default'} colorIndex={1} />,\n ]}\n </Card.Meta>\n </Card>\n </li>\n );\n })}\n </ul>\n );\n};\n\nexport default DataSourcesList;\n\nconst getStyles = () => {\n return {\n list: css({\n listStyle: 'none',\n display: 'grid',\n // gap: '8px', Add back when legacy support for old Card interface is dropped\n }),\n logo: css({\n objectFit: 'contain',\n }),\n };\n};\n","import React, { PureComponent } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\n\nimport { IconName } from '@grafana/ui';\nimport EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';\nimport Page from 'app/core/components/Page/Page';\nimport PageActionBar from 'app/core/components/PageActionBar/PageActionBar';\nimport { contextSrv } from 'app/core/core';\nimport { getNavModel } from 'app/core/selectors/navModel';\nimport { StoreState, AccessControlAction } from 'app/types';\n\nimport DataSourcesList from './DataSourcesList';\nimport { loadDataSources } from './state/actions';\nimport { setDataSourcesLayoutMode, setDataSourcesSearchQuery } from './state/reducers';\nimport {\n getDataSources,\n getDataSourcesCount,\n getDataSourcesLayoutMode,\n getDataSourcesSearchQuery,\n} from './state/selectors';\n\nfunction mapStateToProps(state: StoreState) {\n return {\n navModel: getNavModel(state.navIndex, 'datasources'),\n dataSources: getDataSources(state.dataSources),\n layoutMode: getDataSourcesLayoutMode(state.dataSources),\n dataSourcesCount: getDataSourcesCount(state.dataSources),\n searchQuery: getDataSourcesSearchQuery(state.dataSources),\n hasFetched: state.dataSources.hasFetched,\n };\n}\n\nconst mapDispatchToProps = {\n loadDataSources,\n setDataSourcesSearchQuery,\n setDataSourcesLayoutMode,\n};\n\nconst connector = connect(mapStateToProps, mapDispatchToProps);\n\nexport type Props = ConnectedProps<typeof connector>;\n\nconst emptyListModel = {\n title: 'No data sources defined',\n buttonIcon: 'database' as IconName,\n buttonLink: 'datasources/new',\n buttonTitle: 'Add data source',\n proTip: 'You can also define data sources through configuration files.',\n proTipLink: 'http://docs.grafana.org/administration/provisioning/#datasources?utm_source=grafana_ds_list',\n proTipLinkTitle: 'Learn more',\n proTipTarget: '_blank',\n};\n\nexport class DataSourcesListPage extends PureComponent<Props> {\n componentDidMount() {\n this.props.loadDataSources();\n }\n\n render() {\n const { dataSources, dataSourcesCount, navModel, layoutMode, searchQuery, setDataSourcesSearchQuery, hasFetched } =\n this.props;\n\n const canCreateDataSource = contextSrv.hasPermission(AccessControlAction.DataSourcesCreate);\n\n const linkButton = {\n href: 'datasources/new',\n title: 'Add data source',\n disabled: !canCreateDataSource,\n };\n\n const emptyList = {\n ...emptyListModel,\n buttonDisabled: !canCreateDataSource,\n };\n\n return (\n <Page navModel={navModel}>\n <Page.Contents isLoading={!hasFetched}>\n <>\n {hasFetched && dataSourcesCount === 0 && <EmptyListCTA {...emptyList} />}\n {hasFetched &&\n dataSourcesCount > 0 && [\n <PageActionBar\n searchQuery={searchQuery}\n setSearchQuery={(query) => setDataSourcesSearchQuery(query)}\n linkButton={linkButton}\n key=\"action-bar\"\n />,\n <DataSourcesList dataSources={dataSources} layoutMode={layoutMode} key=\"list\" />,\n ]}\n </>\n </Page.Contents>\n </Page>\n );\n }\n}\n\nexport default connector(DataSourcesListPage);\n"],"names":["PageActionBar","PureComponent","render","searchQuery","linkButton","setSearchQuery","target","placeholder","this","props","linkProps","href","disabled","className","FilterInput","value","onChange","LinkButton","title","dataSources","layoutMode","styles","useStyles","getStyles","list","map","dataSource","Card","uid","name","src","typeLogoUrl","alt","height","width","logo","typeName","url","isDefault","Tag","colorIndex","id","css","listStyle","display","objectFit","mapDispatchToProps","loadDataSources","setDataSourcesSearchQuery","setDataSourcesLayoutMode","connector","connect","state","navModel","getNavModel","navIndex","getDataSources","getDataSourcesLayoutMode","dataSourcesCount","getDataSourcesCount","getDataSourcesSearchQuery","hasFetched","emptyListModel","buttonIcon","buttonLink","buttonTitle","proTip","proTipLink","proTipLinkTitle","proTipTarget","DataSourcesListPage","componentDidMount","canCreateDataSource","contextSrv","AccessControlAction","emptyList","buttonDisabled","Page","isLoading","EmptyListCTA","query"],"sourceRoot":""}
|
