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

accomodate ui/learn to other languages

Browse source
This commit is contained in:
Thibault Duplessis 2017-07-24 11:53:36 +02:00
parent df733af8f1
commit c54eacc24f
2 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/stylesheets/learn.css
View file

@ -712,9 +712,17 @@ body.dark #learn_app .map .categ > h2 {
}
#learn_app .map .stage h3 {
font-size: 2em;
letter-spacing: 4px;
letter-spacing: 3px;
margin: 0 0 1px -1px;
}
#learn_app .map .stage.vv h3 {
font-size: 1.6em;
letter-spacing: 2px;
}
#learn_app .map .stage.vvv h3 {
font-size: 1.4em;
letter-spacing: 1px;
}
@keyframes soft-bright {
50%{
filter: brightness(1.1);

19
ui/learn/src/map/mapView.js
View file

@ -9,7 +9,7 @@ function makeStars(nb) {
stars.push(m('i', {
'data-icon': 't'
}));
return stars;
return stars;
}
function ribbon(ctrl, s, status, res) {
@ -19,7 +19,7 @@ function ribbon(ctrl, s, status, res) {
var p = ctrl.stageProgress(s);
content = p[0] ? p.join(' / ') : ctrl.trans.noarg('play');
} else
content = makeStars(scoring.getStageRank(s, res.scores));
content = makeStars(scoring.getStageRank(s, res.scores));
if (status !== 'future') return m('span.ribbon-wrapper',
m('span.ribbon', {
class: status
@ -29,7 +29,9 @@ function ribbon(ctrl, s, status, res) {
function whatNext(ctrl) {
var makeStage = function(href, img, title, subtitle, done) {
return m('a.stage.done', {
var transTitle = ctrl.trans.noarg(title);
return m('a', {
class: 'stage done' + titleVerbosityClass(transTitle),
href: href
}, [
done ? m('span.ribbon-wrapper',
@ -39,7 +41,7 @@ function whatNext(ctrl) {
src: util.assetUrl + 'images/learn/' + img + '.svg'
}),
m('div.text', [
m('h3', ctrl.trans.noarg(title)),
m('h3', transTitle),
m('p.subtitle', ctrl.trans.noarg(subtitle))
])
]);
@ -61,6 +63,10 @@ function whatNext(ctrl) {
]);
}
function titleVerbosityClass(title) {
return title.length > 13 ? (title.length > 18 ? ' vvv' : ' vv' ): '';
}
module.exports = function(ctrl) {
return m('div.learn.map',
m('div.stages', [
@ -75,8 +81,9 @@ module.exports = function(ctrl) {
var status = 'future';
if (complete) status = 'done';
else if (prevComplete || res) status = 'ongoing';
var title = ctrl.trans.noarg(s.title);
return m('a', {
class: 'stage ' + status,
class: 'stage ' + status + titleVerbosityClass(title),
href: '/' + s.id,
config: m.route
}, [
@ -85,7 +92,7 @@ module.exports = function(ctrl) {
src: s.image
}),
m('div.text', [
m('h3', ctrl.trans.noarg(s.title)),
m('h3', title),
m('p.subtitle', ctrl.trans.noarg(s.subtitle))
])
]);