NotificationCenterRenderer.php

Go to the documentation of this file.

<?php

declare(strict_types=1);

namespace ILIAS\GlobalScreen\Scope\MetaBar\Collector\Renderer;

use ILIAS\GlobalScreen\Services;
use ILIAS\UI\Component\JavaScriptBindable;
use ILIAS\GlobalScreen\Client\Notifications as ClientNotifications;
use ILIAS\GlobalScreen\Collector\Renderer\isSupportedTrait;
use ILIAS\GlobalScreen\Scope\MetaBar\Factory\isItem;
use ILIAS\GlobalScreen\Scope\MetaBar\Factory\NotificationCenter;
use ILIAS\UI\Component\Component;
use ILIAS\UI\Component\MainControls\Slate\Combined;

class NotificationCenterRenderer extends AbstractMetaBarItemRenderer implements MetaBarItemRenderer
{
    use isSupportedTrait;

    private Services $gs;

    private \ilLanguage $lng;

    public function __construct()
    {
        global $DIC;
        $this->gs = $DIC->globalScreen();
        $this->lng = $DIC->language();
        parent::__construct();
    }

    protected function getSpecificComponentForItem(isItem $item): Component
    {
        $f = $this->ui->factory();

        $center = $f->mainControls()->slate()->combined($this->lng->txt("noc"), $this->buildIcon($item))
                    ->withEngaged(false);

        foreach ($this->gs->collector()->notifications()->getNotifications() as $notification) {
            $center = $center->withAdditionalEntry($notification->getRenderer($this->ui->factory())->getNotificationComponentForItem($notification));
        }

        $center = $this->attachJSShowEvent($center);
        $center = $this->attachJSRerenderEvent($center);

        return $center;
    }

    protected function attachJSShowEvent(Combined $center): Combined
    {
        $toggle_signal = $center->getToggleSignal();
        $url = ClientNotifications::NOTIFY_ENDPOINT . "?" . $this->buildShowQuery();

        $center = $center->withAdditionalOnLoadCode(
            fn($id): string => "
                $(document).on('$toggle_signal', function(event, signalData) {
                    $.ajax({url: '$url'});
                });"
        );

        return $center;
    }

    protected function attachJSRerenderEvent(Combined $center): Combined
    {
        $url = ClientNotifications::NOTIFY_ENDPOINT . "?" . $this->buildRerenderQuery();

        return $center->withAdditionalOnLoadCode(
            fn(string $id): string => "document.addEventListener('rerenderNotificationCenter', () => {
                    let xhr = new XMLHttpRequest();
                    xhr.open('GET', '$url');
                    xhr.onload = () => {
                        if (xhr.status === 200) {
                            let response = JSON.parse(xhr.responseText);
                            $id.querySelector('.il-maincontrols-slate-content').innerHTML = response.html;
                            $id.querySelectorAll('.il-maincontrols-slate-content script').forEach( element => {
                                eval(element.innerHTML);
                            })
                            $id.parentNode.previousElementSibling.querySelector('.glyph').outerHTML = response.symbol;
                        } else {
                            console.error(xhr.status + ': ' + xhr.responseText);
                        }
                    };
                    xhr.send();
                });"
        );
    }

    protected function buildShowQuery(): string
    {
        return http_build_query([
            ClientNotifications::MODE => ClientNotifications::MODE_OPENED,
            ClientNotifications::NOTIFICATION_IDENTIFIERS => $this->gs->collector()->notifications()->getNotificationsIdentifiersAsArray(true),
        ]);
    }

    protected function buildRerenderQuery(): string
    {
        return http_build_query([ClientNotifications::MODE => ClientNotifications::MODE_RERENDER]);
    }
}