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;
        for (var i = 0; i < arrayLength; i++) {
            addcontent(stuff[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> Applications and Demos"
        rgc_applicationdesc.innerHTML = "Explorer the diversity of our projects which is our contribution to modern, sustainable, and smarter cities. The following gallery provides an overview about applications and demos to current and former research projects within the UGL group. Watch YouTube videos with explanations to our projects and applications or get direct access to our interactive applications to explore them freely. Use the search function to look for 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> Unsere Anwendungen"
        rgc_applicationdesc.innerHTML = "Forschung Kurzvorstellung ...."
        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"
        }
    }
    
  }