/*
* Pfadvervollständigung mithilfe von img-Shortcode-Aufrufe
* {{< image src="openswissknife.png" >}}
* zu Bildquellenpfad
* src="/community/howto/bilder-einbinden/img/openswissknife.png"
* über Golang-Templatecode war nicht möglich.
* (Das Problem ist, dass der Aufruf des Shortcodes innerhalb einer Markdown-Datei sich befindet,
* die per readFile Befehl in einer anderen Markdowndatei aufgerufen wird.)
*
* Daher die Bildquellenvervollständigung über JS:
* - Der Pfad wird aus dem Webseitenaufruf extrahiert. Das wäre dann im obigen Bsp. /community/howto/bilder-einbinden/
* - Im Fall das im Artikel "show-template" aktiviert ist, wird auf dem Bilderordner von Template verwiesen ....
* - Es wird zusätzlich daran noch der Pfadteil "img/" angehängt: /community/howto/bilder-einbinden/img/
* - Dieser Pfad ist dann als Ergänzung für <img Tags der Webseite, die der Klasse "shortcode-img" (class="shortcode-img") angehören (siehe Shortcode themes/ds-theme/layouts/shortcodes/image.gohtml)
* - Diese Änderungen müssen auf alle <img class="shortcode-img" der Webseite angewendet werden.
* */

document.addEventListener("DOMContentLoaded", function() {
    // Extrahieren des Pfades aus der aktuellen URL
    let articleTag = document.getElementById('article');
    let templateOrNot = articleTag.getAttribute('data-template-content');
    templateOrNot = (templateOrNot == 'true');
    var path  = window.location.pathname;

    if (templateOrNot) {
        path =  "/community/howto/template/"
    }

    // Hinzufügen des spezifischen Pfadteils
    var basePath = path + 'img/';

    // Auswahl aller <img>-Tags mit der Klasse 'shortcode-img'
    var images = document.querySelectorAll('img.shortcode-img');

    // Aktualisieren des src-Attributs jedes Bildes
    images.forEach(function(img) {
        img.src = basePath + img.getAttribute('src');
    });
});