Dynamické prvky stránky alias widgety

Šaman: ano popisuji komponenty, ale co řeším je to jak je dostat do stránky aniž bych je musel hardkodit do šablony.

a tím si pomůžu k čemu?

No to je směr nad kterým sem uvažoval, využít Multiplier přes IDčka těch widgetu, tvůj nápad tam ještě zahrnout ten typ je fajn. to by pak stačila jedna metoda pro vytvoření komponenty.

Co je ale zatím pro mě oříšek je jak to hodit do šablony aby to nebylo nahardkoděné přímo v ní. Jednoduše aby člověk skočil do admina a řekl že ten, ten a ten widget se zobrazí na homepage jinde ne atd. V nonNette to vyřešené mám, ale jak na to v nette?

matej21: Pokud jsem tě správně pochopil tak do šablony bych měl do jednotlivých sloupcu atd hodit zavolání komponenty {control $widgetManagerLeft} a ten ten by pak sam načetl jaké komponenty vložit do levého sloupce a ty by pak předal do vlastní šablony jako pole a pak je vykreslil?

akadlec: jj nejak tak, jen ne {control $widgetManagerLeft} ale {control widgetManagerLeft} :)

jeste me napadlo tam pridat jednu uroven komponent a to ten multipler, ale na uroven toho WidgetManager, ze bys to mel definovany zhruba takhle (ted se omlouvam, jestli to mam blbe, multiplier uz jsem dlouho nepouzival):

public function createComponentWidgetManager()
{
	return new Multiplier(function($position)) {
		return new WidgetManager($position);
	});

}

(lepsi by bylo pres factory, aby se hezky injectnuly zavislosti do konstruktoru)

v template (jako pro presenter, nebo v @layout) bys pouzil jen

{control widgetManager-left}
{control widgetManager-right}
{control widgetManager-foo}

a vytvorily by se odpovidajici „spravci komponent“ pro danou pozici. takhle by stacilo tedy pridavat nove „pozice“ jen upravou sablony a databaze bez dalsiho zasahu do nejakyho basepresenteru.

WidgetManager by potom, jak jsem psal vys, akorat vytahnul jednotlivy podkomponenty pro danou pozici, pridal by je do stromu pod nejakym jmenem (treba jen cisla) a tyhle jmena by predal do templaty, kde by je foreachem vykreslil.

EDIT: jedinej „problem“ je tech mnoho urovni. asi by to nette nemelo v nicem vadit, jen muzou blbe vypadat odkazy z tech pod-pod-komponent :) (jestli je tam teda vubec budes pouzivat, coz vubec neni nutnost.. a kdyz to bude v nejakem formulari, tak si toho uzivatel nevsimne)

Editoval matej21 (4. 4. 2013 14:29)

Resil jsem podobny problem, ale sel jsem na to trosku jinak. Chtel jsem, aby si do obsahu stranky mohli davat libovolne nejruznejsi komponenty (banner, anketa, galerie,…) ktere si predem zadefinuji.

Predpokladal jsem kompetentni uzivatele a tem dal pravo pouzivat v obsahu „stranky“ krome texy i latte kod, vsechny „pouzitelne“ komponenty zaregistroval pres config, prepsal metodu createComponent a pak uz do textu stranek (ktere jsou ulozeny v DB) stacilo napsat napr neco jako:

Lorem Ipsum
############
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam turpis dui,
vestibulum vel tempor et, consequat et odio. Sed dictum dolor ut tellus mollis
semper. Etiam pretium blandit elit, in mattis ipsum volutpat nec.

{control randomBannerRenderer wide}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam turpis dui,
vestibulum vel tempor et, consequat et odio. Sed dictum dolor ut tellus mollis
semper. Etiam pretium blandit elit, in mattis ipsum volutpat nec.

{block #rightColumn}
{include #parent}
{control cathegoryRenderer-5 thumb}
{/block}

{block #topColumn}
{control menuRenderer-8 inline}
{/block}

Tzn jsem vlastne mohl ovlivnovat i sablony ze kterych jsem extendoval.

Cele je to samozrejme trochu problematictejsi a urcite by to chtelo lepe „zabezpecit“, omezit je jen na urcitou latte syntax, zaregistrovat vlastni makra, udelat vice user-friendly syntax, atd… Me to ale pro svuj ucel stacilo

To ano :) je to ve fazi kdy jsem to chtel zkusit, zda by to vubec fungovalo. Kdyz mohu „nutit“ lidi pouzivat texy syntax (s cimz mam casto problem), tak tech par mohu naucit i jeden dva prikazy navic :) Ale asi by stalu si na to napsat i nejaky texy plugin, ktery by prevedl texy do latte a az pak do html.

Muj cil je totiz ze uzivatele budou psat jen texty, vse ostatni (od tucnosti, pres nadpisy, obrazky az po vkladane widgety) si naklikaji a nekde v pozadi se jim bude tvorit takovyto kod (pak uz asi i bez texy, kdyz si to budou klikat) o kterym vedet nebudou… ale to je bohuzel dlouha cesta, tak postupuji poporade :)

Takže jsem se po delší odmlce vrátil k realizaci dynamických komponent ale tak nějak myslím že bych to měl nějak předělat ;)

V presenteru aktivuju multiplier:

public function createComponentWidgetManager()
{
	return new Multiplier(function($position) {
		return new WidgetManager($position);
	});
}

