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