How do I add a link to change and keep a new language using babel and flask?

Question

I have setup Babel correctly and the translation work as intended. What I am stuck with is to be able to switch languages using a link and than keep that setting active even if the user click on any other links on the web page.

This is what my setup looks like:

app = Flask(__name__)
app.config["BABEL_DEFAULT_LOCALE"] = "en"
babel = Babel(app)

@babel.localeselector
def get_locale():
    if request.args.get("lang"):
        session["lang"] = request.args.get("lang")
    return session.get("lang", "en")

This works as expected and a new user is greeted with the 'en' version of the web page. I am able to manually switch by typing '/?lang=sv' or '/?lang=en' after the address in the search field, but how do I do it with a link?

This is probably basic but I do not understand how to do it based on their documentation. Also this is the first time for me so it feels like I have taken water over my head.

Mod can probably close this one because I found a double here now: https://stackoverflow.com/questions/42393831/how-can-i-choose-the-language-using-flask-babel. But it does not help me since we have not really done it the same way — Salviati, Jul 25 '18 at 06:22

score 1 · Accepted Answer · edited Jul 27 '18 at 08:55

Probably something like this might help you.

Set a route that handles language change and stores the selected language on the session:

@app.route('/language/<language>')
def set_language(language=None):
    session['language'] = language
    return redirect(url_for('index'))

You have get_locale() set-up that returns the selected language but you needs to be able to access it from the template. So

@app.context_processor
def inject_conf_var():
    return dict(CURRENT_LANGUAGE=session.get(CURRENT_LANGUAGE=session.get('language'', request.accept_languages.best_match(app.config['LANGUAGES'].keys())))

Finally, in the template, choose the the language you want:

{% for language in AVAILABLE_LANGUAGES.items() %}
    {% if CURRENT_LANGUAGE == language[0] %}
        {{ language[1] }}
    {% else %}
        <a href="{{ url_for('set_language', language=language[0]) }}" >{{ language[1] }}</a>
    {%  endif %}
{% endfor %}

Trying to understand what is happening, will be back asap with info if I got it to work or not. Thank you! — Salviati, Jul 25 '18 at 05:55
Did not get it to work that way sadly, figured out another way of doing it. Will let it be like that untill I figure out a better way — Salviati, Jul 25 '18 at 08:43

score 0 · Answer 2 · answered Jul 25 '18 at 08:13

Probably the worst way to do it, but it works.

First I had to change index to accept GET method:

@app.route("/", methods=['GET'])
def index():
    return render_template("index.html", me=me)

Then add in the HTML file a form method

<form method="GET">
  <input type="submit" name="lang" value="sv">
  <input type="submit" name="lang" value="en">
</form>

Will not accept this answer because it does not look right, must be a better way

How do I add a link to change and keep a new language using babel and flask?

2 Answers2