Renderer.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

namespace ILIAS\UI\Implementation\Component\Popover;

use ILIAS\UI\Implementation\Render\AbstractComponentRenderer;
use ILIAS\UI\Implementation\Render\ResourceRegistry;
use ILIAS\UI\Renderer as RendererInterface;
use ILIAS\UI\Component;

class Renderer extends AbstractComponentRenderer
{
    public function render(Component\Component $component, RendererInterface $default_renderer): string
    {
        if (!$component instanceof Component\Popover\Popover) {
            $this->cannotHandleComponent($component);
        }

        $tpl = $this->getTemplate('tpl.popover.html', true, true);
        $tpl->setVariable('FORCE_RENDERING', '');

        $replacement = array(
            '"' => '\"',
            "\n" => "",
            "\t" => "",
            "\r" => "",
        );

        $options = array(
            'title' => $this->escape($component->getTitle()),
            'placement' => $component->getPosition(),
            'multi' => true,
            'template' => str_replace(array_keys($replacement), array_values($replacement), $tpl->get()),
        );

        if ($component->isFixedPosition()) {
            $options['style'] = "fixed";
        }

        $is_async = $component->getAsyncContentUrl();
        if ($is_async) {
            $options['type'] = 'async';
            $options['url'] = $component->getAsyncContentUrl();
        }

        $show = $component->getShowSignal();
        $replace = $component->getReplaceContentSignal();

        $component = $component->withAdditionalOnLoadCode(function ($id) use ($options, $show, $replace, $is_async) {
            if (!$is_async) {
                $options["url"] = "#$id";
            }
            $options = json_encode($options);

            return
                "$(document).on('$show', function(event, signalData) {
                                        il.UI.popover.showFromSignal(signalData, JSON.parse('$options'));
                                });" .
                "$(document).on('$replace', function(event, signalData) {
                                        il.UI.popover.replaceContentFromSignal('$show', signalData);
                                });";
        });

        $id = $this->bindJavaScript($component);

        if ($component->getAsyncContentUrl()) {
            return '';
        }

        if ($component instanceof Component\Popover\Standard) {
            return $this->renderStandardPopover($component, $default_renderer, $id);
        } elseif ($component instanceof Component\Popover\Listing) {
            return $this->renderListingPopover($component, $default_renderer, $id);
        }

        $this->cannotHandleComponent($component);
    }

    public function registerResources(ResourceRegistry $registry): void
    {
        parent::registerResources($registry);
        $registry->register('assets/js/jquery.webui-popover.min.js');
        $registry->register('assets/js/popover.js');
    }

    protected function renderStandardPopover(
        Component\Popover\Standard $popover,
        RendererInterface $default_renderer,
        string $id
    ): string {
        $tpl = $this->getTemplate('tpl.standard-popover-content.html', true, true);
        $tpl->setVariable('ID', $id);
        $tpl->setVariable('CONTENT', $default_renderer->render($popover->getContent()));

        return $tpl->get();
    }

    protected function renderListingPopover(
        Component\Popover\Listing $popover,
        RendererInterface $default_renderer,
        string $id
    ): string {
        $tpl = $this->getTemplate('tpl.listing-popover-content.html', true, true);
        $tpl->setVariable('ID', $id);
        foreach ($popover->getItems() as $item) {
            $tpl->setCurrentBlock('item');
            $tpl->setVariable('ITEM', $default_renderer->render($item));
            $tpl->parseCurrentBlock();
        }

        return $tpl->get();
    }

    protected function escape(string $str): string
    {
        return strip_tags(htmlentities($str, ENT_QUOTES, 'UTF-8'));
    }
}