Как сделать переводимой на другой язык строку, добавляемую в интерфейс скриптом JavaScript

dmitrii_fediuk · September 23, 2015, 8:25am

Используйте метод $.mage.__.
Пример использования:

magento/magento2/blob/6a9988382bb0cdec11fd15694008977d261028de/app/code/Magento/Catalog/view/adminhtml/web/js/custom-options.js#L38


    this._initSortableSelections();
    this._bindCheckboxHandlers();
    this._bindReadOnlyMode();
    this._addValidation();
},


_addValidation: function () {
    $.validator.addMethod(
        'required-option-select', function (value) {
            return (value !== '');
        }, $.mage.__('Select type of option.'));


    $.validator.addMethod(
        'required-option-select-type-rows', function (value, element) {
            var optionContainerElm = element.up('div[id*=_type_]'),
                selectTypesFlag = false,
                selectTypeElements = $('#' + optionContainerElm.id + ' .select-type-title');


            selectTypeElements.each(function () {
                if (!$(this).closest('tr').hasClass('ignore-validate')) {
                    selectTypesFlag = true;

Перевод поместите в папку i18n своего модуля.
Обратите внимание, что размещать в этой папке файл en_US.csv необязательно: достаточно (хотя модули ядра это делают): достаточно разместить файлы языка, на который Вы переводите интерфейс.

Обратите внимание, что в некоторых модулях ядра используется другой способ перевода:
ручная загрузка библиотеки mage/translate через define / require

github.com

magento/magento2/blob/6a9988382bb0cdec11fd15694008977d261028de/app/code/Magento/Braintree/view/frontend/web/js/cc-edit-form.js#L9


/**
* Copyright © 2015 Magento. All rights reserved.
* See COPYING.txt for license details.
*/
/*jshint jquery:true*/
define([
   "jquery",
   "braintree",
   'mage/translate',
   "jquery/ui"
], function ($, braintree, $t) {
   'use strict';


   $.widget('mage.braintreeEditForm', {
       options: {
           backUrl: '',
           formId: '#form-validate',
           creditCardTypeId: '#credit_card_type',
           deviceDataId: '#device_data',

с последующим использованием:

github.com

magento/magento2/blob/6a9988382bb0cdec11fd15694008977d261028de/app/code/Magento/Braintree/view/frontend/web/js/cc-edit-form.js#L202


                    success: function (response) {
                        $('body').trigger('processStop');
                        if (response instanceof Object) {
                            if (response.success) {
                                $('body').trigger('processStart');
                                window.location = self.options.backUrl;
                            }
                        }
                    },
                    error: function (response) {
                        alert($t('There was error during saving card data'));
                    }
                });
            } else {
                //handle error
                $('body').trigger('processStop');
                alert($t('There was error during saving card data'));
            }
        });
    }
}

Однако у меня такой способ не сработал, потому что функция перевода вызывалась раньше, чем словарь с фразами загружался с сервера. В то же время $.mage.__ работает отличнo.