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]);
    }
}