External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-12 18:40:01 -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
Show Stats 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 { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
import styled from 'styled-components';
import { Route, Switch } from 'react-router-dom';
import {
Alert,
ClipboardCopy,
ClipboardCopyVariant,
Modal,
@ -13,6 +15,10 @@ import Application from './Application';
import Breadcrumbs from '../../components/Breadcrumbs';
import { Detail, DetailList } from '../../components/DetailList';
const ApplicationAlert = styled(Alert)`
margin-bottom: 20px;
`;
function Applications({ i18n }) {
const [applicationModalSource, setApplicationModalSource] = useState(null);
const [breadcrumbConfig, setBreadcrumbConfig] = useState({
@ -61,6 +67,15 @@ function Applications({ i18n }) {
title={i18n._(t`Application information`)}
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>
<Detail
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 { withI18n } from '@lingui/react';
import { t } from '@lingui/macro';
import styled from 'styled-components';
import { Switch, Route, useParams } from 'react-router-dom';
import {
Alert,
ClipboardCopy,
ClipboardCopyVariant,
Modal,
@ -13,6 +15,10 @@ import UserTokenAdd from '../UserTokenAdd';
import UserTokenList from '../UserTokenList';
import UserToken from '../UserToken';
const TokenAlert = styled(Alert)`
margin-bottom: 20px;
`;
function UserTokens({ i18n, setBreadcrumb, user }) {
const [tokenModalSource, setTokenModalSource] = useState(null);
const { id } = useParams();
@ -46,6 +52,13 @@ function UserTokens({ i18n, setBreadcrumb, user }) {
title={i18n._(t`Token information`)}
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>
{tokenModalSource.token && (
<Detail