You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
2.2 KiB
76 lines
2.2 KiB
11 years ago
|
$(function() {
|
||
|
|
$('table#translations td.value').click(function() {
|
||
|
|
var $this = $(this);
|
||
|
|
if(!$this.find('.translation-form').length) {
|
||
|
|
startTranslating($this);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
if ($('table#translations').length) {
|
||
|
|
$(document).click(function(event) {
|
||
|
|
$target = $(event.target);
|
||
|
|
if ($target.closest('table#translations').length < 1 && !$target.hasClass('auto-translate')) {
|
||
|
|
stopTranslating();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
$('.auto-translate').click(function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
$td = $(this).parent();
|
||
|
|
saveTranslation($td, null, true);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
function saveTranslation($td, $move_to, auto_translate) {
|
||
|
|
var val = '';
|
||
|
|
var do_auto_translate = true;
|
||
|
|
if (typeof auto_translate == "undefined" || !auto_translate) {
|
||
|
|
val = $td.find('textarea').val();
|
||
|
|
do_auto_translate = false;
|
||
|
|
}
|
||
|
|
var key = $td.parent().data().key;
|
||
|
|
var params = {
|
||
|
|
translationkey: key,
|
||
|
|
translationvalue: val,
|
||
|
|
translationlang: window.location.href.replace(/^.*\/(\w+)\/$/, '$1')
|
||
|
|
};
|
||
|
|
if (do_auto_translate) {
|
||
|
|
params['auto_translate'] = true;
|
||
|
|
}
|
||
|
|
params['authenticity_token'] = $('table#translations').data().token;
|
||
|
|
$.post('/translate/', params, function(json) {
|
||
|
|
$td.html(json.translation);
|
||
|
|
if ($td.parent().hasClass('not-exists')) {
|
||
|
|
$td.parent().removeClass('not-exists');
|
||
|
|
$td.parent().addClass('exists');
|
||
|
|
}
|
||
|
|
$('.translation-form').remove();
|
||
|
|
if (typeof $move_to != "undefined" && $move_to) {
|
||
|
|
startTranslating($move_to);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
function stopTranslating() {
|
||
|
|
$('.translation-form').remove();
|
||
|
|
}
|
||
|
|
|
||
|
|
function startTranslating($td) {
|
||
|
|
stopTranslating();
|
||
|
|
var value = $td.parent().hasClass('not-exists') ? '' : $td.html().trim();
|
||
|
|
var $tr = $td.parent();
|
||
|
|
var key = $tr.data().key;
|
||
|
|
$td.append('<div class="translation-form"><textarea>' + value + '</textarea><button class="small" data-key="' + key + '">Save</textarea>');
|
||
|
|
var $textarea = $td.find('textarea');
|
||
|
|
$textarea.select();
|
||
|
|
$td.find('.translation-form button').click(function() { saveTranslation($td); });
|
||
|
|
$textarea.keydown(function(event) {
|
||
|
|
if (event.keyCode == 9) {
|
||
|
|
event.preventDefault();
|
||
|
|
var $new_tr = event.shiftKey ? $tr.prev() : $tr.next();
|
||
|
|
saveTranslation($td, $new_tr.find('.value'));
|
||
|
|
} else if (event.keyCode == 27) {
|
||
|
|
stopTranslating();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|