add_content.js

var urlKeyword, urlParams;
urlParams = new URLSearchParams(window.location.search);
urlKeyword = urlParams.get('keyword');
function addcontent(item) {
  var lang_cont_person = ""
  var lang_keywords = ""
  var new_row = document.getElementById("row_main")
  
  if (item === undefined) {

  } else if (urlKeyword == null || (item.item.keywords.includes(urlKeyword))) {

    
    // 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> &nbsp;`
    }

    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> &nbsp;`
    }

    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> &nbsp;`
    }
    var reportHTML = ''
    if ('report' in item.links) {
      var publicationLink = item.links.report 
      reportHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${publicationLink}" target="_blank"> <i class="fas fa-book"></i> Report</a> &nbsp;`
    }
    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> &nbsp;`
    }
    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> &nbsp;`
    }
    var repoHTML = ''
    if ('repo' in item.links) {
      var repoLink = item.links.repo 
      repoHTML = `<a class="btn btn-sm btn-outline-info mt-1" href="${repoLink}" target="_blank"> <i class="fa fa-gitlab"></i> Git/Repository </a> &nbsp;`
    }

    if ('internal' in item.item) {
      if (item.item.internal) {
        var internal_tag = `<span class="badge bg-secondary" style="color: white;">Internal Access Only</span> <br>`
        description = internal_tag + description
      }
      
    }

    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>: ' +
      (item.item.author.map(author =>
      '<a href="' + author.hftURL + '" target ="_blank"> ' +
        author.firstName + ' ' + author.lastName + '</a>'
        ).join(', ')) + '<br>' +
      '<b><i class="fas fa-star"></i>' + lang_keywords + '</b>: ' + item.item.keywords.join(', ') + '</br>' +
      ExploreHTML + 
      YouTubeHTML + 
      publicationHTML + 
      reportHTML + 
      projectHTML + 
      presentationHTML + 
      repoHTML + 
      '</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
  }
}