// Fenster div für Ein/Ausblendung
var modal = document.getElementById("myModal");

var dynl_mTitle = document.getElementById('dynl-mTitle');
var dynl_withReg = document.getElementById('dynl-withReg');
var dynl_withoutReg = document.getElementById('dynl-withoutReg');
var dynl_subject = document.getElementById('dynl-subject');
var dynl_copypaste = document.getElementById('dynl-copypaste');

var onedev_url = "https://onedev.ds-jetzt.de/Website/~files/dev/";
var onedev_email = "onedev+website@ds-jetzt.de";
var onedev_mailto = "mailto:" + onedev_email;
var onedev_subject = "?Subject=Änderungen%20für%20"

var form_title = "Änderung für "
// EventListener für alle Edit-Buttons
document.querySelectorAll('.gitlabBtn').forEach(item => {
  item.addEventListener('click', event => {
    modal.style.display = "block";
    var supplement_url = item.getAttribute("data-link")
    console.log(supplement_url);

    // get_content (mit Herausfilterung von Anführungszeichen - für e-Mail-Link)
    var get_content = replaceQuotes(document.getElementById(supplement_url).innerHTML);
    // console.log(get_content)
    var _form_title = encodeURIComponent(form_title +  supplement_url)
    var form_url = "https://gitlab.ds-jetzt.de/core/website/-/issues/new?issue[title]=" + _form_title;
    console.log(form_url)

    // // get_content2 (mit Anführungszeichen - für Formular)
    // var get_content2 = document.getElementById(supplement_url).innerHTML;
    // document.getElementById('correction').value = get_content2;
    // document.getElementById('title').value = "Änderungen für " + supplement_url;


    // E-Mail Kodierung
    dynl_mTitle.innerHTML = "Quelltext bearbeiten von:<br><span id='span-mTitle'>" + supplement_url + "</span>";
    dynl_withoutReg.innerHTML = "<p><b>Email-Link: </b><a href='" + onedev_mailto + onedev_subject + supplement_url + "'> eine Änderung vorschlagen</a></p>";
    dynl_withReg.innerHTML = "<a target='_blank' href='" + onedev_url + supplement_url + "?mode=edit" + "'> " + supplement_url + "</a>";
    dynl_copypaste.innerHTML = "<code>" + onedev_email + "</code>";
    dynl_subject.innerHTML = "<code>" + "Änderungen für " + supplement_url + "</code>";
    console.log("<a href='" + onedev_url + supplement_url + "'>" + supplement_url + "</a>");
  })
})

// X-Element zum schließen des Fensters
var span = document.getElementsByClassName("close")[0];

span.onclick = function() {
  modal.style.display = "none";
}


// Wenn User außerhalb des Fensters klickt .....
window.onclick = function(event) {
  if (event.target === modal) {
    modal.style.display = "none";
  }
}

function replaceQuotes(text) {
  // Ersetzen von Anführungszeichen durch das HTML-Zeichen für Anführungszeichen
  return text.replace(/['"]/g, '<quot>');
}