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 modern, sustainable, and smarter cities. The following gallery provides an overview about the results and demos to current and former research projects within the UGL group. Watch YouTube videos with explanations to our innovative results and ideas or get direct access to our interactive demos and prototypes to explore them freely. Use the search function to look for demos with specific keywords (e.g. “wind”, “citygml”, “sensors”, etc.)."
        rgc_applicationdesc.innerHTML = "The results of current and previous research projects of the Digitization and Information Management Research Group can be explored in the following overview. Project results are presented in the form of publications, software repositories, YouTube videos, or direct access to interactive demos, among others. The search function allows to search by keywords or authors (e.g. “iot”, “building”, “sensors”, etc.)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Our Publications"
        rgc_publicationdesc.innerHTML = "View the latest publications regarding our projects and other research activities. 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> Ergebnisse aus unserer Forschung"
        rgc_applicationdesc.innerHTML = "Die Ergebnisse aktueller und früherer Forschungsprojekte der Forschungsgruppe Digitalisierung und Informationsmanagement können in der folgenden Übersicht erkundet werden. Die Projektergebnisse werden u.a. in Form von Veröffentlichungen, Software-Repositorys, YouTube-Videos oder über den direkten Zugang zu interaktiven Demos präsentiert. Die Suchfunktion erlaubt es, nach Schlüsselwörtern oder Autoren zu suchen (z.B. “iot”, “building”, “energy”, etc.)."
        rgc_publication.innerHTML = "<i class='fas fa-book'></i> Unsere Veröffentlichungen"
        rgc_publicationdesc.innerHTML = "Hier finden Sie relevante Veröffentlichungen zu unseren Projekten und anderen Forschungsaktivitäten mit Links zu Verlag, BiBTeX-Download oder dem PDF des Artikels."
        rgc_ourteam.innerHTML = "<i class='fas fa-user-friends'></i> Unser Team"
        rgc_teamdesc.innerHTML = "Lernen Sie das Team unserer Forschungsgruppe kennen. Kontaktieren Sie uns, wenn Sie Fragen zu Projekten haben oder an spannenden Themen, Projekten oder Publikationen mitarbeiten möchten."
        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"
        }
    }
    
  }