|
Lines 1-193
Link Here
|
|
|
1 |
[% SET footerjs = 1 %] |
| 1 |
[% INCLUDE 'doc-head-open.inc' %] |
2 |
[% INCLUDE 'doc-head-open.inc' %] |
| 2 |
<title>Koha › Localization</title> |
3 |
<title>Koha › Localization</title> |
| 3 |
[% INCLUDE 'doc-head-close.inc' popup => 1 %] |
4 |
[% INCLUDE 'doc-head-close.inc' popup => 1 %] |
| 4 |
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables.css" /> |
5 |
<link rel="stylesheet" type="text/css" href="[% interface %]/[% theme %]/css/datatables.css" /> |
| 5 |
[% INCLUDE 'greybox.inc' %] |
|
|
| 6 |
[% INCLUDE 'datatables.inc' %] |
| 7 |
<script type="text/javascript"> |
| 8 |
//<![CDATA[ |
| 9 |
|
| 10 |
function show_message( params ) { |
| 11 |
var type = params.type; |
| 12 |
var data = params.data; |
| 13 |
var messages = $("#messages"); |
| 14 |
var message; |
| 15 |
if ( type == 'success_on_update' ) { |
| 16 |
message = $('<div class="dialog message"></div>'); |
| 17 |
message.text("Entity %s (code %s) for lang %s has correctly been updated with '%s'".format(data.entity, data.code, data.lang, data.translation)); |
| 18 |
} else if ( type == 'error_on_update' ) { |
| 19 |
message = $('<div class="dialog alert"></div>'); |
| 20 |
if ( data.error_code == 'already_exists' ) { |
| 21 |
message.text("A translation already exists for this language."); |
| 22 |
} else { |
| 23 |
message.text("An error occurred when updating this translation."); |
| 24 |
} |
| 25 |
} else if ( type == 'success_on_delete' ) { |
| 26 |
message = $('<div class="dialog message"></div>'); |
| 27 |
message.text("The translation (id %s) has been removed successfully".format(data.id)); |
| 28 |
} else if ( type == 'error_on_delete' ) { |
| 29 |
message = $('<div class="dialog alert"></div>'); |
| 30 |
message.text("An error occurred when deleting this translation"); |
| 31 |
} else if ( type == 'success_on_insert' ) { |
| 32 |
message = $('<div class="dialog message"></div>'); |
| 33 |
message.text("Translation (id %s) has been added successfully".format(data.id)); |
| 34 |
} else if ( type == 'error_on_insert' ) { |
| 35 |
message = $('<div class="dialog alert"></div>'); |
| 36 |
if ( data.error_code == 'already_exists' ) { |
| 37 |
message.text("A translation already exists for this language."); |
| 38 |
} else { |
| 39 |
message.text("An error occurred when adding this translation"); |
| 40 |
} |
| 41 |
} |
| 42 |
|
| 43 |
$(messages).append(message); |
| 44 |
|
| 45 |
setTimeout(function(){ |
| 46 |
message.hide() |
| 47 |
}, 3000); |
| 48 |
} |
| 49 |
|
| 50 |
function send_update_request( data, cell ) { |
| 51 |
$.ajax({ |
| 52 |
data: data, |
| 53 |
type: 'PUT', |
| 54 |
url: '/cgi-bin/koha/svc/localization', |
| 55 |
success: function (data) { |
| 56 |
if ( data.error ) { |
| 57 |
$(cell).css('background-color', '#FF0000'); |
| 58 |
show_message({ type: 'error_on_update', data: data }); |
| 59 |
} else if ( data.is_changed == 1 ) { |
| 60 |
$(cell).css('background-color', '#00FF00'); |
| 61 |
show_message({ type: 'success_on_update', data: data }); |
| 62 |
} |
| 63 |
|
| 64 |
if ( $(cell).hasClass('lang') ) { |
| 65 |
$(cell).text(data.lang) |
| 66 |
} else if ( $(cell).hasClass('translation') ) { |
| 67 |
$(cell).text(data.translation) |
| 68 |
} |
| 69 |
}, |
| 70 |
error: function (data) { |
| 71 |
$(cell).css('background-color', '#FF0000'); |
| 72 |
if ( $(cell).hasClass('lang') ) { |
| 73 |
$(cell).text(data.lang) |
| 74 |
} else if ( $(cell).hasClass('translation') ) { |
| 75 |
$(cell).text(data.translation) |
| 76 |
} |
| 77 |
show_message({ type: 'error_on_update', data: data }); |
| 78 |
}, |
| 79 |
}); |
| 80 |
} |
| 81 |
|
| 82 |
function send_delete_request( id, cell ) { |
| 83 |
$.ajax({ |
| 84 |
type: 'DELETE', |
| 85 |
url: '/cgi-bin/koha/svc/localization/?id='+id, |
| 86 |
success: function (data) { |
| 87 |
$("#localization").DataTable().row( '#row_id_' + id ).remove().draw(); |
| 88 |
show_message({ type: 'success_on_delete', data: data }); |
| 89 |
}, |
| 90 |
error: function (data) { |
| 91 |
$(cell).css('background-color', '#FF0000'); |
| 92 |
show_message({ type: 'error_on_delete', data: data }); |
| 93 |
}, |
| 94 |
}); |
| 95 |
} |
| 96 |
|
| 97 |
$(document).ready(function() { |
| 98 |
$(".dialog").hide(); |
| 99 |
|
| 100 |
var table = $("#localization").DataTable($.extend(true, {}, dataTablesDefaults, { |
| 101 |
'bPaginate': false, |
| 102 |
})); |
| 103 |
|
| 104 |
var languages_select = $('<select name="lang"></select>'); |
| 105 |
[% FOR language IN languages %] |
| 106 |
[% FOR sublanguage IN language.sublanguages_loop %] |
| 107 |
var option; |
| 108 |
[% IF language.plural %] |
| 109 |
option = $('<option value="[% sublanguage.rfc4646_subtag %]">[% sublanguage.native_description %] [% sublanguage.region_description %] ([% sublanguage.rfc4646_subtag %])</option>'); |
| 110 |
$(languages_select).append(option); |
| 111 |
[% ELSE %] |
| 112 |
option = $('<option value="[% sublanguage.rfc4646_subtag %]">[% sublanguage.native_description %] ([% sublanguage.rfc4646_subtag %])</option>'); |
| 113 |
[% END %] |
| 114 |
$(languages_select).append(option); |
| 115 |
[% END %] |
| 116 |
[% END %] |
| 117 |
|
| 118 |
$("td.translation").on('focus', function(){ |
| 119 |
$(this).css('background-color', ''); |
| 120 |
}); |
| 121 |
$("td.lang").on('click', function(){ |
| 122 |
var td = this; |
| 123 |
var lang = $(td).text(); |
| 124 |
$(td).css('background-color', ''); |
| 125 |
var my_select = $(languages_select).clone(); |
| 126 |
$(my_select).find('option[value="' + lang + '"]').attr('selected', 'selected'); |
| 127 |
$(my_select).on('click', function(e){ |
| 128 |
e.stopPropagation(); |
| 129 |
}); |
| 130 |
$(my_select).on('change', function(){ |
| 131 |
var tr = $(this).parent().parent(); |
| 132 |
var id = $(tr).data('id'); |
| 133 |
var lang = $(this).find('option:selected').val(); |
| 134 |
var data = "id=" + encodeURIComponent(id) + "&lang=" + encodeURIComponent(lang); |
| 135 |
send_update_request( data, td ); |
| 136 |
}); |
| 137 |
$(my_select).on('blur', function(){ |
| 138 |
$(td).html(lang); |
| 139 |
}); |
| 140 |
$(this).html(my_select); |
| 141 |
}); |
| 142 |
|
| 143 |
$("td.translation").on('blur', function(){ |
| 144 |
var tr = $(this).parent(); |
| 145 |
var id = $(tr).data('id'); |
| 146 |
var translation = $(this).text(); |
| 147 |
var data = "id=" + encodeURIComponent(id) + "&translation=" + encodeURIComponent(translation); |
| 148 |
send_update_request( data, this ); |
| 149 |
}); |
| 150 |
|
| 151 |
$("a.delete").on('click', function(e){ |
| 152 |
e.preventDefault(); |
| 153 |
if ( confirm(_("Are you sure you want to delete this translation?")) ) { |
| 154 |
var td = $(this).parent(); |
| 155 |
var tr = $(td).parent(); |
| 156 |
var id = $(tr).data('id'); |
| 157 |
send_delete_request( id, td ); |
| 158 |
} |
| 159 |
}); |
| 160 |
|
| 161 |
$("#add_translation").on('submit', function(e){ |
| 162 |
e.preventDefault(); |
| 163 |
var entity = $(this).find('input[name="entity"]').val(); |
| 164 |
var code = $(this).find('input[name="code"]').val(); |
| 165 |
var lang = $(this).find('select[name="lang"] option:selected').val(); |
| 166 |
var translation = $(this).find('input[name="translation"]').val(); |
| 167 |
var data = "entity=" + encodeURIComponent(entity) + "&code=" + encodeURIComponent(code) + "&lang=" + encodeURIComponent(lang) + "&translation=" + encodeURIComponent(translation); |
| 168 |
$.ajax({ |
| 169 |
data: data, |
| 170 |
type: 'POST', |
| 171 |
url: '/cgi-bin/koha/svc/localization', |
| 172 |
success: function (data) { |
| 173 |
if ( data.error ) { |
| 174 |
show_message({ type: 'error_on_insert', data: data }); |
| 175 |
} else { |
| 176 |
// FIXME Should append the delete link |
| 177 |
table.row.add( [ data.id, data.entity, data.code, data.lang, data.translation, "" ] ).draw(); |
| 178 |
show_message({ type: 'success_on_insert', data: data }); |
| 179 |
} |
| 180 |
}, |
| 181 |
error: function (data) { |
| 182 |
show_message({ type: 'error_on_insert', data: data }); |
| 183 |
}, |
| 184 |
}); |
| 185 |
}); |
| 186 |
|
| 187 |
}); |
| 188 |
//]]> |
| 189 |
</script> |
| 190 |
</head> |
6 |
</head> |
|
|
7 |
|
| 191 |
<body id="admin_localization" class="admin"> |
8 |
<body id="admin_localization" class="admin"> |
| 192 |
<div id="main"> |
9 |
<div id="main"> |
| 193 |
<form id="add_translation" method="post"> |
10 |
<form id="add_translation" method="post"> |
|
Lines 233-237
Link Here
|
| 233 |
</tbody> |
50 |
</tbody> |
| 234 |
</table> |
51 |
</table> |
| 235 |
</div> |
52 |
</div> |
| 236 |
</body> |
53 |
|
| 237 |
</html> |
54 |
[% MACRO jsinclude BLOCK %] |
|
|
55 |
[% INCLUDE 'datatables.inc' %] |
| 56 |
<script type="text/javascript"> |
| 57 |
|
| 58 |
function show_message( params ) { |
| 59 |
var type = params.type; |
| 60 |
var data = params.data; |
| 61 |
var messages = $("#messages"); |
| 62 |
var message; |
| 63 |
if ( type == 'success_on_update' ) { |
| 64 |
message = $('<div class="dialog message"></div>'); |
| 65 |
message.text("Entity %s (code %s) for lang %s has correctly been updated with '%s'".format(data.entity, data.code, data.lang, data.translation)); |
| 66 |
} else if ( type == 'error_on_update' ) { |
| 67 |
message = $('<div class="dialog alert"></div>'); |
| 68 |
if ( data.error_code == 'already_exists' ) { |
| 69 |
message.text("A translation already exists for this language."); |
| 70 |
} else { |
| 71 |
message.text("An error occurred when updating this translation."); |
| 72 |
} |
| 73 |
} else if ( type == 'success_on_delete' ) { |
| 74 |
message = $('<div class="dialog message"></div>'); |
| 75 |
message.text("The translation (id %s) has been removed successfully".format(data.id)); |
| 76 |
} else if ( type == 'error_on_delete' ) { |
| 77 |
message = $('<div class="dialog alert"></div>'); |
| 78 |
message.text("An error occurred when deleting this translation"); |
| 79 |
} else if ( type == 'success_on_insert' ) { |
| 80 |
message = $('<div class="dialog message"></div>'); |
| 81 |
message.text("Translation (id %s) has been added successfully".format(data.id)); |
| 82 |
} else if ( type == 'error_on_insert' ) { |
| 83 |
message = $('<div class="dialog alert"></div>'); |
| 84 |
if ( data.error_code == 'already_exists' ) { |
| 85 |
message.text("A translation already exists for this language."); |
| 86 |
} else { |
| 87 |
message.text("An error occurred when adding this translation"); |
| 88 |
} |
| 89 |
} |
| 90 |
|
| 91 |
$(messages).append(message); |
| 92 |
|
| 93 |
setTimeout(function(){ |
| 94 |
message.hide() |
| 95 |
}, 3000); |
| 96 |
} |
| 97 |
|
| 98 |
function send_update_request( data, cell ) { |
| 99 |
$.ajax({ |
| 100 |
data: data, |
| 101 |
type: 'PUT', |
| 102 |
url: '/cgi-bin/koha/svc/localization', |
| 103 |
success: function (data) { |
| 104 |
if ( data.error ) { |
| 105 |
$(cell).css('background-color', '#FF0000'); |
| 106 |
show_message({ type: 'error_on_update', data: data }); |
| 107 |
} else if ( data.is_changed == 1 ) { |
| 108 |
$(cell).css('background-color', '#00FF00'); |
| 109 |
show_message({ type: 'success_on_update', data: data }); |
| 110 |
} |
| 111 |
|
| 112 |
if ( $(cell).hasClass('lang') ) { |
| 113 |
$(cell).text(data.lang) |
| 114 |
} else if ( $(cell).hasClass('translation') ) { |
| 115 |
$(cell).text(data.translation) |
| 116 |
} |
| 117 |
}, |
| 118 |
error: function (data) { |
| 119 |
$(cell).css('background-color', '#FF0000'); |
| 120 |
if ( $(cell).hasClass('lang') ) { |
| 121 |
$(cell).text(data.lang) |
| 122 |
} else if ( $(cell).hasClass('translation') ) { |
| 123 |
$(cell).text(data.translation) |
| 124 |
} |
| 125 |
show_message({ type: 'error_on_update', data: data }); |
| 126 |
}, |
| 127 |
}); |
| 128 |
} |
| 129 |
|
| 130 |
function send_delete_request( id, cell ) { |
| 131 |
$.ajax({ |
| 132 |
type: 'DELETE', |
| 133 |
url: '/cgi-bin/koha/svc/localization/?id='+id, |
| 134 |
success: function (data) { |
| 135 |
$("#localization").DataTable().row( '#row_id_' + id ).remove().draw(); |
| 136 |
show_message({ type: 'success_on_delete', data: data }); |
| 137 |
}, |
| 138 |
error: function (data) { |
| 139 |
$(cell).css('background-color', '#FF0000'); |
| 140 |
show_message({ type: 'error_on_delete', data: data }); |
| 141 |
}, |
| 142 |
}); |
| 143 |
} |
| 144 |
|
| 145 |
$(document).ready(function() { |
| 146 |
$(".dialog").hide(); |
| 147 |
|
| 148 |
var table = $("#localization").DataTable($.extend(true, {}, dataTablesDefaults, { |
| 149 |
'bPaginate': false, |
| 150 |
})); |
| 151 |
|
| 152 |
var languages_select = $('<select name="lang"></select>'); |
| 153 |
[% FOR language IN languages %] |
| 154 |
[% FOR sublanguage IN language.sublanguages_loop %] |
| 155 |
var option; |
| 156 |
[% IF language.plural %] |
| 157 |
option = $('<option value="[% sublanguage.rfc4646_subtag %]">[% sublanguage.native_description %] [% sublanguage.region_description %] ([% sublanguage.rfc4646_subtag %])</option>'); |
| 158 |
$(languages_select).append(option); |
| 159 |
[% ELSE %] |
| 160 |
option = $('<option value="[% sublanguage.rfc4646_subtag %]">[% sublanguage.native_description %] ([% sublanguage.rfc4646_subtag %])</option>'); |
| 161 |
[% END %] |
| 162 |
$(languages_select).append(option); |
| 163 |
[% END %] |
| 164 |
[% END %] |
| 165 |
|
| 166 |
$("td.translation").on('focus', function(){ |
| 167 |
$(this).css('background-color', ''); |
| 168 |
}); |
| 169 |
$("td.lang").on('click', function(){ |
| 170 |
var td = this; |
| 171 |
var lang = $(td).text(); |
| 172 |
$(td).css('background-color', ''); |
| 173 |
var my_select = $(languages_select).clone(); |
| 174 |
$(my_select).find('option[value="' + lang + '"]').attr('selected', 'selected'); |
| 175 |
$(my_select).on('click', function(e){ |
| 176 |
e.stopPropagation(); |
| 177 |
}); |
| 178 |
$(my_select).on('change', function(){ |
| 179 |
var tr = $(this).parent().parent(); |
| 180 |
var id = $(tr).data('id'); |
| 181 |
var lang = $(this).find('option:selected').val(); |
| 182 |
var data = "id=" + encodeURIComponent(id) + "&lang=" + encodeURIComponent(lang); |
| 183 |
send_update_request( data, td ); |
| 184 |
}); |
| 185 |
$(my_select).on('blur', function(){ |
| 186 |
$(td).html(lang); |
| 187 |
}); |
| 188 |
$(this).html(my_select); |
| 189 |
}); |
| 190 |
|
| 191 |
$("td.translation").on('blur', function(){ |
| 192 |
var tr = $(this).parent(); |
| 193 |
var id = $(tr).data('id'); |
| 194 |
var translation = $(this).text(); |
| 195 |
var data = "id=" + encodeURIComponent(id) + "&translation=" + encodeURIComponent(translation); |
| 196 |
send_update_request( data, this ); |
| 197 |
}); |
| 198 |
|
| 199 |
$("a.delete").on('click', function(e){ |
| 200 |
e.preventDefault(); |
| 201 |
if ( confirm(_("Are you sure you want to delete this translation?")) ) { |
| 202 |
var td = $(this).parent(); |
| 203 |
var tr = $(td).parent(); |
| 204 |
var id = $(tr).data('id'); |
| 205 |
send_delete_request( id, td ); |
| 206 |
} |
| 207 |
}); |
| 208 |
|
| 209 |
$("#add_translation").on('submit', function(e){ |
| 210 |
e.preventDefault(); |
| 211 |
var entity = $(this).find('input[name="entity"]').val(); |
| 212 |
var code = $(this).find('input[name="code"]').val(); |
| 213 |
var lang = $(this).find('select[name="lang"] option:selected').val(); |
| 214 |
var translation = $(this).find('input[name="translation"]').val(); |
| 215 |
var data = "entity=" + encodeURIComponent(entity) + "&code=" + encodeURIComponent(code) + "&lang=" + encodeURIComponent(lang) + "&translation=" + encodeURIComponent(translation); |
| 216 |
$.ajax({ |
| 217 |
data: data, |
| 218 |
type: 'POST', |
| 219 |
url: '/cgi-bin/koha/svc/localization', |
| 220 |
success: function (data) { |
| 221 |
if ( data.error ) { |
| 222 |
show_message({ type: 'error_on_insert', data: data }); |
| 223 |
} else { |
| 224 |
// FIXME Should append the delete link |
| 225 |
table.row.add( [ data.id, data.entity, data.code, data.lang, data.translation, "" ] ).draw(); |
| 226 |
show_message({ type: 'success_on_insert', data: data }); |
| 227 |
} |
| 228 |
}, |
| 229 |
error: function (data) { |
| 230 |
show_message({ type: 'error_on_insert', data: data }); |
| 231 |
}, |
| 232 |
}); |
| 233 |
}); |
| 234 |
|
| 235 |
}); |
| 236 |
</script> |
| 237 |
[% END %] |
| 238 |
[% INCLUDE 'popup-bottom.inc' %] |