External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-27 22:05:07 -02:30
Code Issues Packages Projects Releases Wiki Activity

Excise disable-lint rules.

Browse Source
This commit is contained in:
Kia Lam
2022-02-17 13:58:16 -08:00
parent 0d1898e72d
commit ef5cd66494
3 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
awx/ui/src/screens/TopologyView/Legend.js
View File

@@ -1,5 +1,5 @@
/* eslint-disable i18next/no-literal-string */
import React from 'react'; import React from 'react';
import { t } from '@lingui/macro';
import styled from 'styled-components'; import styled from 'styled-components';
import { import {
Button as PFButton, Button as PFButton,
@@ -62,49 +62,49 @@ function Legend() {
component={TextVariants.small} component={TextVariants.small}
style={{ fontWeight: 'bold', color: 'black' }} style={{ fontWeight: 'bold', color: 'black' }}
> >
Legend {t`Legend`}
</Text> </Text>
<Divider component="div" /> <Divider component="div" />
<Text component={TextVariants.small}>Node types</Text> <Text component={TextVariants.small}>{t`Node types`}</Text>
</TextContent> </TextContent>
<DescriptionList isHorizontal isFluid> <DescriptionList isHorizontal isFluid>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="primary" isSmall> <Button variant="primary" isSmall>
C {t`C`}
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Control node</DescriptionListDescription> <DescriptionListDescription>{t`Control node`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="primary" isSmall> <Button variant="primary" isSmall>
Ex {t`Ex`}
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription> <DescriptionListDescription>
Execution node {t`Execution node`}
</DescriptionListDescription> </DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="primary" isSmall> <Button variant="primary" isSmall>
Hy {t`Hy`}
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Hybrid node</DescriptionListDescription> <DescriptionListDescription>{t`Hybrid node`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="primary" isSmall> <Button variant="primary" isSmall>
h {t`h`}
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Hop node</DescriptionListDescription> <DescriptionListDescription>{t`Hop node`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
</DescriptionList> </DescriptionList>
<TextContent> <TextContent>
<Text component={TextVariants.small}>Status types</Text> <Text component={TextVariants.small}>{t`Status types`}</Text>
</TextContent> </TextContent>
<DescriptionList isHorizontal isFluid> <DescriptionList isHorizontal isFluid>
<DescriptionListGroup> <DescriptionListGroup>
@@ -115,13 +115,13 @@ function Legend() {
style={{ border: '1px solid gray', backgroundColor: '#3E8635' }} style={{ border: '1px solid gray', backgroundColor: '#3E8635' }}
/> />
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Healthy</DescriptionListDescription> <DescriptionListDescription>{t`Healthy`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
<Button variant="danger" icon={<ExclamationIcon />} isSmall /> <Button variant="danger" icon={<ExclamationIcon />} isSmall />
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Error</DescriptionListDescription> <DescriptionListDescription>{t`Error`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm> <DescriptionListTerm>
@@ -130,7 +130,7 @@ function Legend() {
style={{ border: '1px solid gray', backgroundColor: '#e6e6e6' }} style={{ border: '1px solid gray', backgroundColor: '#e6e6e6' }}
/> />
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription>Disabled</DescriptionListDescription> <DescriptionListDescription>{t`Disabled`}</DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
</DescriptionList> </DescriptionList>
</Wrapper> </Wrapper>

26
awx/ui/src/screens/TopologyView/Tooltip.js
View File

@@ -1,9 +1,5 @@
/* eslint-disable i18next/no-literal-string,
jsx-a11y/anchor-is-valid,
jsx-a11y/click-events-have-key-events,
jsx-a11y/no-static-element-interactions */
import React from 'react'; import React from 'react';
import { t } from '@lingui/macro';
import styled from 'styled-components'; import styled from 'styled-components';
import { import {
Button as PFButton, Button as PFButton,
@@ -57,11 +53,11 @@ function Tooltip({
component={TextVariants.small} component={TextVariants.small}
style={{ fontWeight: 'bold', color: 'black' }} style={{ fontWeight: 'bold', color: 'black' }}
> >
Details {t`Details`}
</Text> </Text>
<Divider component="div" /> <Divider component="div" />
<Text component={TextVariants.small}> <Text component={TextVariants.small}>
Click on a node icon to display the details. {t`Click on a node icon to display the details.`}
</Text> </Text>
</TextContent> </TextContent>
) : ( ) : (
@@ -71,7 +67,7 @@ function Tooltip({
component={TextVariants.small} component={TextVariants.small}
style={{ fontWeight: 'bold', color: 'black' }} style={{ fontWeight: 'bold', color: 'black' }}
> >
Details {t`Details`}
</Text> </Text>
<Divider component="div" /> <Divider component="div" />
</TextContent> </TextContent>
@@ -83,17 +79,23 @@ function Tooltip({
</Button> </Button>
</DescriptionListTerm> </DescriptionListTerm>
<DescriptionListDescription> <DescriptionListDescription>
<a onClick={redirectToDetailsPage}>{nodeDetail.hostname}</a> <PFButton
variant="link"
isInline
onClick={redirectToDetailsPage}
>
{nodeDetail.hostname}
</PFButton>
</DescriptionListDescription> </DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm>Type</DescriptionListTerm> <DescriptionListTerm>{t`Type`}</DescriptionListTerm>
<DescriptionListDescription> <DescriptionListDescription>
{nodeDetail.node_type} node {nodeDetail.node_type} {t`node`}
</DescriptionListDescription> </DescriptionListDescription>
</DescriptionListGroup> </DescriptionListGroup>
<DescriptionListGroup> <DescriptionListGroup>
<DescriptionListTerm>Status</DescriptionListTerm> <DescriptionListTerm>{t`Status`}</DescriptionListTerm>
<DescriptionListDescription> <DescriptionListDescription>
<StatusLabel status={nodeDetail.node_state} /> <StatusLabel status={nodeDetail.node_state} />
</DescriptionListDescription> </DescriptionListDescription>

1
awx/ui/src/screens/TopologyView/constants.js
View File

@@ -1,4 +1,3 @@
/* eslint-disable-next-line import/prefer-default-export */
export const SELECTOR = '#chart'; export const SELECTOR = '#chart';
export const MESH_FORCE_LAYOUT = { export const MESH_FORCE_LAYOUT = {
defaultCollisionFactor: 80, defaultCollisionFactor: 80,