make a menu to switch between languages

[niccokunzmann]

Website-link: every step such as https://coderdojopotsdam.github.io/regex-tutorial/steps/03-03-or.html

Expected Behavior

I would like to see a dropdown menu somewhere like with blockly games https://blockly-games.appspot.com/puzzle?lang=de

Actual Behavior

The language can only be chosen by the first page

Actions to Reproduce

go to the web site, in the footer you can not see the language menu

Solution Description

Add a dropdown menu like with blockly to the bottom of the page.

Hints

Please use the identifier such as 01-01 of the pages to find other translations.

[weerox]

What should we do if the user wan't to switch from the English version of 05-01 (for example) to the Swedish one, but it doesn't exist a Swedish translation? I was thinking about some sort of error page which tells you that the file isn't translated, but that the user can translate it if he/she wants to. To me that seems to be fairly easy to implement, but I don't now if we would be able to translate the error message. Any ideas?

[weerox]

I've been thinking of two ways to do this.

1. You could include all languages that exists in the tutorial in a menu dropdown and alert the user if it tries to switch to a file which hasn't been translated yet.
2. You could create a menu dropdown which only includes languages that the file exists in.

The second approach might be more appealing, but the first might make users help translate the pages.
What do you think @niccokunzmann?

[niccokunzmann]

I am ok with both and if this is not solved.

[niccokunzmann]

We now have a 404 page #83

[weerox]

Yeah, but I think I'll go with the second approach, it feels more dynamic and won't need as much maintenance.

[joshhazelhurst123]

@weerox I like option number 2. How about in the drop down box have a entry that say's 'add translation for tutorial' or something like that. When the user select's this option it goes to the error page which tells you that the file isn't translated, but that the user can translate it if he/she wants to.

[weerox]

@joshhazelhurst123 Or maybe we could redirect them to the README where there are instructions of how to translate?

[joshhazelhurst123]

@weerox I like that idea.

[DaricusDuncan]

Hi,
I am new to HTML, CSS, and JavaScript but I believe that I may have figured out how to create the drop-down menu and redirect the page using some HTML and JavaScript but I would like for someone to critique it for me if possible. How should I go about providing the code for review? @niccokunzmann

[weerox]

@DaricusDuncan Hi!
I guess that this is the repository where you have the code?

[niccokunzmann]

@DaricusDuncan You can provide your code as a pull request. Also, if you like feedback, you can share your progress or ideas here. If you like to show the changes to us on a live website, you can enable Github Pages in the settings for your repository and we can view the link.
Could I clarify some things? Would you like to ask more questions?

[DaricusDuncan]

@niccokunzmann Thank you so much for the help and suggestions. I will get the Github Pages enabled so that I can show the changes. That sounds like a great challenge to me. I believe that I will create a Github Pages as well as a PR for review. I am still working on it at the moment and testing the code out. Yes! @weerox that is indeed the area where I am working on my code under the WebOptions branch if you would like to take a look at it. I am open to all suggestions and criticism on the matter to make sure that I can doing my part to fix this issue at hand.

[niccokunzmann]

@DaricusDuncan If you like, you can also create a pull-request for this issue and add [WIP] to the title, "Work In Progress". This way, all other people know where to look, give suggestions and use your work. This speeds up the collaboration process.
If you have any questions, we are here:)