feat(ui/i18n): mark more missing strings for translation

webpack/components/ansible_content/components/AnsibleContentTableWrapper.tsx

@@ -134,7 +134,7 @@ const AnsibleContentTableWrapper = ({
             <EmptyState variant={EmptyStateVariant.xl}>
               <EmptyStateHeader
                 headingLevel="h4"
-                titleText="No Ansible content in this organization"
+                titleText={_('No Ansible content in this organization')}
                 icon={<EmptyStateIcon icon={ResourcesEmptyIcon} />}
               />
               <EmptyStateBody>

webpack/components/ansible_content/components/AnsibleContentWizard/AnsibleContentWizard.tsx

@@ -262,7 +262,7 @@ const AnsibleContentWizard: React.FC<AnsibleContentWizardProps> = ({
                 setIsContentWizardOpen(false);
                 resetWizard();
               }}
-              closeButtonAriaLabel="Close wizard"
+              closeButtonAriaLabel={_('Close wizard')}
             />
           }
           onClose={() => {

webpack/components/ansible_content/components/AnsibleContentWizard/components/ProviderSelectionStep.tsx

@@ -27,7 +27,7 @@ const ProviderSelectionStep: React.FC<ProviderSelectionStepProps> = ({
       <FlexItem style={{ width: '30%' }}>
         {' '}
         <Tile
-          title="Ansible Galaxy"
+          title={_('Ansible Galaxy')}
           icon={<TopologyIcon />}
           isStacked
           isDisplayLarge

webpack/components/ansible_content/components/AnsibleContentWizard/components/ReviewStep.tsx

@@ -16,6 +16,7 @@ import {
 } from '@patternfly/react-core';
 import TopologyIcon from '@patternfly/react-icons/dist/esm/icons/topology-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
+import { translate as _ } from 'foremanReact/common/I18n';
 import {
   AnsibleContentUnitCreateType,
   isAnsibleGalaxyContentUnitCreate,
@@ -104,7 +105,7 @@ export const ReviewStep: React.FC<ReviewStepProps> = ({
               <DataListAction
                 aria-labelledby="single-action-item1 single-action-action1"
                 id="single-action-action1"
-                aria-label="Actions"
+                aria-label={_('Actions')}
               >
                 <Button
                   onClick={() => {
@@ -168,7 +169,7 @@ export const ReviewStep: React.FC<ReviewStepProps> = ({
               <DataListAction
                 aria-labelledby="single-action-item1 single-action-action1"
                 id="single-action-action1"
-                aria-label="Actions"
+                aria-label={_('Actions')}
               >
                 <Button
                   onClick={() => {
@@ -190,7 +191,7 @@ export const ReviewStep: React.FC<ReviewStepProps> = ({
 
   return (
     <React.Fragment>
-      <DataList aria-label="single action data list example">
+      <DataList aria-label={_('single action data list example')}>
         {listItems()}
       </DataList>
     </React.Fragment>

webpack/components/ansible_content/components/AnsibleContentWizard/components/components/FinishFooter.tsx

@@ -5,7 +5,7 @@ import { WizardFooter, useWizardContext } from '@patternfly/react-core';
 import { useForemanOrganization } from 'foremanReact/Root/Context/ForemanContext';
 import { useDispatch } from 'react-redux';
 import { addToast } from 'foremanReact/components/ToastsList';
-import { translate as _ } from 'foremanReact/common/I18n';
+import { translate as _, sprintf as __ } from 'foremanReact/common/I18n';
 import {
   AnsibleContentUnitCreateType,
   isAnsibleGalaxyContentUnitCreate,
@@ -50,8 +50,9 @@ const FinishFooter: React.FC<FinishFooterProps> = ({
           addToast({
             type: 'success',
             key: `IMPORT_CU_${contentUnits.length}_SUCC`,
-            message:
-              'Successfully imported Ansible content units from YAML file"!',
+            message: _(
+              'Successfully imported Ansible content units from YAML file!'
+            ),
             sticky: false,
           })
         );
@@ -89,11 +90,13 @@ const FinishFooter: React.FC<FinishFooterProps> = ({
           addToast({
             type: 'success',
             key: `IMPORT_CU_${contentUnits.length}_SUCC`,
-            message: `Successfully imported ${
-              contentUnits.length
-            } Ansible content ${
-              contentUnits.length === 1 ? 'unit' : 'units'
-            }"!`,
+            message: __(
+              _('Successfully imported %(count) Ansible content %(unit)!'),
+              {
+                count: contentUnits.length,
+                unit: contentUnits.length === 1 ? _('unit') : _('units'),
+              }
+            ),
             sticky: false,
           })
         );
@@ -103,11 +106,15 @@ const FinishFooter: React.FC<FinishFooterProps> = ({
         addToast({
           type: 'danger',
           key: `IMPORT_CU_${contentUnits.length}_ERR`,
-          message: `Importing of ${
-            contentUnits.length
-          } Ansible content units failed with error code "${
-            (err as { response: AxiosResponse }).response.status
-          }".`,
+          message: __(
+            _(
+              'Importing of %(count)s Ansible content units failed with error code "%(status)s"'
+            ),
+            {
+              count: contentUnits.length,
+              status: (err as { response: AxiosResponse }).response.status,
+            }
+          ),
           sticky: false,
         })
       );

webpack/components/ansible_content/components/AnsibleContentWizard/components/components/GalaxyContentUnitInput.tsx

@@ -137,14 +137,14 @@ export const GalaxyContentUnitInput: React.FunctionComponent<GalaxyContentUnitIn
               onChange={handleUnitSourceChange}
               id="cu-source-input-01"
               type="text"
-              aria-label="content unit source input"
+              aria-label={_('content unit source input')}
               validated={contentUnitSourceValidation}
             />
           </InputGroupItem>
           <InputGroupItem>
             <Button
               variant="control"
-              aria-label="popover for input"
+              aria-label={_('popover for input')}
               onClick={
                 () => {
                   setContentUnitSource(defaultGalaxy);

webpack/components/ansible_content/components/AnsibleContentWizard/components/components/GitContentUnitInput.tsx

@@ -183,7 +183,7 @@ export const GitContentUnitInput: React.FunctionComponent<GitContentUnitInputPro
           >
             <button
               type="button"
-              aria-label="More info for repo url field"
+              aria-label={_('More info for repo url field')}
               onClick={e => e.preventDefault()}
               aria-describedby="content-unit-identifier-field-01"
               className={styles.formGroupLabelHelp}
@@ -207,7 +207,7 @@ export const GitContentUnitInput: React.FunctionComponent<GitContentUnitInputPro
           {/*          <InputGroupItem>
             <Button
               variant="control"
-              aria-label="inspect repository"
+              aria-label={_('inspect repository')}
               onClick={() => {}}
             >
               {_('Inspect repository')}
@@ -238,7 +238,7 @@ export const GitContentUnitInput: React.FunctionComponent<GitContentUnitInputPro
           >
             <button
               type="button"
-              aria-label="More info for git ref field"
+              aria-label={_('More info for git ref field')}
               onClick={e => e.preventDefault()}
               aria-describedby="git-ref-field-01"
               className={styles.formGroupLabelHelp}
@@ -266,7 +266,7 @@ export const GitContentUnitInput: React.FunctionComponent<GitContentUnitInputPro
                 <TabTitleText>{_('Commit or manual input')}</TabTitleText>{' '}
               </>
             }
-            aria-label="filled tabs with icons content users"
+            aria-label={_('filled tabs with icons content users')}
           />
           {/*          <Tab
             eventKey={'branch' as refTabKeys}
@@ -297,7 +297,7 @@ export const GitContentUnitInput: React.FunctionComponent<GitContentUnitInputPro
 
       <GitRefInput gitRefs={gitRefs} setGitRefs={setGitRefs} />
 
-      <ChipGroup categoryName="Only import: " numChips={10}>
+      <ChipGroup categoryName={_('Only import: ')} numChips={10}>
         {contentUnitVersions.map(unitVersion => (
           <Chip
             key={unitVersion}

webpack/components/ansible_content/components/AnsibleContentWizard/components/components/components/GitRefInput.tsx

@@ -66,7 +66,7 @@ export const GitRefInput: React.FC<VersionInputProps> = ({
             id="cu-source-input-01"
             data-testid="git-ref-input"
             type="text"
-            aria-label="content unit source input"
+            aria-label={_('content unit source input')}
           />
         </InputGroupItem>
         <InputGroupItem>
@@ -83,12 +83,12 @@ export const GitRefInput: React.FC<VersionInputProps> = ({
         <FormHelperText>
           <HelperText>
             <HelperTextItem>
-              {'Ref list does not conform to the pattern: "<Ref>, <Ref>"'}
+              {_('Ref list does not conform to the pattern: "<Ref>, <Ref>"')}
             </HelperTextItem>
           </HelperText>
         </FormHelperText>
       )}
-      <ChipGroup categoryName="Only import: " numChips={10}>
+      <ChipGroup categoryName={_('Only import: ')} numChips={10}>
         {gitRefs.map(unitVersion => (
           <Chip
             key={unitVersion}

webpack/components/ansible_content/components/AnsibleContentWizard/components/components/components/VersionInput.tsx

@@ -74,7 +74,7 @@ export const VersionInput: React.FC<VersionInputProps> = ({
         >
           <button
             type="button"
-            aria-label="More info for unit id field"
+            aria-label={_('More info for unit id field')}
             onClick={e => e.preventDefault()}
             aria-describedby="content-unit-identifier-field-01"
             className={styles.formGroupLabelHelp}
@@ -98,7 +98,7 @@ export const VersionInput: React.FC<VersionInputProps> = ({
             }
             id="cu-source-input-01"
             type="text"
-            aria-label="content unit source input"
+            aria-label={_('content unit source input')}
           />
         </InputGroupItem>
         <InputGroupItem>

webpack/components/ansible_content/components/AnsibleVariablesOverview/AnsibleVariablesSelector.tsx

@@ -128,7 +128,7 @@ export const AnsibleVariablesSelector = ({
         <Stack>
           <StackItem>
             <SearchInput
-              placeholder="Find by name"
+              placeholder={_('Find by name')}
               value={roleFilter}
               onChange={(_event, value) => {
                 setRoleFilter(value);
@@ -186,7 +186,7 @@ export const AnsibleVariablesSelector = ({
           <Stack>
             <StackItem>
               <SearchInput
-                placeholder="Find by name"
+                placeholder={_('Find by name')}
                 value={variableFilter}
                 onChange={(_event, value) => setVariableFilter(value)}
                 onClear={() => setVariableFilter('')}

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/MatcherSelector.tsx

@@ -12,6 +12,7 @@ import {
   TextInputGroupUtilities,
 } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import { translate as _ } from 'foremanReact/common/I18n';
 
 interface MatcherSelectorProps {
   matcherOptions: SelectOptionProps[];
@@ -147,7 +148,7 @@ export const MatcherSelector = ({
     <MenuToggle
       ref={toggleRef}
       variant="typeahead"
-      aria-label="Typeahead menu toggle"
+      aria-label={_('Typeahead menu toggle')}
       onClick={onToggleClick}
       isExpanded={isMatcherValueSelectOpen}
       isFullWidth
@@ -160,7 +161,7 @@ export const MatcherSelector = ({
           id="typeahead-select-input"
           autoComplete="off"
           innerRef={textInputRef}
-          placeholder="Select a matcher value"
+          placeholder={_('Select a matcher value')}
           {...(activeItemId && { 'aria-activedescendant': activeItemId })}
           role="combobox"
           isExpanded={isMatcherValueSelectOpen}
@@ -173,7 +174,7 @@ export const MatcherSelector = ({
           <Button
             variant="plain"
             onClick={onClearButtonClick}
-            aria-label="Clear input value"
+            aria-label={_('Clear input value')}
           >
             <TimesIcon aria-hidden />
           </Button>

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverrideManagementModal.tsx

@@ -238,7 +238,7 @@ export const OverrideManagementModal = ({
                   }
                 />
                 <Popover
-                  aria-label="Basic popover"
+                  aria-label={_('Basic popover')}
                   headerContent={<div>Matcher creation type</div>}
                   bodyContent={
                     <div>
@@ -255,7 +255,7 @@ export const OverrideManagementModal = ({
                     </div>
                   }
                 >
-                  <Button variant="plain" aria-label="Action" isInline>
+                  <Button variant="plain" aria-label={_('Action')} isInline>
                     <OutlinedQuestionCircleIcon />
                   </Button>
                 </Popover>
@@ -297,7 +297,7 @@ export const OverrideManagementModal = ({
                   }}
                   id="horizontal-form-title"
                   name="horizontal-form-title"
-                  aria-label="Your title"
+                  aria-label={_('Your title')}
                 >
                   {matcherTypes.map((option, index) => (
                     <FormSelectOption

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverridesTabContent.tsx

@@ -13,6 +13,7 @@ import axios, { AxiosResponse } from 'axios';
 import { foremanUrl } from 'foremanReact/common/helpers';
 import { addToast } from 'foremanReact/components/ToastsList';
 import { useDispatch } from 'react-redux';
+import { translate as _ } from 'foremanReact/common/I18n';
 import ResourcesEmptyIcon from '@patternfly/react-icons/dist/esm/icons/resources-empty-icon';
 import {
   AnsibleVariableDetail,
@@ -171,7 +172,7 @@ export const OverridesTabContent = ({
       ) : (
         <EmptyState>
           <EmptyStateHeader
-            titleText="Variable does not have any overrides defined."
+            titleText={_('Variable does not have any overrides defined.')}
             headingLevel="h4"
             icon={<EmptyStateIcon icon={ResourcesEmptyIcon} />}
           />

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/BooleanAdapter.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
+import { translate as _ } from 'foremanReact/common/I18n';
 
 interface BooleanAdapterProps {
   isEditMode: boolean;
@@ -14,13 +15,13 @@ export const BooleanAdapter = ({
 }: BooleanAdapterProps): ReactElement => (
   <ToggleGroup areAllGroupsDisabled={!isEditMode}>
     <ToggleGroupItem
-      text="True"
+      text={_('True')}
       buttonId="toggle-group-single-1"
       isSelected={value}
       onChange={(_event, selected) => selected && onChange(true)}
     />
     <ToggleGroupItem
-      text="False"
+      text={_('False')}
       buttonId="toggle-group-single-1"
       isSelected={!value}
       onChange={(_event, selected) => selected && onChange(false)}

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/IntegerAdapter.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import { Bullseye, NumberInput } from '@patternfly/react-core';
+import { translate as _ } from 'foremanReact/common/I18n';
 
 interface IntegerAdapterProps {
   isEditMode: boolean;
@@ -29,9 +30,9 @@ export const IntegerAdapter = ({
       }}
       onPlus={() => onChange(value + 1)}
       inputName="input1"
-      inputAriaLabel="number input 1"
-      minusBtnAriaLabel="input 2 minus"
-      plusBtnAriaLabel="input 2 plus"
+      inputAriaLabel={_('number input 1')}
+      minusBtnAriaLabel={_('input 2 minus')}
+      plusBtnAriaLabel={_('input 2 plus')}
       widthChars={10}
     />
   </Bullseye>

webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/RealAdapter.tsx

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import { Bullseye, NumberInput } from '@patternfly/react-core';
+import { translate as _ } from 'foremanReact/common/I18n';
 
 interface RealAdapterProps {
   isEditMode: boolean;
@@ -29,9 +30,9 @@ export const RealAdapter = ({
       }}
       onPlus={() => onChange(value + 0.1)}
       inputName="input1"
-      inputAriaLabel="number input 1"
-      minusBtnAriaLabel="input 2 minus"
-      plusBtnAriaLabel="input 2 plus"
+      inputAriaLabel={_('number input 1')}
+      minusBtnAriaLabel={_('input 2 minus')}
+      plusBtnAriaLabel={_('input 2 plus')}
       widthChars={10}
     />
   </Bullseye>