language.js

// placeholder for real language selection
$('.selectpicker').change(function(){
    lang_setting = $(this).val();
    language($(this).val());
    $.getJSON("./content/content.json", function(result){
        stuff = result;
        var new_row = document.getElementById("row_main")
        new_row.innerHTML = "";
        var arrayLength = stuff.length;
        console.log("translating content")
        for (var i = 0; i < arrayLength; i++) {
            addcontent(stuff[i]);
            //Do something
        }

        $.getJSON("./content/team.json", function(result){ 
            console.log("translating team")
            team = result;
            var new_row = document.getElementById("team-section")
            new_row.innerHTML = "";
            var arrayLength = team.length;
            for (var i = 0; i < arrayLength; i++) {
                addTeam(team[i]);
                //Do something
            }
        });
    });

    // alert($(this).val());
})

var lang_setting = "1"

function language(lang){
    //Change the language settings of the general Elements
    
    // declare all the fields
    var rgc_about = document.getElementById("rgc_about")
    var rgc_group = document.getElementById("rgc_group")
    var rgc_contact = document.getElementById("rgc_contact")
    var rgc_introduction = document.getElementById("rgc_introduction")
    var rgc_introduction2 = document.getElementById("rgc_introduction2")
    var rgc_application = document.getElementById("rgc_application")
    var rgc_applicationdesc = document.getElementById("rgc_applicationdesc")
    var rgc_publication = document.getElementById("rgc_publication")
    var rgc_publicationdesc = document.getElementById("rgc_publicationdesc")
    var rgc_ourteam = document.getElementById("rgc_ourteam")
    var rgc_teamdesc = document.getElementById("rgc_teamdesc")
    var rgc_backtotop = document.getElementById("rgc_backtotop")
    var rgc_button_next = document.getElementById("nextbutton")
    var rgc_button_previous = document.getElementById("previousbutton")
    if (lang == "1"){
        rgc_about.innerHTML = "About"
        rgc_group.innerHTML = "Details about our group to be inserted here... "
        rgc_contact.innerHTML = "Contact"
        // rgc_introduction.innerHTML =" (or Vote for new group name) <br>A research group introduction here ...."
        // rgc_introduction2.innerHTML = "The research projects at HFT Stuttgart (University of Applied Sciences Stuttgart)."
        rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Research Results Explorer"
        rgc_applicationdesc.innerHTML = "Explore the diversity of our projects which is our contribution to smarter cities. The following gallery provides an overview about the results and demos to current and former research projects within theFGDI group. Use the search function to look for demos with specific keywords (e.g. “wind”, “citygml”, “sensors”, etc.)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Our Publication"
        rgc_publicationdesc.innerHTML = "View the latest publications regarding our projects and other research activities at UGL. A link to the Publisher, the BiBTeX-Download or directly to the PDF of the article is just a click away."
        rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Team"
        rgc_teamdesc.innerHTML = "Get to know the international and multi-disciplined UGL team members. Feel free to contact us if you have questions to projects or want to collaborate on exciting topics, projects, or publications."
        rgc_backtotop.innerHTML = "Back to top"
        rgc_button_next.innerHTML = "Next"
        rgc_button_previous.innerHTML = "Previous"

        var matches = document.getElementsByClassName('profile');

        for (var i=0; i<matches.length; i++) {
        matches[i].innerHTML = "See full profile"
        }
    } else if (lang == "2"){
        rgc_about.innerHTML = "About"
        rgc_group.innerHTML = "Details über unsere Gruppe... "
        rgc_contact.innerHTML = "Kontakt"
        // rgc_introduction.innerHTML =" (oder Stimme für einen Gruppennamen) <br>Eine Vorstellung der Forschungsgruppe folgt hier ...."
        // rgc_introduction2.innerHTML = "Die Forschungsprojekte an der HFT Stuttgart (Hochschule für Technik Stuttgart)."
        rgc_application.innerHTML = "<i class='fas fa-laptop-code'></i> Forschungsergebnis-Galerie"
        rgc_applicationdesc.innerHTML = "Die FGDI Forschungsgruppe leistet eine Beitrag zu intelligente Städte; eine Suchfunction ermöglicht dabei gesieltes auffinden von informationen zu Schlüsselthemen oder Autoren)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Unsere Veröffentlichungen"
        // rgc_publicationdesc.innerHTML = "Unsere Veröffentlichungen ..."
        rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Unser Team"
        rgc_teamdesc.innerHTML = "Team Beschreibung ...."
        rgc_backtotop.innerHTML = "Zurück an den Anfang"
        rgc_button_next.innerHTML = "Weiter"
        rgc_button_previous.innerHTML = "Zurück"
    
        var matches = document.getElementsByClassName('profile');

        for (var i=0; i<matches.length; i++) {
        matches[i].innerHTML = "Vollständiges Profil ansehen"
        }
    }
    
  }