Renderer.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

namespace ILIAS\UI\Implementation\Component\ViewControl;

use ILIAS\UI\Implementation\Render\AbstractComponentRenderer;
use ILIAS\UI\Renderer as RendererInterface;
use ILIAS\UI\Component;
use ILIAS\UI\Implementation\Render\Template;
use ILIAS\UI\Component\Button\Shy;
use ILIAS\UI\Implementation\Render\ResourceRegistry;
use LogicException;

class Renderer extends AbstractComponentRenderer
{
    public const MODE_ROLE = "group";

    public function render(Component\Component $component, RendererInterface $default_renderer): string
    {
        if ($component instanceof Component\ViewControl\Mode) {
            return $this->renderMode($component, $default_renderer);
        }
        if ($component instanceof Component\ViewControl\Section) {
            return $this->renderSection($component, $default_renderer);
        }
        if ($component instanceof Component\ViewControl\Sortation) {
            return $this->renderSortation($component, $default_renderer);
        }
        if ($component instanceof Component\ViewControl\Pagination) {
            return $this->renderPagination($component, $default_renderer);
        }
        $this->cannotHandleComponent($component);
    }

    protected function renderMode(Component\ViewControl\Mode $component, RendererInterface $default_renderer): string
    {
        $f = $this->getUIFactory();

        $tpl = $this->getTemplate("tpl.mode.html", true, true);

        $activate_first_item = false;
        $active = $component->getActive();
        if ($active == "") {
            $activate_first_item = true;
        }

        $tpl->setVariable("ARIA", $this->txt($component->getAriaLabel()));
        $tpl->setVariable("ROLE", self::MODE_ROLE);
        foreach ($component->getLabelledActions() as $label => $action) {
            $tpl->setCurrentBlock("view_control");

            $button = $f->button()->standard($label, $action);
            if ($activate_first_item) {
                $button = $button->withEngagedState(true);
                $activate_first_item = false;
            } elseif ($active == $label) {
                $button = $button->withEngagedState(true);
            } else {
                $button = $button->withEngagedState(false);
            }
            $tpl->setVariable("BUTTON", $default_renderer->render($button));
            $tpl->parseCurrentBlock();
        }

        return $tpl->get();
    }

    protected function renderSection(
        Component\ViewControl\Section $component,
        RendererInterface $default_renderer
    ): string {
        $tpl = $this->getTemplate("tpl.section.html", true, true);

        // render middle button
        $tpl->setVariable("BUTTON", $default_renderer->render($component->getSelectorButton()));

        // previous button
        $this->renderSectionButton($component->getPreviousActions(), $tpl, "prev");

        // next button
        $this->renderSectionButton($component->getNextActions(), $tpl, "next");

        return $tpl->get();
    }

    protected function renderSectionButton(Component\Button\Button $component, Template $tpl, string $type): void
    {
        $uptype = strtoupper($type);

        $action = $component->getAction();
        $tpl->setVariable($uptype . "_ACTION", $action);
        $label = ($type == "next")
            ? $this->txt("next")
            : $this->txt("previous");
        $tpl->setVariable($uptype . "_LABEL", $label);
        if ($component->isActive()) {
            $tpl->setCurrentBlock($type . "_with_href");
            $tpl->setVariable($uptype . "_HREF", $action);
            $tpl->parseCurrentBlock();
        } else {
            $tpl->touchBlock($type . "_disabled");
        }
        $this->renderId($component, $tpl, $type . "_with_id", $uptype . "_ID");
    }

