Renderer.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

namespace ILIAS\UI\Implementation\Component\Item;

use ILIAS\UI\Component\Component;
use ILIAS\UI\Implementation\Component\Button\Close;
use ILIAS\UI\Implementation\Component\Image\Image;
use ILIAS\UI\Implementation\Component\Symbol\Icon\Icon;
use ILIAS\UI\Implementation\Render\AbstractComponentRenderer;
use ILIAS\UI\Renderer as RendererInterface;
use ILIAS\UI\Implementation\Render\Template;
use ILIAS\UI\Component\Button;
use ILIAS\UI\Component\Link\Link;
use ILIAS\UI\Implementation\Render\ResourceRegistry;
use ILIAS\UI\Component\Symbol\Avatar\Avatar;

class Renderer extends AbstractComponentRenderer
{
    public function render(Component $component, RendererInterface $default_renderer): string
    {
        if ($component instanceof Notification) {
            return $this->renderNotification($component, $default_renderer);
        } elseif ($component instanceof Group) {
            return $this->renderGroup($component, $default_renderer);
        } elseif ($component instanceof Standard) {
            return $this->renderStandard($component, $default_renderer);
        } elseif ($component instanceof Shy) {
            return $this->renderShy($component, $default_renderer);
        }
        $this->cannotHandleComponent($component);
    }

    protected function renderGroup(Group $component, RendererInterface $default_renderer): string
    {
        $tpl = $this->getTemplate("tpl.group.html", true, true);
        $title = $component->getTitle();
        $items = $component->getItems();

        // items
        foreach ($items as $item) {
            $tpl->setCurrentBlock("item");
            $tpl->setVariable("ITEM", $default_renderer->render($item));
            $tpl->parseCurrentBlock();
        }

        if ($title != "") {
            $tpl->setCurrentBlock("title");
            $tpl->setVariable("TITLE", $title);
            $tpl->parseCurrentBlock();
        }

        // actions
        $actions = $component->getActions();
        if ($actions !== null) {
            $tpl->setVariable("ACTIONS", $default_renderer->render($actions));
        } else {
            $tpl->setVariable("ACTIONS", "");
        }

        return $tpl->get();
    }

    protected function renderStandard(Item $component, RendererInterface $default_renderer): string
    {
        $tpl = $this->getTemplate("tpl.item_standard.html", true, true);

        $this->renderTitle($component, $default_renderer, $tpl);
        $this->renderDescription($component, $tpl);
        $this->renderProperties($component, $default_renderer, $tpl);
        $this->renderAudioPlayer($component, $default_renderer, $tpl);
        // color
        $color = $component->getColor();
        if ($color !== null) {
            $tpl->setCurrentBlock("color");
            $tpl->setVariable("COLOR", $color->asHex());
            $tpl->parseCurrentBlock();
        }

        // lead
        $lead = $component->getLead();
        $progress = $component->getProgress();
        if ($lead != null) {
            if (is_string($lead)) {
                if ($progress != null) {
                    $tpl->setCurrentBlock("lead_text_with_progress");
                    $tpl->touchBlock("item_with_lead_and_progress");
                } else {
                    $tpl->setCurrentBlock("lead_text");
                    $tpl->touchBlock("item_with_lead_only");
                }
                $tpl->setVariable("LEAD_TEXT", $lead);
                $tpl->parseCurrentBlock();
            }
            if ($lead instanceof Image) {
                if ($progress != null) {
                    $tpl->setCurrentBlock("lead_image_with_progress");
                    $tpl->touchBlock("item_with_lead_and_progress");
                } else {
                    $tpl->setCurrentBlock("lead_image");
                    $tpl->touchBlock("item_with_lead_only");
                }
                $tpl->setVariable("LEAD_IMAGE", $default_renderer->render($lead));
                $tpl->parseCurrentBlock();
            }
            if ($lead instanceof Icon || $lead instanceof Avatar) {
                $tpl->setCurrentBlock("lead_icon");
                $tpl->setVariable("LEAD_ICON", $default_renderer->render($lead));
                $tpl->parseCurrentBlock();
                $tpl->setCurrentBlock("lead_start_icon");
                $tpl->parseCurrentBlock();
            } else {
                $tpl->setCurrentBlock("lead_start");
                $tpl->parseCurrentBlock();
            }
            if ($progress != null && ($lead instanceof Icon || $lead instanceof Avatar)) {
                $tpl->setCurrentBlock("progress_end_with_lead_icon");
                $tpl->setVariable("PROGRESS", $default_renderer->render($progress));
                $tpl->parseCurrentBlock();
            } elseif ($progress != null) {
                $tpl->setCurrentBlock("progress_end");
                $tpl->setVariable("PROGRESS", $default_renderer->render($progress));
                $tpl->parseCurrentBlock();
            } else {
                $tpl->touchBlock("lead_end");
            }
        } elseif ($progress != null) {
            $tpl->touchBlock("item_with_progress_only");
            $tpl->setCurrentBlock("progress_end");
            $tpl->setVariable("PROGRESS", $default_renderer->render($progress));
            $tpl->parseCurrentBlock();
        }

        // main action
        $main_action = $component->getMainAction();
        if ($main_action !== null) {
            $tpl->setCurrentBlock("main_action");
            $tpl->setVariable("MAIN_ACTION", $default_renderer->render($main_action));
            $tpl->parseCurrentBlock();
        }

        // actions
        $actions = $component->getActions();
        if ($actions !== null) {
            $tpl->setCurrentBlock("actions");
            $tpl->setVariable("ACTIONS", $default_renderer->render($actions));
            $tpl->parseCurrentBlock();
        }

        return $tpl->get();
    }

