/*
* Translated default messages for the jQuery validation plugin.
* Locale: NL (Dutch; Nederlands, Vlaams)
*/
(function($) {
$.extend(
$.validator.messages,
{
required: "Dit is een verplicht veld.",
remote: "Controleer dit veld.",
email: "Vul hier een geldig e-mailadres in.",
url: "Vul hier een geldige URL in.",
date: "Vul hier een geldige datum in.",
dateISO: "Vul hier een geldige datum in (ISO-formaat).",
number: "Vul hier een geldig getal in.",
digits: "Vul hier alleen getallen in.",
creditcard: "Vul hier een geldig creditcardnummer in.",
equalTo: "Vul hier dezelfde waarde in.",
accept: "Vul hier een waarde in met een geldige extensie.",
maxlength: $.validator.format( "Vul hier maximaal {0} tekens in." ),
minlength: $.validator.format( "Vul hier minimaal {0} tekens in." ),
rangelength: $.validator.format( "Vul hier een waarde in van minimaal {0} en maximaal {1} tekens." ),
range: $.validator.format( "Vul hier een waarde in van minimaal {0} en maximaal {1}." ),
max: $.validator.format( "Vul hier een waarde in kleiner dan of gelijk aan {0}." ),
min: $.validator.format( "Vul hier een waarde in groter dan of gelijk aan {0}." ),
maxWords: $.validator.format( "Vul hier {0} woorden of minder." ),
minWords: $.validator.format( "Vul hier minimaal {0} woorden." ),
rangeWords: $.validator.format( "Vul hier tussen {0} en {1} woorden." ),
alphanumeric: "Letters, cijfers, en onderstreept alleen maar te behagen",
lettersonly: "Brieven slechts tevreden",
nowhitespace: "Geen witte ruimte alsjeblieft",
phone: 'Vul een geldig telefoonnummer. De meeste VS / Canada en internationale formats geaccepteerd. ',
ipv4: 'Vul een geldig IP v4 adres.',
ipv6: 'Vul een geldig IP v6 adres.',
ziprange: 'Uw postcode moet in het bereik 902xx-xxxx zijn om 905-xx-xxxx',
zipcodeUS: 'De opgegeven US postcode is ongeldig',
integer: 'Een positieve of negatieve niet-decimaal getal aub',
vfbUsername: 'Deze gebruikersnaam is al geregistreerd. Kies een andere naam'
}
);
}(jQuery));
import Alert from '@elementor/ui/Alert';
import Box from '@elementor/ui/Box';
import Card from '@elementor/ui/Card';
import CardContent from '@elementor/ui/CardContent';
import CardHeader from '@elementor/ui/CardHeader';
import Divider from '@elementor/ui/Divider';
import List from '@elementor/ui/List';
import ListItem from '@elementor/ui/ListItem';
import ListItemText from '@elementor/ui/ListItemText';
import Typography from '@elementor/ui/Typography';
import { styled } from '@elementor/ui/styles';
import { CapabilitiesItem } from '@ea11y/components';
import { useSettings, useStorage } from '@ea11y/hooks';
import { LogoSettings } from '@ea11y/layouts';
import { useEffect, useState } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { MENU_SETTINGS } from '../constants/menu-settings';
const StyledCardContent = styled(CardContent)`
height: 55vh;
overflow: auto;
margin-bottom: ${({ theme }) => theme.spacing(2)};
padding: 0 ${({ theme }) => theme.spacing(2)};
`;
const MenuSettings = () => {
const {
widgetMenuSettings,
hideMinimumOptionAlert,
setHideMinimumOptionAlert,
} = useSettings();
const [disableOptions, setDisableOptions] = useState(false);
const { save } = useStorage();
useEffect(() => {
if (!areAtLeastTwoOptionsEnabled(widgetMenuSettings)) {
setDisableOptions(true);
} else {
setDisableOptions(false);
save({ a11y_hide_minimum_active_options_alert: false }).then(() => {
setHideMinimumOptionAlert(false);
});
}
}, [widgetMenuSettings]);
/**
* Check if at least two options are enabled.
* @param {Object} settings - widget menu settings.
* @return {boolean} true if at least two options are enabled.
*/
const areAtLeastTwoOptionsEnabled = (settings) => {
const enabled = Object.keys(settings)?.filter(
(key) => settings[key].enabled,
);
return enabled.length > 2;
};
/**
* Close minimum option notification.
*/
const handleCloseNotification = () => {
save({ a11y_hide_minimum_active_options_alert: true }).then(() => {
setHideMinimumOptionAlert(true);
});
};
const sectionsCount = Object.entries(MENU_SETTINGS).length;
return (
{__(
'Choose which accessibility features and capabilities you want to include.',
'pojo-accessibility',
)}
}
/>
{disableOptions && !hideMinimumOptionAlert && (
{__('At least two option must remain active', 'pojo-accessibility')}
)}
{Object.entries(MENU_SETTINGS).map(([parentKey, parentItem], i) => {
return (
{parentItem.title}
{parentItem.options &&
Object.entries(parentItem.options).map(
([childKey, childValue]) => {
return (
);
},
)}
{i + 1 < sectionsCount && }
);
})}
);
};
export default MenuSettings;
Shop - German Screws
Skip to content
