Nittro pro Nette – instalace
Nittro je skvělá knihovna, pomocí které „zajaxovatíte“ celý webový projekt v Nette za pár okamžiků. Umí však potrápit, hlavně když zapomenete na něco během instalace. Zde je tedy malý návod abych už na nic nikdy nezapoměl 🙂
- Stáhnout aktuální Nittro.
Na webu https://nittro.org je dostatečný návod. Můžete použít Bower, nebo stáhnout balíček (Essential nebo Full), případně naklikat a sestavit vlastní package.
Já použil Bower, ale protože jsem chtěl kompletní balíček tak jsem použil:bower install nittro-full. - Vložit soubory CSS a JS do projektu
Soubory nittro.min.js a nittro.min.css zkopírujte do svých složek pro CSS a JS ve vašem projektu.
Poté je potřeba tyto soubory nalinkovat (ideálně v <head> sekci) a změnit cesty 🙂<link rel="stylesheet" type="text/css" href="path/to/nittro.min.css" /> <script type="application/javascript" src="path/to/nittro.min.js" async defer></script> - Nyní je potřeba do vašeho projektu doinstalovat nittro/nette-bridges
Nejlépe pomocí Composeru:composer require nittro/nette-bridges - Dále je potřeba do config.neon zaregistrovat Nittro makra pro latte
latte:
macros:
- Nittro\Bridges\NittroLatte\NittroMacros - Nyní je potřeba definovat snippet, který bude obsahovat hlavní tělo stránky, které se má při každém ajaxovém požadavku překreslovat.
Typicky tedy někde v @layout.latte máte{include #content}, stačí tento řádek obalit snippetem s názvem content a je vystaráno.
{snippet content}
{include #content}
{/snippet} - Zřejmě každý projekt nette využívá flash zprávičky. Nittro umí flash zprávičky řešit ještě elegantněji než samotné Nette.
Stačí přidat do @layout.latte (nebo tam kam potřebujete) následující:
<ul n:flashes></ul>
A to je vše. Tedy pokud vám stačí základní funkcionalita. Nittro umí mnohem, mnohem víc. Další informace můžete čerpat na githubu Nittra .