mirror of
https://github.com/XFox111/PasswordGeneratorExtension.git
synced 2026-04-22 08:08:01 +03:00
Eugene Fox
03d74f93d6
* Migrated to React 18 and FluentUI 9 * Added Ukranian translation * Updated GitHub templates * Updated CI/CD - Added CodeQL and Dependabot pipelines - Removed Whitesource Bolt integration - Added PR pipeline - Update release pipeline to meet ReactJS - Added Edge publish to pipeline - Updated PR checklist * Updated repo docs * Moved dependabot yml to the right place * Update README.md * Added path filters to pipelines
77 lines
2.5 KiB
TypeScript
77 lines
2.5 KiB
TypeScript
import { Button, Text } from "@fluentui/react-components";
|
|
import { Dialog, DialogTrigger, DialogSurface, DialogTitle, DialogBody, Table, TableHeader, TableRow, TableHeaderCell, TableBody, TableCell, DialogActions } from "@fluentui/react-components/unstable";
|
|
import { QuestionCircleRegular } from "@fluentui/react-icons";
|
|
import React from "react";
|
|
import Generator from "../Utils/Generator";
|
|
import { loc } from "../Utils/Localization";
|
|
|
|
export default class CharacterHelpDialog extends React.Component
|
|
{
|
|
public render(): JSX.Element
|
|
{
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger>
|
|
<Button appearance="subtle" style={ { marginLeft: 5 } } icon={ <QuestionCircleRegular /> } />
|
|
</DialogTrigger>
|
|
<DialogSurface aria-label="label">
|
|
<DialogTitle>{ loc("Character options") }</DialogTitle>
|
|
<DialogBody>
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHeaderCell>{ loc("Set_name") }</TableHeaderCell>
|
|
<TableHeaderCell>{ loc("Characters") }</TableHeaderCell>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
<TableRow>
|
|
<TableCell>{ loc("Lowercase") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.Lowercase.substring(0, 10) }{ loc(", etc.") }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableCell>{ loc("Uppercase") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.Uppercase.substring(0, 10) }{ loc(", etc.") }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableCell>{ loc("Numeric") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.Numeric }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableCell>{ loc("Special symbols") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.SpecialCharacters }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableCell>{ loc("Ambiguous") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.AmbiguousCharacters }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
<TableRow>
|
|
<TableCell>{ loc("Similar") }</TableCell>
|
|
<TableCell>
|
|
<Text font="monospace">{ Generator.SimilarCharacters }</Text>
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
</DialogBody>
|
|
<DialogActions>
|
|
<DialogTrigger>
|
|
<Button appearance="secondary">{ loc("OK") }</Button>
|
|
</DialogTrigger>
|
|
</DialogActions>
|
|
</DialogSurface>
|
|
</Dialog>
|
|
);
|
|
}
|
|
}
|