function addcontent(item) { var lang_cont_person = "" var lang_keywords = "" var new_row = document.getElementById("row_main") if (item === undefined) { } else { // Prepare YouTube Link // var array_contains_youtube = true var description = "" if (lang_setting == "1") { description = item.item.description_en lang_cont_person = " Contact Person" lang_keywords = " Keywords" } else if (lang_setting == "2") { description = item.item.description_de lang_cont_person = " Kontaktperson" lang_keywords = " Stichworte" } // Prepare Explore Link // var array_contains_explore_link = true var YouTubeHTML = '' if ('youtube' in item.links) { // to be replaced by if (item.YouTubelink) or so... var YouTubelink = item.links.youtube // to be replaced by item.YouTubelink or so... YouTubeHTML = `<a class="btn btn-sm btn-outline-danger mt-1" href="${YouTubelink}" target="_blank"><i class="fab fa-youtube"></i> YouTube</a>` } var ExploreHTML = '' if ('demo' in item.links) { var ExploreLink = item.links.demo ExploreHTML = `<a class="btn btn-sm btn-outline-secondary mt-1" href="${ExploreLink}" target="_blank"> <i class="fas fa-search"></i> Explore</a>` } var publicationHTML = '' if ('publication' in item.links) { var publicationLink = item.links.publication publicationHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Publication</a>` } var projectHTML = '' if ('project' in item.links) { var projectLink = item.links.project projectHTML = `<a class="btn btn-sm btn-outline-success mt-1" href="${projectLink}" target="_blank"> <i class="fas fa-project-diagram"></i> Project</a>` } var presentationHTML = '' if ('presentation' in item.links) { var presentationLink = item.links.presentation presentationHTML = `<a class="btn btn-sm btn-outline-warning mt-1" href="${presentationLink}" target="_blank"> <i class="fas fa-file-powerpoint"></i> Presentation</a>` } new_row.innerHTML = new_row.innerHTML + '<div class="col-lg-4">' + '<div class="card mb-4 shadow-sm extension overflow-auto">' + '<h5>' + item.item.title + ' <span class="content-subtitle text-muted"> ' + item.item.project + '</span></h5>' + '<img class="thumbimg" src="' + item.item.imageLink + '" alt="">' + '<div class="card-body">' + '<p class="card-text-lg small">' + description + '<br>' + '<b><i class="fas fa-user"></i>' + lang_cont_person + '</b>: <a ' + ' href="' + item.item.author.hftURL + '" target ="_blank"> ' + item.item.author.firstName + ' ' + item.item.author.lastName + '</a> <br>' + '<b><i class="fas fa-star"></i>' + lang_keywords + '</b>: ' + item.item.keywords.join(', ') + '</br>' + ExploreHTML + ' ' + YouTubeHTML + ' ' + publicationHTML + ' ' + projectHTML + ' ' + presentationHTML + ' ' + '</p>' + '</div>' + '</div>' + '</div>' } } function replaceUmlauts(value) { value = value.replace('ä', 'ae'); value = value.replace('ö', 'oe'); value = value.replace('ü', 'ue'); return value; } function addTeam(item) { var new_row = document.getElementById("team-section") if (item === undefined) { } else { var optional_profile_url_link = `` if ('optional' in item) { if ('researchGateURL' in item.optional) { if (item.optional.researchGateURL !== "") { optional_profile_url_link += `<a class="p-2 fa-lg" href="${item.optional.researchGateURL}" target="_blank"> <i class="fab fa-researchgate"></i> </a>` } } if ('googleScholarURL' in item.optional) { if (item.optional.googleScholarURL !== "") { optional_profile_url_link += `<a class="p-2 fa-lg" href="${item.optional.googleScholarURL}" target="_blank"> <i class="fab fa-google"></i> </a>` } } if ('LinkedInURL' in item.optional) { if (item.optional.LinkedInURL !== "") { optional_profile_url_link += `<a class="p-2 fa-lg" href="${item.optional.LinkedInURL}" target="_blank"> <i class="fab fa-linkedin"></i> </a>` } } if (optional_profile_url_link !== "") { optional_profile_url_link = `<ul class="list-unstyled mb-0">${optional_profile_url_link}</ul>` } } var html_team = ` <div class="col-lg-3 col-md-6 mb-lg-5 mb-5"> <div class="avatar mx-auto"> <img src="${item.imgUrl}" class="rounded-circle z-depth-1" width="150px"> </div> <h5 class="font-weight-bold mt-4 mb-3">${item.firstName} ${item.lastName}</h5> <p class="text-uppercase blue-text"><strong>${item.jobTitle_en}</strong></p> <a href=${item.profile_link} target="_blank"> <button class="btn btn-primary btn-sm profile">See full profile</button> </a> <p class="grey-text">Research topic: ${item.researchTopics}</p> ${optional_profile_url_link} </div> ` new_row.innerHTML = new_row.innerHTML + html_team } }