A ten pro zadanou pozici, např.:

{control widgetManager-menu}

Spustí widget manager:

class WidgetManager extends \Nette\Application\UI\Control
{
	/** @var string */
	protected $position;

	/** @var array */
	protected $widgets = array(
		'menu'	=> array(
			1	=> array(
				'id'	=> 1,
				'name'	=> 'Main menu',
				'type'	=> 'mainMenu',
				'class'	=> 'MainMenuWidget'
			),
			2	=> array(
				'id'	=> 2,
				'name'	=> 'User menu',
				'type'	=> 'userMenu'
				'class'	=> 'UserMenuWidget',
			),
		)
	);

	protected function attached($presenter)
	{
		parent::attached($presenter);

		if ( !$presenter instanceof Presenter ) return;

		$this->addComponent(New \Nette\ComponentModel\Container(), "menu");
	}

	public function __construct($position)
	{
		// Set position
		$this->position = $position;
	}

	public function render()
	{
		$this->template->widgets = array();

		foreach($this->widgets[$this->position] as $widgetEntity) {
			// Create new widget
			$widget = new $widgetEntity['class']($this[$this->position], $widgetEntity['type']);


			// Activate inject methods
			$this->presenter->getContext()->callInjects($widget);

			// Render widget
			$widgetEntity['content'] = $widget->render();

			// Add widget to template
			$this->template->widgets[] = $widgetEntity;
		}

		return $this->renderWithTemplate('widgetManager');
	}
}

do šablony widgetManager.latte se pak pošlou jednotlivé widgety i s renderovaným obsahem:

{foreach $widgets as $widget}
	{$widget['content']}
{/foreach}

Editoval akadlec (24. 7. 2013 23:21)

No já to ještě před chvíli trochu poladil jinak:

	/**
	 * Render all widgets
	 */
	public function render()
	{
		$this->template->widgets = array();

		foreach($this->widgets[$this->position] as $widgetEntity) {
			// Create new widget
			$widget = new $widgetEntity['class']($this[$this->position], $widgetEntity['type']);

			// Activate inject methods
			$this->presenter->getContext()->callInjects($widget);
		}

		$this->template->widgets = $this[$this->position]->components;

		return $this->renderWithTemplate('widgetManager');
	}

a pak v šabloně:

{foreach $widgets as $widget}
	{control $widget}
{/foreach}

a je fakt že mě ta metoda callInjects tam moc nevoní :( Nad továrničkama jsem také přemýšlel že bych injecty udělal v nich kde by to šlo bez problému a ty potřebné závislosti pak předal finalnimu widgetu.

akadlec napsal(a):

Takže jsem trošku přepracoval původní řešení zde probírané a vytvořil jsem extension pro spravování takovýchto prvků stránek. Extension je zatím ve fázi tvoření, ale základní funkce již umí. Pokud by o tuto ext byl zájem tak ji hodím klidně do addons a můžeme ji vyvíjet společně ;)

Jinak je k nalezení klasicky na githubu;)

Funguje tak že:

• zaregistrujete ji do appky
• vytvoříte jednotlivé požadované widgety které budou dědit vždy od základího widgetu (viz ukázka widgetu)
• takto vytvořený widget registrujete klasicky jako komponentu, ale ještě je potřeba ji otagovat ipub.widgets.widget
• extesnion si pak sama tyto widgety natáhne, resp jejich továrničky

Extension poskytuje widgets manager pomocí kterého je možné jednotlivé widgety vytáhnout a rendereovat. Aby se widget dal renderovat tak je potřeba mu předat data a to je možné buď pomocí seteru a nebo přímo v render metodě.

Zatím to jen umí vytáhnout konkrétní widget a ten vyrenderovat. Do budoudna chci aby to dokázalo vytáhnout celou sadu widgetů pro nějakou pozici (uživatelé joomla a wpress znají) určit zda se mají zobrazit a podle toho je zobrazit. Samozřejmě chci i latte makra co mě toto budou nahrazovat a taky informovat o tom zda tam nějaké widgety jsou aby se dal podle toho ladit layout.

Ahoj podarilo se mi zprovoznit WidgetsManager and WeatherWidget pres composer. Muzes mi prosim ukazat jak predat data WeatherWidget v presenteru a nasledne v sablone

Ahoj děkuji za návod. Nahral jsem widgetManager s weatherManagerem na github, bohužel mi to zkončí na hlášce v šabloně. Widget not found. Vytvořil jsem dashboardPresenter podle tvého návodu.
Mohl by jsi se na to mrknout, v composer.lock mam aktualni knihovny.
https://github.com/…idgetManager

Pěkné, tohle jsem přehlédl :)

Je vidět že to děláš hodně custom, jsou tam věci, které by obecného řešení asi nepatřily ani když hodně přimhouřím oči. Kdybys to rozdělil ještě na widgetManager a widgetManagerFeaturesWhichAreNeededByiPublikuj tak by se takové rozšíření mohlo pěkně uchytit :)

No už je to nějaký ten pátek co to řeším, padly tady nějaké nápady co a jak a tak jsem se je postupem času snažil dát dohromady a dokončit svou extension která by toto zastřešovala a tak nějak se mě povedlo a jsem se současnou verzí docela spokojen. Pokud o tom někdo chce diskutovat tak sem oddělil diskuzi zde jinak zde můžeme pokračovat v principech jak a proč to realizovat.