Как правильно использовать gettext в JS коде?

Question

[nurzhannogerbek]

Здравствуйте! Помогите пожалуйста разобраться.

В своем Джанго проекте мне нужно перевести текст, который находится в JS коде. Сам код вы можете увидеть внизу. С помощью команд makemessages и compilemessages мне удалось перевести эти слова (создать djangojs.po и djangojs.mo файлы). Проблема в том, что JS код перестал работать корректно на странице после добавления gettext в JS код. Выдает ошибку. Как исправить данную ситуацию?

urls.py:

from django.views.i18n import javascript_catalog

js_info_dict = {
    'domain': 'djangojs',
    'packages': ('slider',),  # my app name
}

urlpatterns = [
   [OTHER URLs]

    # Internationalization in Javascript Code
    url(r'^jsi18n/$',
        javascript_catalog,
        js_info_dict,
        name='javascript-catalog'),
]

JS:

$("#slideModalBox").on("click", "#imageFieldClearBtn", function() {
    $('#imageFieldFileName').val("");
    $('#imageFieldClearBtn').hide();
    $('#imageFieldInput input:file').val("");
    $("#imageFieldInputTitle").text(gettext("Добавить изображение"););
});

$("#slideModalBox").on("change", "#imageFieldInput input:file", function() {
    var file = this.files[0];
    var reader = new FileReader();
    reader.onload = function (e) {
        $("#imageFieldInputTitle").text(gettext("Изменить изображение")); <-- Указывает на ошибку в этом месте
        $("#imageFieldClearBtn").show();
        $("#imageFieldFileName").val(file.name);            
    }
    reader.readAsDataURL(file);
});

ERROR: (в консоли браузера)

ReferenceError: gettext is not defined
reader.onload http://127.0.0.1:8000/static/js/slider/image_field.js:12:9

Comments

[maxfox]

Уж не пытаетесь ли вы вызвать python-функцию из js? Если честно, других предположений о том, что у вас там написано, нет..

[nurzhannogerbek]

maxfox: Вроде в доках написано, что настроив url можно использовать gettext, ngettext, pgettext в JS. Саму настройку url делал по этому разделу.

Answer 1

[nurzhannogerbek]

Проблему решил следующим образом. В шаблоне перед загрузкой своего скрипта нужно указать данный код.

<script src="{% url 'javascript-catalog' %}"></script>
{# Далее подгружаю свой скрипт #}

Comments

[elfchk]

Комрад, ты не представляешь, как ты мне помог, 3 часа курения различных мануалов, а дело было просто во очереди подгрузки скрипта. Низкий тебе поклон!