Single quote in some translations cause an error in JS and break some functionalities

cedric-ES commented 3 months ago

Hello,

Some t() functions, used for translation, are embedded in Javascript code. But some translations have a single quote. Those translations cause an error and break the functionality because words after the single quote are interpreted by JS. That happens in some block edit or some store functionalities in dashboard pages.

I'm facing that in french translations (but can exist in other translations too).

Some examples locations :

Block Product List Filter > available attributes : Word in example : correspond à n'importe quel

$('#availableatts a').click(function (e) {
            e.preventDefault();

            var newitem = '<li data-id="' + $(this).data('id') + '" class="clearfix list-group-item"><a href="#" class="attremove pull-right float-end">&nbsp;&nbsp;<i class="fa fa-times"></i></a><i class="fa fa-arrows-v fa-arrows-alt-v"></i>&nbsp;&nbsp;' + $(this).text();
                if($(this).data('type')==='attr') {
                    newitem += '<select class="form-control form-select input-sm pull-right float-end mb-2" name="invalidHiding[]"><option value="disable">désactiver si invalide</option><option value="hide">cacher si invalide</option></select>';
                    newitem += '<select class="form-control form-select input-sm pull-right float-end mb-2" name="matchingType[]"><option value="or">correspond à n'importe quel</option><option value="and">correspond à tout</option></select>';
                }

Dashboard > Store > Product > Types > [Type name] > Attribute > Add Attribute Set : /dashboard/store/products/types/attributes/ Word in example : Éditer l'attribut

$('a[data-dialog=edit_control]').on('click', function() {
        window.scrollTo({ top: 0, left: 0, behavior: 'instant' })
        $('#ptlscID').val($(this).data('control-id'));
        $('#customLabel').val($(this).data('control-label'));
        $('#hidden').val($(this).data('control-hidden'));

        jQuery.fn.dialog.open({
            element: '#ccm-product-type-set-edit-control',
            modal: true,
            width: 520,
            title: 'Éditer l'attribut',
            height: 'auto'
        });