<?php
    
    // Die beiden folgenden Zeilen gehören in die functions.php des Themes oder dahin,
    // wo Scripte für ein Plugin oder Widget eingebunden werden. "portfolio-page.js" ist
    // das Script, von dem aus ich die Ajax-Aufrufe mache.
    
    // Das ist der Wordpress-Weg, um Scripte in eine Seite einzubinden.
    wp_enqueue_script('portfolio-page', get_template_directory_uri() . '/js/portfolio-page.js', array('jquery'), false, false);
    
    // Das bedeutet: "Erlaube portfolio-page Zeug mit Ajax aufzurufen."
    wp_localize_script('portfolio-page', 'ajaxAdmin', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));



    // Diese beiden Zeilen gehören ebenfalls in die functions.php. Sie mappen den Ajax-Aufruf auf die
    // entsprechende Php methode. Es ist wichtig, dass die parameter genau zueinander passen, wie hier
    // "tnet_load_post_content" (ja, inklusive dem wp_ Zeugs).
    add_action( 'wp_ajax_tnet_load_post_content', 'tnet_load_post_content' );
    add_action( 'wp_ajax_nopriv_tnet_load_post_content', 'tnet_load_post_content' );

   
   
    // Das hier ist die tatsächliche Methode, die dann vom Javascript aufgerufen wird.
    function tnet_load_post_content()
    {
        $id = $_POST['pageId']; // So kommt man an Parameter, die vom Javascript mitgeschickt werden.
        
        // Hier wird geschaut, ob es sich bei der Seite mit der Id 'pageId' um eine mit einem SiteOrigin Layout handelt.
        $meta = get_post_meta( $id, 'panels_data', true );
        if( class_exists( 'SiteOrigin_Panels' ) && $meta )
        {
            // Ja: Benutze SiteOrigin-Magie, um an das Seitenlayout zu kommen.
            $renderer = SiteOrigin_Panels::renderer();
            $content = $renderer->render( $id );
        }
        else
        {
            // Nein: Hol das Layout im standard Wordpress Weg
            $content = apply_filters( 'the_content', get_page($id)->post_content );
        }
        
        // Gib das Layout zurück an den Aufrufer.
        echo $content;
        
        // Wordpress fügt ohne das hier eine "0" zu der Antwort hinzu.
        die(); 
    }
?>

function loadContent(id)
{
    // Hier baue ich ein Objekt zusammen, was mit dem Ajax call mitgeschickt wird.
    // Es beinhaltet die Php-Methode, die aufgerufen werden soll, und die Id der
    // Wordpress-Seite, die geladen werden soll.
    var data = { 
        action: "tnet_load_post_content",
        pageId: id
        };
        
    // Baut den Ajax-Aufruf zusammen, führt ihn aus und ruft bei Erfolg onContentLoaded auf.
    useAjax(data, onContentLoaded);
}

function useAjax(data, onSuccess)
{
    $.ajax({
        type: "post",
        cache: false,
        
        // Das Ziel für Wordpress-Ajax-Aufrufe, wurde über wp_localize_script() im Php-Code freigegeben.
        url: ajaxAdmin.ajaxurl,
        
        // Die Paramter, die mitgeschickt werden sollen.
        data: data, 
        
         // Die Methode, die bei Erfolg aufgerufen wird.
        success: onSuccess
    });
}

function onContentLoaded(response)
{
    // Der geladene Inhalt wird in den vorgesehen container gepackt.
    contentContainer.html(response);
}

// Hol den Inhalt und die Styles der gewünschten Seite von Siteorigin.
$renderer = SiteOrigin_Panels::renderer();
$content = $renderer->render( $id );
$css = $renderer->generate_css( $id );

// Schick beides als Json zum Javascript
echo json_encode(array($content, $css));

function onContentLoaded(response)
{
    // Parse das JSON zu einem Javascript Objekt.
    var data = JSON.parse(response);

    // Der Inhalt gehört in den vorgesehenen Container.
    contentContainer.html(data[0]);
    
    // Die Styles werden ersetzt.
    addMissingStyles(data[1]);
}

function addMissingStyles(css)
{
    if(css == '')
    {
        return;
    }
    
    // Zuerst entferne ich die alten, falschen Styles.
    var siteOriginId = "#siteorigin-panels-layouts-head";
    tryRemove(siteOriginId);
    
    // Dann binde ich sie komplett neu ein.
    var styles = '<style type="text/css" media="all" id="'+siteOriginId+'">'+css+'</style>';
    $('head').append(styles);
}

function tryRemove(id)
{
    var element = document.getElementById(id);
    if(element !== null)
    {
        element.parentNode.removeChild(element);
    }
}

function addMissingScripts()
{
    // Ich warte etwas, weil das Widget noch nicht geladen sein könnte.
    setTimeout(function()
    {
        if( $(".gallery-widget").length ) //<- Das heißt: Existiert "gallery-widget"?
        {
            if( $("#gallery-widget-js").length ) //<- Das heißt: Ist das Gallery Widget Javascript schon da?
            {
                return;
            }
            
            // Hier binde ich das Script aus meinem Theme manuell ein.
            $("head").append('<script type="text/javascript" src="https://taijj.net/wp-content/themes/tnet/js/gallery-widget.js?ver=5.5" id="gallery-widget-js"></script>');
        }
    }, 1000);
}

function updateLanguageButtons()
{
    $('.language-switcher .lang-item a').each(updateUrl);
    $('.header-language-section .lang-item a').each(updateUrl);

    function updateUrl()
    {
        var item = $(this);
        var url = item.attr('href');

        var hashIndex = url.indexOf('#');
        if(hashIndex >= 0)
        {
            url = url.substr(0, hashIndex);
        }
        item.attr('href', url+window.location.hash);
    }
}