You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
2.7 KiB
JavaScript
82 lines
2.7 KiB
JavaScript
7 years ago
|
define([
|
||
|
|
'jquery',
|
||
|
|
'/customize/messages.js'
|
||
|
|
], function($, Messages) {
|
||
|
|
var LS_LANG = "CRYPTPAD_LANG";
|
||
|
|
|
||
|
|
var Msg = {};
|
||
|
|
|
||
|
|
Msg.getLanguage = Messages._getLanguage;
|
||
|
|
|
||
|
|
// Add handler to the language selector
|
||
|
|
Msg.setLanguage = function (l, sframeChan, cb) {
|
||
|
|
console.log(sframeChan);
|
||
|
|
if (sframeChan) {
|
||
|
|
// We're in the sandbox
|
||
|
|
sframeChan.query("Q_LANGUAGE_SET", l, cb);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
localStorage.setItem(LS_LANG, l);
|
||
|
|
cb();
|
||
|
|
};
|
||
|
|
|
||
|
|
Msg.initSelector = function ($select, sfcommon) {
|
||
|
|
var selector = $select || $('#cp-language-selector');
|
||
|
|
|
||
|
|
if (!selector.length) { return; }
|
||
|
|
|
||
|
|
var language = Messages._getLanguage();
|
||
|
|
|
||
|
|
// Select the current language in the list
|
||
|
|
selector.setValue(language || 'en');
|
||
|
|
|
||
|
|
// Listen for language change
|
||
|
|
$(selector).find('a.cp-language-value').on('click', function () {
|
||
|
|
var newLanguage = $(this).attr('data-value');
|
||
|
|
Msg.setLanguage(newLanguage, sfcommon && sfcommon.getSframeChannel(), function () {
|
||
|
|
if (newLanguage !== language) {
|
||
|
|
if (sfcommon) {
|
||
|
|
sfcommon.gotoURL();
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
window.location.reload();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
Msg.applyTranslation = function () {
|
||
|
|
var translateText = function (i, e) {
|
||
|
|
var $el = $(e);
|
||
|
|
var key = $el.data('localization');
|
||
|
|
$el.html(Messages[key]);
|
||
|
|
};
|
||
|
|
var translateAppend = function (i, e) {
|
||
|
|
var $el = $(e);
|
||
|
|
var key = $el.data('localization-append');
|
||
|
|
$el.append(Messages[key]);
|
||
|
|
};
|
||
|
|
var translateTitle = function () {
|
||
|
|
var $el = $(this);
|
||
|
|
var key = $el.data('localization-title');
|
||
|
|
$el.attr('title', Messages[key]);
|
||
|
|
};
|
||
|
|
var translatePlaceholder = function () {
|
||
|
|
var $el = $(this);
|
||
|
|
var key = $el.data('localization-placeholder');
|
||
|
|
$el.attr('placeholder', Messages[key]);
|
||
|
|
};
|
||
|
|
$('[data-localization]').each(translateText);
|
||
|
|
$('[data-localization-append]').each(translateAppend);
|
||
|
|
$('[data-localization-title]').each(translateTitle);
|
||
|
|
$('[data-localization-placeholder]').each(translatePlaceholder);
|
||
|
|
$('#pad-iframe').contents().find('[data-localization]').each(translateText);
|
||
|
|
$('#pad-iframe').contents().find('[data-localization-append]').each(translateAppend);
|
||
|
|
$('#pad-iframe').contents().find('[data-localization-title]').each(translateTitle);
|
||
|
|
$('#pad-iframe').contents().find('[data-localization-placeholder]').each(translatePlaceholder);
|
||
|
|
};
|
||
|
|
|
||
|
|
return Msg;
|
||
|
|
|
||
|
|
});
|