deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

tweak translation UI

Browse source
This commit is contained in:
Thibault Duplessis 2012-06-16 19:10:28 +02:00
parent 5e0a376ffc
commit 2dc0a9e1d3
2 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/views/i18n/translationForm.scala.html
View file

@ -10,7 +10,7 @@ title = info.codeAndName,
goodies = goodies.some) {
<h1 class="lichess_title">@info.codeAndName</h1>
<div class="progressbar flashy">
<div class="progressbar flashy @info.complete.fold("green", "")">
<div style="width: @info.percent%"></div>
</div>
<br />
@ -22,10 +22,12 @@ For example, <strong>View %s checkmates</strong> translated to french is <strong
@if(info.percent == 0) {
No need to submit a complete translation. You can just translate some sentences, and let the others complete it :)
}
@if(info.nonComplete) {
<div class="locale_menu clearfix">
<a class="all active">View all @info.nbMessages sentences</a>
<a class="missing">View @pluralize("missing sentence", info.nbMissing)</a>
</div>
}
<form class="translation_form" action="@routes.I18n.translationPost(info.code)" method="post">
<div class="messages">
@keys.keys.zipWithIndex.map {

32
public/javascripts/translation.js
View file

@ -1,19 +1,21 @@
$(function() {
$('div.messages div.message').each(function() {
if (!$(this).find('input').val()) {
$(this).addClass('missing');
}
});
$('div.locale_menu a').click(function() {
$(this).parent().find('a').removeClass('active');
$(this).addClass('active');
$('div.messages div.message').show();
if ($(this).hasClass('missing')) {
$('div.messages div.message').not('.missing').hide();
}
});
if ($('div.messages div.missing').length > 0) {
$('div.locale_menu a.missing').click();
if ($('div.locale_menu').length > 0) {
$('div.messages div.message').each(function() {
if (!$(this).find('input').val()) {
$(this).addClass('missing');
}
});
$('div.locale_menu a').click(function() {
$(this).parent().find('a').removeClass('active');
$(this).addClass('active');
$('div.messages div.message').show();
if ($(this).hasClass('missing')) {
$('div.messages div.message').not('.missing').hide();
}
});
if ($('div.messages div.missing').length > 0) {
$('div.locale_menu a.missing').click();
}
}
});