FormWithoutSubmitButtonsContextRenderer.php

Go to the documentation of this file.

<?php
 
declare(strict_types=1);
 
namespace ILIAS\UI\Implementation\Component\Input\Container\Form;
 
use ILIAS\UI\Implementation\Render\AbstractComponentRenderer;
use ILIAS\UI\Implementation\Component\Input\Container\Form;
use ILIAS\UI\Implementation\Render\Template;
use ILIAS\UI\Renderer as RendererInterface;
use ILIAS\UI\Component;
use LogicException;
 
class FormWithoutSubmitButtonsContextRenderer extends Renderer
{
    public function render(Component\Component $component, RendererInterface $default_renderer): string
    {
        if ($component instanceof Form\Standard) {
            return $this->renderFormWithoutSubmitButtons($component, $default_renderer);
        }
 
        $this->cannotHandleComponent($component);
    }
 
    protected function renderFormWithoutSubmitButtons(
        Form\Standard $component,
        RendererInterface $default_renderer
    ): string {
        $tpl = $this->getTemplate("tpl.without_submit_buttons.html", true, true);
 
        $this->maybeAddDedicatedName($component, $tpl);
        $this->maybeAddRequired($component, $tpl);
        $this->addPostURL($component, $tpl);
        $this->maybeAddError($component, $tpl);
 
        $tpl->setVariable("INPUTS", $default_renderer->render($component->getInputGroup()));
 
        $enriched_component = $component->withAdditionalOnLoadCode(
            static function (string $id) use ($component): string {
                return "
                    // @TODO: we need to refactor the signal-management to prevent using jQuery here.
                    $(document).on('{$component->getSubmitSignal()}', function () {
                        let form = document.getElementById('$id');
                        if (!form instanceof HTMLFormElement) {
                            throw new Error(`Element '$id' is not an instance of HTMLFormElement.`);
                        }
                        
                        // @TODO: we should use the triggering button as an emitter here. When doing
                        // so, please also change file.js processFormSubmissionHook().
                        form.requestSubmit();
                    });
                ";
            }
        );
 
        $id = $this->bindJavaScript($enriched_component) ?? $this->createId();
        $tpl->setVariable("ID", $id);
 
        return $tpl->get();
    }
}