    protected function renderShy(Shy $component, RendererInterface $default_renderer): string
    {
        $tpl = $this->getTemplate("tpl.item_shy.html", true, true);

        $this->renderTitle($component, $default_renderer, $tpl);
        $this->renderDescription($component, $tpl);

        if ($component->getProperties() !== []) {
            foreach ($component->getProperties() as $name => $value) {
                $name = htmlentities($name);
                if ($value instanceof Button\Shy) {
                    $value = $default_renderer->render($value);
                } else {
                    $value = htmlentities($value);
                }
                $tpl->setCurrentBlock("property_row");
                $tpl->setVariable("PROP_NAME_A", $name);
                $tpl->setVariable("PROP_VAL_A", $value);
                $tpl->parseCurrentBlock();
            }
            $tpl->setCurrentBlock("properties");
            $tpl->parseCurrentBlock();
        }

        if ($component->getLeadIcon() !== null) {
            $tpl->setCurrentBlock("lead_icon");
            $tpl->setVariable("LEAD_ICON", $default_renderer->render($component->getLeadIcon()));
            $tpl->parseCurrentBlock();
        }

        if ($component->getClose() !== null) {
            $tpl->setCurrentBlock("close");
            $tpl->setVariable("CLOSE", $default_renderer->render($component->getClose()));
            $tpl->parseCurrentBlock();
        }

        if ($component->getOnLoadCode() !== null) {
            $tpl->setCurrentBlock("id");
            $tpl->setVariable('ID', $this->bindJavaScript($component));
            $tpl->parseCurrentBlock();
        }

        return $tpl->get();
    }

