Komponenta v komponentě, render error

Vyresil jsem to kdyz vlozim do renderu jeste tuto podminku, a hodim tam dummy.latte (prazdnou sablonu).
Ale pokud to jde elegantneji, budu rád, když mi někdo poradí.

        if (!$this->template->getFile()) {
            $this->template->setFile(__DIR__ . '/dummy.latte');
        }

Editoval Damo (18. 10. 18:37)

Prvně se mi přes render vykresli komponenta, a potom přes handle si otevírám třeba modal, a tam už nepotřebuji rendrovat znovu tu komponentu, proto v tom renderu jsou ty podminky. Odebráním $this->template->render(); se nevyrendruje ani ten handle, return payload je prázdný. Při těch komponentách v komponentě, pomůže ta dummy. Já tam ty parametery když volám handle nepotřenbuji, pač s komponentou nijak nehybam, nechci ji ani rendrovat, jde mi jen o render z handle. Možná kdyby byl nějaký větší celek kódu jak komponenta vypadá, byl bych rád. V doku jsou jen drobné příklady. Díky

Tak jsem predelal tovarnicku, aby mi data chodila pres construct

<?php

declare(strict_types=1);

namespace App\Components\Phoenix\SelectImage;

use App\AdminModule\Models\PhoenixModels\FilesBrowser\Entities\FilesBrowserPayload;
use App\Components\BaseComponent;
use App\Models\BaseComponentPayload;

class SelectImageComponent extends BaseComponent {
    private ?BaseComponentPayload $baseComponentPayload = null;
    public function __construct(?BaseComponentPayload $baseComponentPayload) {
        $this->baseComponentPayload = $baseComponentPayload;
    }

    public function render(): void {
        if (!$this->baseComponentPayload) {
            if (!$this->template->getFile()) {
                $this->template->setFile(__DIR__ . '/dummy.latte');
            }
            $this->template->render();
            return;
        }
        $this->template->setFile(dirname(__FILE__) . "/SelectImageComponent.latte");
        $this->template->unique = uniqid();
        $this->template->componentName = $this->baseComponentPayload->getComponentName();
        $this->template->className = $this->baseComponentPayload->getClassName();
        $this->template->render();
    }

    public function handleOpenDialog(): void {
        $filesBrowserPayload = new FilesBrowserPayload('selectImage');
        $filesBrowserPayload->setAsDialog();

        $this->template->setFile(dirname(__FILE__) . "/openDialog/openDialog.latte");
        $this->template->filesBrowser = $filesBrowserPayload;
        $this->redrawControl('mcCanvas');
    }
}

Problém je, že jsem se tech podmínek v render nezbavil. S těmi podmínakmi to běží výborně, bez podmínek to popadá.

Možná to nevysvětluji dobře.

První vykreslení komponenty proběhne v pořádku, render zafunguje a vyrendruje šablonu SelectImageComponent.latte.
V šabloně, volám handle openDialog, a tam je kámen úrazu. Já nechci už s komponenentou nic dělat, ten openDialog, pouze vymeni empty snippet pro modal mcCanvas.

SelectImageComponent.latte

<div
        class="{$className}"
        id="selectImage{$unique}"
        data-component="{$componentName}"
>
    <a n:href="openDialog!" class="ajax no-save-protect btn btn-phoenix-secondary w-100 h-100 d-flex flex-column justify-content-center align-items-center">
        <i class="bi bi-plus-circle mb-2 fs-6"></i>
        <span>Select image</span>
    </a>
</div>
{snippet mcCanvas}{/snippet}

obsah snippetu je ovsem ulozen v sablone openDialog.latte

{snippet mcCanvas}
    <div class="offcanvas offcanvas-end offcanvas-100 bg-body no-save-protect" id="offcanvasOpenDialogFiles" tabindex="-1" aria-labelledby="offcanvasRightLabel">
        <div class="offcanvas-header modal-header">
            <h5 id="offcanvasRightLabel" class="modal-title">Select file</h5><button class="btn-close text-reset" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body" style="--phoenix-navbar-top-height: -1rem">
            {control phoenixFilesBrowser $filesBrowser}
        </div>
        <div class="offcanvas-footer modal-footer">
            <button class="btn btn-primary m-2" type="button" data-bs-dismiss="offcanvas">
                Use
            </button>
        </div>
    </div>
    <script>
        $(function() {
            const $offcanvas = $("#offcanvasOpenDialogFiles").mcOffcanvasService();
        });
    </script>
{/snippet}

takze ze zavolaneho handle vlákno kodu pak přeskočí na render() metodu. Ale data pro render() jaksi nemám k dispozici, protoze uz jsou davno pryč. Prot je tam ta podmínka na $this->baseComponentPayload.
Ta druhá podmínak je tam proto, protože v tom modalu je další kompoenta, která zase vola dalsí handle, a z toho handle vlákno kodu hierarchicky se vraci až do tohoto render(), proto podmínka na šablonu.

Toho se asi nezbavím jen tak tedy.

Funguje to, až na drobnost, redraw $this->redrawControl('mcCanvas'); musi byt v handle, jinak se render() nevyvolá.

<?php

declare(strict_types=1);

namespace App\Components\Phoenix\SelectImage;

use App\AdminModule\Models\PhoenixModels\FilesBrowser\Entities\FilesBrowserPayload;
use App\Components\BaseComponent;
use App\Models\BaseComponentPayload;

class SelectImageComponent extends BaseComponent {
    private string $renderState;
    public function __construct(private readonly ?BaseComponentPayload $baseComponentPayload = null) {
        $this->renderState = $baseComponentPayload ? 'render_component' : 'render_empty';
    }

    public function handleOpenDialog(): void {
        $this->renderState = 'render_dialog';
        $this->redrawControl('mcCanvas');
    }

    public function render(): void {
        if ($this->renderState === 'render_component') {
            $this->template->setFile(dirname(__FILE__) . "/SelectImageComponent.latte");

            $this->template->unique = uniqid();
            $this->template->componentName = $this->baseComponentPayload->getComponentName();
            $this->template->className = $this->baseComponentPayload->getClassName();
        }

        if ($this->renderState === 'render_dialog') {
            $this->template->setFile(dirname(__FILE__) . "/openDialog/openDialog.latte");

            $filesBrowserPayload = new FilesBrowserPayload('selectImage');
            $filesBrowserPayload->setAsDialog();
            $this->template->filesBrowser = $filesBrowserPayload;
        }

        if ($this->renderState === 'render_empty') {
            $this->template->setFile(__DIR__ . '/empty.latte');
        }

        $this->template->render();
    }
}

Factory je multiplier, abych mohl pouzit vicekrat v sablone, zatim vypada takto

protected function createComponentPhoenixSelectImage(): Multiplier {
        return new Multiplier(function(string $id): SelectImageComponent {
            $data = $this->selectImages[$id] ?? null;

            if (!$data) {
                return new SelectImageComponent(null);
            }

            $payload = new BaseComponentPayload($data['componentName']);
            $payload->addClassName([
                'mb-1',
                'ratio',
                'ratio-16x9',
                ...($data['className'] ?? []),
            ]);

            return new SelectImageComponent($payload);
        });
    }

Editoval Damo (21. 10. 8:13)

Žel, je to soustava zanořených komponent, Presenter, je ještě 2 komponenty před. Klidně kdybyste byl ochoten, můžeme se spojit, můžu to celé nasdílet a ukázat.

Perfektní, díky za pomoc