External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-28 08:18:43 -03:30
Code Issues Packages Projects Releases Wiki Activity

Add messaging that certain fields are only available in success modal

Browse Source
This commit is contained in:
mabashian
2020-12-08 13:54:58 -05:00
parent 1a270bfc8b
commit 97837a05e6
2 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
awx/ui_next/src/screens/Application/Applications.jsx
View File

@@ -1,8 +1,10 @@
import React, { useState, useCallback } from 'react'; import React, { useState, useCallback } from 'react';
import { withI18n } from '@lingui/react'; import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro'; import { t } from '@lingui/macro';
import styled from 'styled-components';
import { Route, Switch } from 'react-router-dom'; import { Route, Switch } from 'react-router-dom';
import { import {
Alert,
ClipboardCopy, ClipboardCopy,
ClipboardCopyVariant, ClipboardCopyVariant,
Modal, Modal,
@@ -13,6 +15,10 @@ import Application from './Application';
import Breadcrumbs from '../../components/Breadcrumbs'; import Breadcrumbs from '../../components/Breadcrumbs';
import { Detail, DetailList } from '../../components/DetailList'; import { Detail, DetailList } from '../../components/DetailList';
const ApplicationAlert = styled(Alert)`
margin-bottom: 20px;
`;
function Applications({ i18n }) { function Applications({ i18n }) {
const [applicationModalSource, setApplicationModalSource] = useState(null); const [applicationModalSource, setApplicationModalSource] = useState(null);
const [breadcrumbConfig, setBreadcrumbConfig] = useState({ const [breadcrumbConfig, setBreadcrumbConfig] = useState({
@@ -61,6 +67,15 @@ function Applications({ i18n }) {
title={i18n._(t`Application information`)} title={i18n._(t`Application information`)}
onClose={() => setApplicationModalSource(null)} onClose={() => setApplicationModalSource(null)}
> >
{applicationModalSource.client_secret && (
<ApplicationAlert
variant="info"
isInline
title={i18n._(
t`This is the only time the client secret will be shown.`
)}
/>
)}
<DetailList stacked> <DetailList stacked>
<Detail <Detail
label={i18n._(t`Name`)} label={i18n._(t`Name`)}

13
awx/ui_next/src/screens/User/UserTokens/UserTokens.jsx
View File

@@ -1,8 +1,10 @@
import React, { useCallback, useState } from 'react'; import React, { useCallback, useState } from 'react';
import { withI18n } from '@lingui/react'; import { withI18n } from '@lingui/react';
import { t } from '@lingui/macro'; import { t } from '@lingui/macro';
import styled from 'styled-components';
import { Switch, Route, useParams } from 'react-router-dom'; import { Switch, Route, useParams } from 'react-router-dom';
import { import {
Alert,
ClipboardCopy, ClipboardCopy,
ClipboardCopyVariant, ClipboardCopyVariant,
Modal, Modal,
@@ -13,6 +15,10 @@ import UserTokenAdd from '../UserTokenAdd';
import UserTokenList from '../UserTokenList'; import UserTokenList from '../UserTokenList';
import UserToken from '../UserToken'; import UserToken from '../UserToken';
const TokenAlert = styled(Alert)`
margin-bottom: 20px;
`;
function UserTokens({ i18n, setBreadcrumb, user }) { function UserTokens({ i18n, setBreadcrumb, user }) {
const [tokenModalSource, setTokenModalSource] = useState(null); const [tokenModalSource, setTokenModalSource] = useState(null);
const { id } = useParams(); const { id } = useParams();
@@ -46,6 +52,13 @@ function UserTokens({ i18n, setBreadcrumb, user }) {
title={i18n._(t`Token information`)} title={i18n._(t`Token information`)}
onClose={() => setTokenModalSource(null)} onClose={() => setTokenModalSource(null)}
> >
<TokenAlert
variant="info"
isInline
title={i18n._(
t`This is the only time the token value and associated refresh token value will be shown.`
)}
/>
<DetailList stacked> <DetailList stacked>
{tokenModalSource.token && ( {tokenModalSource.token && (
<Detail <Detail