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; document.getElementById('gui-input-target').value = OSRM.DEFAULTS.ONLOAD_TARGET;
// init units selector // 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 // set language dependent labels

View File

@ -22,7 +22,7 @@ or see http://www.gnu.org/licenses/agpl.txt.
OSRM.GUI.extend( { OSRM.GUI.extend( {
// initialize selector with all options and our look&feel // 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 // create dropdown menu
var select = document.getElementById(id); var select = document.getElementById(id);
select.className = "styled-select-helper base-font"; 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; document.getElementById("styled-select-" + select.id).childNodes[0].nodeValue = option[i].childNodes[0].nodeValue;
break; 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 // generate selectors
OSRM.GUI.initSelector("gui-language-toggle", options, selected, OSRM.Localization.setLanguage); OSRM.GUI.selectorInit("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-2", options_2, selected, OSRM.Localization.setLanguage);
// set default language // set default language
OSRM.Localization.setLanguage( OSRM.DEFAULTS.LANGUAGE ); OSRM.Localization.setLanguage( OSRM.DEFAULTS.LANGUAGE );
}, },
setLanguage: function(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]) { if( OSRM.Localization[language]) {
OSRM.Localization.current_language = language; OSRM.Localization.current_language = language;
// change gui language // change gui language