Renderer.php

Go to the documentation of this file.

<?php
 
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 $popover, RendererInterface $default_renderer)
    {
        $this->checkComponent($popover);
        $tpl = $this->getTemplate('tpl.popover.html', true, true);
        $tpl->setVariable('FORCE_RENDERING', '');
        $replacement = array(
            '"' => '\"',
            "\n" => "",
            "\t" => "",
            "\r" => "",
        );
 
        $options = array(
            'title' => $this->escape($popover->getTitle()),
            'placement' => $popover->getPosition(),
            'multi' => true,
            'template' => str_replace(array_keys($replacement), array_values($replacement), $tpl->get()),
        );
 
        if ($popover->isFixedPosition()) {
            $options['style'] = "fixed";
        }
 
        $is_async = $popover->getAsyncContentUrl();
        if ($is_async) {
            $options['type'] = 'async';
            $options['url'] = $popover->getAsyncContentUrl();
        }
 
        $show = $popover->getShowSignal();
        $replace = $popover->getReplaceContentSignal();
 
        $popover = $popover->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($popover);
 
        if ($popover->getAsyncContentUrl()) {
            return '';
        }
 
        if ($popover instanceof Component\Popover\Standard) {
            return $this->renderStandardPopover($popover, $default_renderer, $id);
        } else {
            if ($popover instanceof Component\Popover\Listing) {
                return $this->renderListingPopover($popover, $default_renderer, $id);
            }
        }
 
        return '';
    }
 
 
    public function registerResources(ResourceRegistry $registry)
    {
        parent::registerResources($registry);
        $registry->register('./libs/bower/bower_components/webui-popover/dist/jquery.webui-popover.js');
        $registry->register('./src/UI/templates/js/Popover/popover.js');
    }
 
 
    protected function renderStandardPopover(Component\Popover\Standard $popover, RendererInterface $default_renderer, $id)
    {
        $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, $id)
    {
        $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($str)
    {
        return strip_tags(htmlentities($str, ENT_QUOTES, 'UTF-8'));
    }
 
 
    protected function getComponentInterfaceName()
    {
        return array( Component\Popover\Standard::class, Component\Popover\Listing::class );
    }
}