finished new gui for language toggle

This commit is contained in:
shiin 2012-05-09 22:22:51 +02:00
parent e39479b908
commit a329b1259e
3 changed files with 15 additions and 6 deletions

View File

@ -42,7 +42,7 @@ init: function() {
document.getElementById('gui-input-target').value = OSRM.DEFAULTS.ONLOAD_TARGET;
// init units selector
OSRM.GUI.initSelector( "gui-units-toggle", [{display:"Kilometers",value:0},{display:"Miles",value:1}], 0, OSRM.GUI.onUnitsChanged );
OSRM.GUI.selectorInit( "gui-units-toggle", [{display:"Kilometers",value:0},{display:"Miles",value:1}], 0, OSRM.GUI.onUnitsChanged );
},
// set language dependent labels

View File

@ -22,7 +22,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
OSRM.GUI.extend( {
// initialize selector with all options and our look&feel
initSelector: function(id, options, selected, onchange_fct) {
selectorInit: function(id, options, selected, onchange_fct) {
// create dropdown menu
var select = document.getElementById(id);
select.className = "styled-select-helper base-font";
@ -56,6 +56,12 @@ selectorOnChange: function(select) {
document.getElementById("styled-select-" + select.id).childNodes[0].nodeValue = option[i].childNodes[0].nodeValue;
break;
}
},
// change selector value
selectorChange: function(select, value) {
select.value = value;
OSRM.GUI.selectorOnChange(select);
}
});

View File

@ -42,14 +42,17 @@ init: function() {
}
// generate selectors
OSRM.GUI.initSelector("gui-language-toggle", options, selected, OSRM.Localization.setLanguage);
OSRM.GUI.initSelector("gui-language-toggle-2", options_2, selected, OSRM.Localization.setLanguage);
OSRM.GUI.selectorInit("gui-language-toggle", options, selected, OSRM.Localization.setLanguage);
OSRM.GUI.selectorInit("gui-language-toggle-2", options_2, selected, OSRM.Localization.setLanguage);
// set default language
OSRM.Localization.setLanguage( OSRM.DEFAULTS.LANGUAGE );
OSRM.Localization.setLanguage( OSRM.DEFAULTS.LANGUAGE );
},
setLanguage: function(language) {
// TODO: also change language of other selector
// change value of both language selectors
OSRM.GUI.selectorChange( document.getElementById('gui-language-toggle'), language );
OSRM.GUI.selectorChange( document.getElementById('gui-language-toggle-2'), language );
if( OSRM.Localization[language]) {
OSRM.Localization.current_language = language;
// change gui language