    protected function renderSortation(
        Component\ViewControl\Sortation $component,
        RendererInterface $default_renderer
    ): string {
        $f = $this->getUIFactory();

        $tpl = $this->getTemplate("tpl.sortation.html", true, true);
        $label_prefix = $component->getLabelPrefix() ?? $this->txt('vc_sort');

        $component = $component->withResetSignals();
        $triggeredSignals = $component->getTriggeredSignals();
        if ($triggeredSignals) {
            $internal_signal = $component->getSelectSignal();
            $internal_signal->addOption('label_prefix', $label_prefix);
            $signal = $triggeredSignals[0]->getSignal();
            $component = $component
                ->withAdditionalOnLoadCode(
                    fn($id) => "$(document).on('$internal_signal', function(event, signalData) {
                        il.UI.viewcontrol.sortation.get('$id').onInternalSelect(event, signalData, '$signal');
                        return false;
                    })"
                );
        }

        $component = $component
            ->withAdditionalOnLoadCode(
                fn($id) => "il.UI.viewcontrol.sortation.init('$id');"
            )
            ->withAdditionalOnLoadCode(
                fn($id) =>
                "il.UI.dropdown.init(document.getElementById('{$id}'));"
            );

        $id = $this->bindJavaScript($component);
        $tpl->setVariable("ID", $id);
        $tpl->setVariable("ID_MENU", $id . '_ctrl');

        $options = $component->getOptions();
        $items = [];

        $selected = $component->getSelected();
        foreach ($options as $val => $label) {
            $tpl->setCurrentBlock('option');

            if ($val === $selected) {
                $tpl->touchBlock('selected');
                $tpl->setCurrentBlock('option');
            }

            if ($triggeredSignals) {
                $shy = $f->button()->shy($label, $val)->withOnClick($internal_signal);
            } else {
                $url = $component->getTargetURL() ?? '';
                $url .= (strpos($url, '?') === false) ? '?' : '&';
                $url .= $component->getParameterName() . '=' . $val;
                $shy = $f->button()->shy($label, $url);
            }
            $items[] = $shy;
            $tpl->setVariable('OPTION', $default_renderer->render($shy));
            $tpl->parseCurrentBlock();
        }

        $tpl->setVariable('LABEL', $label_prefix . ' ' . $options[$selected] . ' ');
        $tpl->setVariable("ARIA_LABEL", $this->txt("sortation"));
        return $tpl->get();
    }

    protected function renderPagination(
        Component\ViewControl\Pagination $component,
        RendererInterface $default_renderer
    ): string {
        $range = $this->getPaginationRange($component);

        if ($component->getNumberOfPages() < 2) {
            return '';
        }

        $tpl = $this->getTemplate("tpl.pagination.html", true, true);
        $component = $component->withResetSignals();
        $triggeredSignals = $component->getTriggeredSignals();
        if ($triggeredSignals) {
            $internal_signal = $component->getInternalSignal();
            $signal = $triggeredSignals[0]->getSignal();
            $component = $component
                ->withAdditionalOnLoadCode(
                    fn($id) => "il.UI.viewcontrol.pagination.init('$id');"
                )
                ->withAdditionalOnLoadCode(
                    fn($id) => "$(document).on('$internal_signal', function(event, signalData) {
                        il.UI.viewcontrol.pagination.get('$id').onInternalSelect(event, signalData, '$signal');
                        return false;
                    })"
                );
            $id = $this->bindJavaScript($component);
            $tpl->setVariable('ID', $id);
        }

        $chunk_options = array();
        foreach ($range as $entry) {
            $shy = $this->getPaginationShyButton($entry, $component);
            if ($entry === $component->getCurrentPage()) {
                $shy = $shy->withEngagedState(true);
            }
            $chunk_options[] = $shy;
        }

        if ($component->getDropdownAt() == null ||
            $component->getDropdownAt() > $component->getNumberOfPages()) {
            foreach ($chunk_options as $entry) {
                $tpl->setCurrentBlock("entry");
                $tpl->setVariable('BUTTON', $default_renderer->render($entry));
                $tpl->parseCurrentBlock();
            }
        } else {
            //if threshold is reached, render as dropdown
            $f = $this->getUIFactory();

            $dd_label_template = $component->getDropdownLabel();
            if ($dd_label_template === $component->getDefaultDropdownLabel()) {
                $dd_label_template = $this->txt($dd_label_template);
            }
            $dd_label = sprintf(
                $dd_label_template,
                $component->getCurrentPage() + 1,
                $component->getNumberOfPages()
            );

            $dd = $f->dropdown()->standard($chunk_options)->withLabel($dd_label);
            $tpl->setCurrentBlock("entry");
            $tpl->setVariable('BUTTON', $default_renderer->render($dd));
            $tpl->parseCurrentBlock();
        }

        if ($component->getMaxPaginationButtons()) {
            $this->setPaginationFirstLast($component, $range, $default_renderer, $tpl);
        }

        $this->setPaginationBrowseControls($component, $default_renderer, $tpl);
        return $tpl->get();
    }

    protected function getPaginationRange(Component\ViewControl\Pagination $component): array
    {
        if (!$component->getMaxPaginationButtons()) {
            $start = 0;
            $stop = max($component->getNumberOfPages() - 1, 0);
        } else {
            //current page should be in the middle, so start is half the amount of max entries:
            $start = (int) ($component->getCurrentPage() - floor($component->getMaxPaginationButtons() / 2));
            $start = max($start, 0); //0, if negative
            //stop is (calculated) start plus number of entries:
            $stop = $start + $component->getMaxPaginationButtons() - 1;
            //if stop exceeds max pages, recalculate both:
            if ($stop > $component->getNumberOfPages() - 1) {
                $stop = max($component->getNumberOfPages() - 1, 0); //0, if negative
                $start = $stop - $component->getMaxPaginationButtons();
                $start = max($start, 0); //0, if negative
            }
        }
        return range($start, $stop);
    }

    protected function getPaginationShyButton(
        int $val,
        Component\ViewControl\Pagination $component,
        string $label = ''
    ): Shy {
        $f = $this->getUIFactory();

        if ($label === '') {
            $label = (string) ($val + 1);
        }

        if ($component->getTriggeredSignals()) {
            $shy = $f->button()->shy($label, (string) $val)->withOnClick($component->getInternalSignal());
        } else {
            $url = $component->getTargetURL() ?? '';
            if (strpos($url, '?') === false) {
                $url .= '?' . $component->getParameterName() . '=' . $val;
            } else {
                $base = substr($url, 0, strpos($url, '?') + 1);
                $query = parse_url($url, PHP_URL_QUERY);
                parse_str($query, $params);
                $params[$component->getParameterName()] = $val;
                $url = $base . http_build_query($params);
            }
            $shy = $f->button()->shy($label, $url);
        }
        return $shy;
    }

    protected function setPaginationBrowseControls(
        Component\ViewControl\Pagination $component,
        RendererInterface $default_renderer,
        Template $tpl
    ): void {
        $prev = max(0, $component->getCurrentPage() - 1);
        $next = $component->getCurrentPage() + 1;

        $f = $this->getUIFactory();

        $back_btn = $f->button()->standard("", "");
        $forward_btn = $f->button()->standard("", "");

        if ($component->getTriggeredSignals()) {
            $back_btn = $back_btn->withOnClick($component->getInternalSignal());
            $forward_btn = $forward_btn->withOnClick($component->getInternalSignal());
        } else {
            $url = $component->getTargetURL() ?? '';
            if (strpos($url, '?') === false) {
                $url_prev = $url . '?' . $component->getParameterName() . '=' . $prev;
                $url_next = $url . '?' . $component->getParameterName() . '=' . $next;
            } else {
                $base = substr($url, 0, strpos($url, '?') + 1);
                $query = parse_url($url, PHP_URL_QUERY);
                parse_str($query, $params);

                $params[$component->getParameterName()] = $prev;
                $url_prev = $base . http_build_query($params);
                $params[$component->getParameterName()] = $next;
                $url_next = $base . http_build_query($params);
            }

            $back_btn = $f->button()->standard("", $url_prev);
            $forward_btn = $f->button()->standard("", $url_next);
        }

        if ($component->getCurrentPage() === 0) {
            $back_btn = $back_btn->withUnavailableAction();
        }
        if ($component->getCurrentPage() >= $component->getNumberOfPages() - 1) {
            $forward_btn = $forward_btn->withUnavailableAction();
        }

        $back_glyph = $f->symbol()->glyph()->back();
        $forward_glyph = $f->symbol()->glyph()->next();

        $back_btn = $back_btn->withSymbol($back_glyph);
        $forward_btn = $forward_btn->withSymbol($forward_glyph);

        $tpl->setVariable('PREVIOUS', $default_renderer->render($back_btn));
        $tpl->setVariable('NEXT', $default_renderer->render($forward_btn));
    }

    protected function setPaginationFirstLast(
        Component\ViewControl\Pagination $component,
        array $range,
        RendererInterface $default_renderer,
        Template $tpl
    ): void {
        if (!in_array(0, $range)) {
            $shy = $this->getPaginationShyButton(0, $component);
            $tpl->setVariable('FIRST', $default_renderer->render($shy));
        }
        $last = max($component->getNumberOfPages() - 1, 0);
        if (!in_array($last, $range)) {
            $shy = $this->getPaginationShyButton($component->getNumberOfPages() - 1, $component);
            $tpl->setVariable('LAST', $default_renderer->render($shy));
        }
    }

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

    protected function renderId(
        Component\JavaScriptBindable $component,
        Template $tpl,
        string $block,
        string $template_var
    ): void {
        $id = $this->bindJavaScript($component);
        if (!$id) {
            $id = $this->createId();
        }
        $tpl->setCurrentBlock($block);
        $tpl->setVariable($template_var, $id);
        $tpl->parseCurrentBlock();
    }
}