diff --git a/webpack/components/ansible_content/components/AnsibleContentTableWrapper.tsx b/webpack/components/ansible_content/components/AnsibleContentTableWrapper.tsx index 58ad1508..eb0b9bfa 100644 --- a/webpack/components/ansible_content/components/AnsibleContentTableWrapper.tsx +++ b/webpack/components/ansible_content/components/AnsibleContentTableWrapper.tsx @@ -134,7 +134,7 @@ const AnsibleContentTableWrapper = ({ } /> diff --git a/webpack/components/ansible_content/components/AnsibleContentWizard/AnsibleContentWizard.tsx b/webpack/components/ansible_content/components/AnsibleContentWizard/AnsibleContentWizard.tsx index a8382782..93d86e05 100644 --- a/webpack/components/ansible_content/components/AnsibleContentWizard/AnsibleContentWizard.tsx +++ b/webpack/components/ansible_content/components/AnsibleContentWizard/AnsibleContentWizard.tsx @@ -262,7 +262,7 @@ const AnsibleContentWizard: React.FC = ({ setIsContentWizardOpen(false); resetWizard(); }} - closeButtonAriaLabel="Close wizard" + closeButtonAriaLabel={_('Close wizard')} /> } onClose={() => { diff --git a/webpack/components/ansible_content/components/AnsibleContentWizard/components/ProviderSelectionStep.tsx b/webpack/components/ansible_content/components/AnsibleContentWizard/components/ProviderSelectionStep.tsx index 3310c09a..c3740fdc 100644 --- a/webpack/components/ansible_content/components/AnsibleContentWizard/components/ProviderSelectionStep.tsx +++ b/webpack/components/ansible_content/components/AnsibleContentWizard/components/ProviderSelectionStep.tsx @@ -27,7 +27,7 @@ const ProviderSelectionStep: React.FC = ({ {' '} } isStacked isDisplayLarge diff --git a/webpack/components/ansible_content/components/AnsibleContentWizard/components/ReviewStep.tsx b/webpack/components/ansible_content/components/AnsibleContentWizard/components/ReviewStep.tsx index ea77afe2..0290415c 100644 --- a/webpack/components/ansible_content/components/AnsibleContentWizard/components/ReviewStep.tsx +++ b/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 = ({ diff --git a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverrideManagementModal.tsx b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverrideManagementModal.tsx index df02daea..1b5dda2b 100644 --- a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverrideManagementModal.tsx +++ b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/OverrideManagementModal.tsx @@ -238,7 +238,7 @@ export const OverrideManagementModal = ({ } /> Matcher creation type} bodyContent={
@@ -255,7 +255,7 @@ export const OverrideManagementModal = ({
} > - @@ -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) => ( } /> diff --git a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/BooleanAdapter.tsx b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/BooleanAdapter.tsx index 8a652509..34f53f49 100644 --- a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/BooleanAdapter.tsx +++ b/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 => ( selected && onChange(true)} /> selected && onChange(false)} diff --git a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/IntegerAdapter.tsx b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/IntegerAdapter.tsx index 3b0b813b..16a0bad1 100644 --- a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/IntegerAdapter.tsx +++ b/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} /> diff --git a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/RealAdapter.tsx b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/RealAdapter.tsx index 87526558..80be99ed 100644 --- a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/RealAdapter.tsx +++ b/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} /> diff --git a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/VariableManagementModalContent.tsx b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/VariableManagementModalContent.tsx index bb94e42d..d02bfd22 100644 --- a/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/VariableManagementModalContent.tsx +++ b/webpack/components/ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/VariableManagementModalContent.tsx @@ -149,7 +149,7 @@ export const VariableManagementModalContent = ({ const baseVariableActions = [ diff --git a/webpack/components/ansible_execution_environments/ExecutionEnvGrid.tsx b/webpack/components/ansible_execution_environments/ExecutionEnvGrid.tsx index a1ddccf7..b653025c 100644 --- a/webpack/components/ansible_execution_environments/ExecutionEnvGrid.tsx +++ b/webpack/components/ansible_execution_environments/ExecutionEnvGrid.tsx @@ -13,6 +13,7 @@ import { PanelMain, PanelMainBody, } from '@patternfly/react-core'; +import { translate as _, sprintf as __ } from 'foremanReact/common/I18n'; import ResourcesEmptyIcon from '@patternfly/react-icons/dist/esm/icons/resources-empty-icon'; import React, { @@ -87,16 +88,27 @@ export const ExecutionEnvGrid: React.FC = ({ }, [apiResponse]); const destroyEnv = (env: AnsibleExecutionEnv): void => { - setConfirmationModalTitle(`Confirm deletion of ${env?.name}`); - setConfirmationModalBody(`Are you sure you want to delete ${env?.name}?`); + setConfirmationModalTitle( + __(_('Confirm deletion of %(name)s'), { name: env?.name }) + ); + setConfirmationModalBody( + __(_('Are you sure you want to delete %(name)s?'), { name: env?.name }) + ); setConfirmationModalMode('destroy'); setIsConfirmationModalOpen(true); }; const updateEnv = (env: AnsibleExecutionEnv): void => { - setConfirmationModalTitle(`Confirm update of ${env?.name}`); + setConfirmationModalTitle( + __(_('Confirm update of %(name)s'), { name: env?.name }) + ); setConfirmationModalBody( - `Are you sure you want to update ${env?.name}? This will require a rebuild of the associated image.` + __( + _( + 'Are you sure you want to update %(name)s? This will require a rebuild of the associated image.' + ), + { name: env?.name } + ) ); setConfirmationModalMode('update'); setIsConfirmationModalOpen(true); @@ -155,11 +167,11 @@ export const ExecutionEnvGrid: React.FC = ({ } /> - No Execution Environments found in this organization + {_('No Execution Environments found in this organization')} @@ -169,7 +181,7 @@ export const ExecutionEnvGrid: React.FC = ({ setShowCreateCard(true); }} > - Create Execution Environment + {_('Create Execution Environment')} diff --git a/webpack/components/extensions/create_host_tab/CreateHostAnsibleContentTab.tsx b/webpack/components/extensions/create_host_tab/CreateHostAnsibleContentTab.tsx index 7b192188..5a3cd436 100644 --- a/webpack/components/extensions/create_host_tab/CreateHostAnsibleContentTab.tsx +++ b/webpack/components/extensions/create_host_tab/CreateHostAnsibleContentTab.tsx @@ -5,6 +5,7 @@ import { ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core'; +import { translate as _ } from 'foremanReact/common/I18n'; import { InheritComponent } from '../components/InheritComponent'; import { LifecycleEnvComponentWrapper } from '../components/LifecycleEnvComponentWrapper'; @@ -32,19 +33,19 @@ export const CreateHostAnsibleContentTab = () => { setContentSource('direct')} /> setContentSource('inherit')} /> setContentSource('lce')} diff --git a/webpack/components/extensions/host_details/HostDetailsLceCard/components/LcePathSelectorWrapper.tsx b/webpack/components/extensions/host_details/HostDetailsLceCard/components/LcePathSelectorWrapper.tsx index 37d148fa..d53b7221 100644 --- a/webpack/components/extensions/host_details/HostDetailsLceCard/components/LcePathSelectorWrapper.tsx +++ b/webpack/components/extensions/host_details/HostDetailsLceCard/components/LcePathSelectorWrapper.tsx @@ -8,6 +8,7 @@ import { Skeleton } from '@patternfly/react-core'; import { foremanUrl } from 'foremanReact/common/helpers'; import { useForemanOrganization } from 'foremanReact/Root/Context/ForemanContext'; import { IndexResponse, useAPI } from 'foremanReact/common/hooks/API/APIHooks'; +import { translate as _ } from 'foremanReact/common/I18n'; import { AnsibleLcePath, SparseAnsibleLce, @@ -114,9 +115,9 @@ export const LcePathSelectorWrapper = ({ return ( <> - +
- + ); }; diff --git a/webpack/components/extensions/host_details/HostDetailsTab/components/AssignmentComponent.tsx b/webpack/components/extensions/host_details/HostDetailsTab/components/AssignmentComponent.tsx index a9c4fd38..6fb9a9a0 100644 --- a/webpack/components/extensions/host_details/HostDetailsTab/components/AssignmentComponent.tsx +++ b/webpack/components/extensions/host_details/HostDetailsTab/components/AssignmentComponent.tsx @@ -153,7 +153,9 @@ export const AssignmentComponent = ({ ) : ( diff --git a/webpack/components/extensions/host_details/HostDetailsTab/components/MergedOverrideCard.tsx b/webpack/components/extensions/host_details/HostDetailsTab/components/MergedOverrideCard.tsx index 8e5590e3..d1aca1e6 100644 --- a/webpack/components/extensions/host_details/HostDetailsTab/components/MergedOverrideCard.tsx +++ b/webpack/components/extensions/host_details/HostDetailsTab/components/MergedOverrideCard.tsx @@ -21,6 +21,7 @@ import { useDispatch } from 'react-redux'; import axios, { AxiosResponse } from 'axios'; import { foremanUrl } from 'foremanReact/common/helpers'; import { addToast } from 'foremanReact/components/ToastsList'; +import { translate as _ } from 'foremanReact/common/I18n'; import { MergedVariableOverride } from '../../../../../types/AnsibleVariableTypes'; import { StringAdapter } from '../../../../ansible_content/components/AnsibleVariablesOverview/VariableManagementModal/ValueAdapters/StringAdapter'; @@ -262,7 +263,7 @@ export const MergedOverrideCard = ({ )} {mergedOverride.type === 'yaml' && isEditMode && ( setIsEditMode(false)} diff --git a/webpack/components/extensions/host_details/HostDetailsTab/components/OverrideGrid.tsx b/webpack/components/extensions/host_details/HostDetailsTab/components/OverrideGrid.tsx index 725577e6..05e7871a 100644 --- a/webpack/components/extensions/host_details/HostDetailsTab/components/OverrideGrid.tsx +++ b/webpack/components/extensions/host_details/HostDetailsTab/components/OverrideGrid.tsx @@ -12,6 +12,7 @@ import { GridItem, } from '@patternfly/react-core'; import ResourcesEmptyIcon from '@patternfly/react-icons/dist/esm/icons/resources-empty-icon'; +import { translate as _ } from 'foremanReact/common/I18n'; import { MergedVariableOverride } from '../../../../../types/AnsibleVariableTypes'; import { MergedOverrideCard } from './MergedOverrideCard'; @@ -37,7 +38,7 @@ export const OverrideGrid = ({ } />