Komponenta – změna view (+ ajax)

@Šaman

Díky za komentář.

2. Tohle není možné (resp. ano, ale příčí se mi logika i pracnost). Pokud bych přesměroval na jiný view/render v Presenteru, tak budu muset zduplikovat šablonu, tj. v mém případě default.latte, protože formulář se nachází na homepage webu, a jediné co v té zduplikované šabloně vyměním bude controlka formuláře za výpis hlášky // třeba flashmessages nebo to tam bude jako překlad … → to je dost ugly ne, mít 2 view, které se liší jen tím že v jednom je controlka a v druhém ne a místo ní je tam napsano odeslano.

1+3) Ještě později v noci než jsem málem pošel :-) jsem to tak udělal, posílám si do šablony proměnnou, zda-li je odesláno či nikoliv a dle toho kontrolku vypíšu.

Tj.

{snippet ajaxform}

	<div n:foreach="$flashes as $flash" class="flash alert {$flash->type}">{$flash->message}</div>

	{if !isset($sent)}
	{form form "novalidate" => "", "class" => "ajax"}

a callback formuláře – konec metody

		$this->flashMessage("Registrace dokončena", "alert-success");

if ($this->presenter->isAjax())
{
	$this->template->sent = 1;
   	$this->redrawControl('ajaxform');
   	$form->setValues(array(), TRUE);

}
else
{
	$this->redirect("this");
}

Ale nelíbí se mi to. Moje představa byla, že kontrolce řeknu o změnu pohledu a v jiné renderovací metodě vypíšu nějaké jiné HTML s hláškou o odeslání. (Sem už trošku kantare po probdělé noci, tak bych možná potřeboval kus kódu).

Editoval Kcko (27. 9. 2014 9:49)

@Zax aha, tak jsem myslel, že to je pouze mojí neznalostí a pronikáním do Nette.
Určite můžeš :) zájem bude.

Jinak jsem tu komponentu upravil, aby dělala to co chci, zbývá poslední krok k úspěchu, co mám napsat do Ajaxu, aby mi vykreslil / přesměroval na handle jako v případě else větve? Viz zcela dole.

class RegistrationForm extends UI\Control
{
	protected $view;

	public function handleDone()
	{
		$this->view = 'registration-form-save';
	}

	public function render()
	{

		if (!$this->view)
			$this->template->setFile(__DIR__ . '/../templates/components/registration-form.latte');
		else
			$this->template->setFile(__DIR__ . '/../templates/components/'.$this->view.'.latte');
		$this->template->render();
	}

	public function registerFormSubmitted($form)
	{
		...

        if ($this->presenter->isAjax())
        {
		 /* CO BUDE TADY ??? */

        }
        else
        {
        	$this->redirect("done!"); // FUNGUJE mimo ajax, nacte se spravna sablona
        }

	}


}

Editoval Kcko (27. 9. 2014 11:01)

@Zax zajímavé řešení.

1. Moc nerozumím tomu white listu. ve $view je pouze šablona, nejsou to žadné metody, jak to tedy nastavujes?

Já bych na to šel asi takhle jednoduše.

	/** @persistent */
	public $view;

	protected $allowedView = ["foo", "bar"];

	public function render()
	{
		if (!$this->view)
			$view = $allowedView[0];
		else
		{
			if (!in_array($this->view, $allowedView))
				$view = $allowedView[0];
			else
				$view = $this->view;
		}

			$this->template->setFile(__DIR__ . '/../templates/components/'.$view);

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

2. Upravil jsem na persistentní a public, pokud pošlu bez ajaxu funguje, pokud s tak nikolivěk a je zcela jedno jestli mám
   • kontrolku v šabloně presenteru obalenou snippetem viz

			{snippet ajaxform}
				{control registrationForm}
			{/snippet}

nebo snippetem obalím formulář v šabloně komponenty

{snippet ajaxform}
	<div n:foreach="$flashes as $flash" class="flash alert {$flash->type}">{$flash->message}</div>
	{form form "novalidate" => "", "class" => "ajax"}
	...

Editoval Kcko (27. 9. 2014 13:20)

Signály (handle* metody) jsou určeny pro nějakou akci (v url je ?do=) a má po nich následovat přesměrování na normální adresu bez signálu. To co ty zkoušíš by sice šlo, ale nemá se to tak dělat :-)

Komponentu jsem nahrál na github a přidal pár testů (doporučuju projít zdroják, není v tom nic extra složitého, jen pár hacků ;-)). Měla by být dostupná přes composer (zaxxx/zaxcontrol). Tvá situace by šla řešit cca takto:

class RegistrationForm extends Zax\Application\UI\Control
{

    public function viewDefault() {}

    public function viewDone() {}

    public function registerFormSubmitted($form)
    {
        ...

        $this->redrawControl();
		$this->go('this', ['view' => 'Done']);
    }

}

K tomu přidáš složku templates, do ní dvě šablony Default.latte a Done.latte a mělo by to frčet. Nezapomeň obě šablony obalit snippetem (IMHO je lepší to dělat přímo v komponentě než v presenteru).

Jsou tam ještě cesty, jak to trochu víc zautomatizovat, ale tím tě zatěžovat nebudu, je to dost magické :-D

Editoval Zax (27. 9. 2014 13:37)