    protected function renderNotification(Notification $component, RendererInterface $default_renderer): string
    {
        $tpl = $this->getTemplate("tpl.item_notification.html", true, true);
        $this->renderTitle($component, $default_renderer, $tpl);
        $desc = $component->getDescription();
        if (!is_null($desc) && trim($desc) != "") {
            $tpl->setCurrentBlock("desc");
            $tpl->setVariable("DESC", $desc);
            $tpl->parseCurrentBlock();
        }
        $this->renderProperties($component, $default_renderer, $tpl);
        $tpl->setVariable("LEAD_ICON", $default_renderer->render($component->getLeadIcon()));

        // actions
        $actions = $component->getActions();
        if ($actions !== null) {
            $tpl->setVariable("ACTIONS", $default_renderer->render($actions));
        }

        // additional content
        if ($component->getAdditionalContent()) {
            $tpl->setCurrentBlock("additional_content");
            $tpl->setVariable("ADDITIONAL_CONTENT", $default_renderer->render($component->getAdditionalContent()));
            $tpl->parseCurrentBlock();
        }

        // aggregate notification
        $title = $this->getUIFactory()->button()->bulky($this->getUIFactory()->symbol()->glyph()->back(), $this->txt("back"), "");
        $aggregates_html = $default_renderer->render(
            $this->getUIFactory()->mainControls()->slate()->notification($default_renderer->render($title), $component->getAggregateNotifications())
        );

        $toggleable = true;
        if (!empty($component->getAggregateNotifications())) {
            $toggleable = false;
        }

        $component = $component->withAdditionalOnLoadCode(
            fn($id) => "il.UI.item.notification.getNotificationItemObject($('#$id')).registerAggregates($toggleable);"
        );

        //Bind id
        $item_id = $this->bindJavaScript($component);

        $tpl->setCurrentBlock("aggregate_notifications");
        $tpl->setVariable("AGGREGATES", $aggregates_html);
        $tpl->setVariable("PARENT_ID", $item_id);
        $tpl->parseCurrentBlock();

        // close action
        if ($component->getCloseAction()) {
            $url = $component->getCloseAction();
            $close_action = $this->getUIFactory()->button()->close()->withAdditionalOnLoadCode(
                fn($id) => "il.UI.item.notification.getNotificationItemObject($('#$id')).registerCloseAction('$url',1);"
            );
            $tpl->setVariable("CLOSE_ACTION", $default_renderer->render($close_action));
        }

        $tpl->setCurrentBlock("id");
        $tpl->setVariable('ID', $item_id);
        $tpl->parseCurrentBlock();

        return $tpl->get();
    }

    protected function renderTitle(Item $component, RendererInterface $default_renderer, Template $tpl): void
    {
        $title = $component->getTitle();
        if ($title instanceof Button\Shy || $title instanceof Link) {
            $title = $default_renderer->render($title);
        } else {
            $title = htmlentities($title);
        }
        $tpl->setVariable("TITLE", $title);
    }

    protected function renderDescription(Item $component, Template $tpl): void
    {
        // description
        $desc = $component->getDescription();
        if (!is_null($desc) && trim($desc) != "") {
            $tpl->setCurrentBlock("desc");
            $tpl->setVariable("DESC", htmlentities($desc));
            $tpl->parseCurrentBlock();
        }
    }

    protected function renderAudioPlayer(
        Item $component,
        RendererInterface $default_renderer,
        Template $tpl
    ): void {
        // description
        $audio = $component->getAudioPlayer();
        if (!is_null($audio)) {
            $tpl->setCurrentBlock("audio");
            $tpl->setVariable("AUDIO", $default_renderer->render($audio));
            $tpl->parseCurrentBlock();
        }
    }

    protected function renderProperties(Item $component, RendererInterface $default_renderer, Template $tpl): void
    {
        $props = $component->getProperties();
        if (count($props) > 0) {
            $cnt = 0;
            foreach ($props as $name => $value) {
                $name = htmlentities($name);
                if ($value instanceof Button\Shy || $value instanceof \ILIAS\UI\Component\Symbol\Icon\Icon) {
                    $value = $default_renderer->render($value);
                } else {
                    //Note, as soon as we got rid of all legacy ListGUI needing to render LP Icons as string, we
                    //should introduce here htmlentities
                    $value = $value;
                }
                $cnt++;
                if ($cnt % 2 == 1) {
                    $tpl->setCurrentBlock("property_row");
                    $tpl->setVariable("PROP_NAME_A", $name);
                    $tpl->setVariable("PROP_VAL_A", $value);
                } else {
                    $tpl->setVariable("PROP_NAME_B", $name);
                    $tpl->setVariable("PROP_VAL_B", $value);
                    $tpl->parseCurrentBlock();
                }
            }
            if ($cnt % 2 == 1) {
                $tpl->parseCurrentBlock();
            }
            $tpl->setCurrentBlock("properties");
            $tpl->parseCurrentBlock();
        }
    }

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