Jak správně strukturovat?

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
MW
Člen | 626
+
0
-

Zdravím a prosím o radu.
Mam default.latte, kde je grid + nějaký modal formulář. Co potřebuji a nevím jak správně na to je oddělit stejné části, které se budou opakovat v dalších sekcích a zároveň zachovat dědičnost pro @layout.latte .

Moje představa je, ze v v tomto default.latte budu mit ten grid a do nej si „vložím“ nejaky modal_template.latte s definovanými bloky pro obsah(rucni render formulare) a nejaky footer, kde mam ty bloky s show a hidden modal.

Nebo si necham poradit, jak nejlepe, abych se vyhnul opakovani kodu. Ja to zkusil zatím jen čiste přes {include ‚modal_template.latte‘}, ale ten modal to neotevřelo… neznalo to hodnoty s inludovaneho souboru.. aspoň se to tak chovalo…

Dekuji za jakoukoliv radu.

default.latte:

{block content}

<h1>Test</h1><br /><br />

// grid
{snippet grid}
    <div id="cont">
	{control test}
    </div>
{/snippet}

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
    <div class="modal-dialog">
	<div class="modal-content">
	    <div class="modal-header">
		<h4 class="modal-title" id="modalLabel">Záznam</h4>
	    </div>
	    <div class="modal-body">

		{snippet editTest} // obsah - formular
		    {form editTest class => 'form-horizontal ajax', role => 'form'}

			<ul class="error" n:if="$form->hasErrors()">
			    <li n:foreach="$form->errors as $error">{$error}</li>
			</ul>

			<div class="form-group">
			    {label id class => "col-sm-3 control-label" /}
			    <div class="col-sm-9">
				{input id class => "form-control"}
			    </div>
			</div>

			<div class="form-group">
			    {label name class => "col-sm-3 control-label" /}
			    <div class="col-sm-9">
				{input name class => "form-control"}
			    </div>
			</div>

			<div class="form-group">
			    <div class="col-sm-offset-3 col-sm-9 noprint">
				{input ulozit class => "btn btn-success"}
				<a href="{link closeModal!}" class="ajax btn btn-default">Zrušit</a>
			    </div>
			</div>

		    {/form editTest}
		{/snippet}

	    </div>
	</div>
    </div>
</div>

// obsluha modalu
{snippet showModal}
    <script>
	$('#cont').addClass('noprint');
	$('#modal').modal('show');
    </script>
{/snippet}

{snippet hideModal}
    <script>
	$('#cont').removeClass('noprint');
	$('#modal').modal('hide');
    </script>
{/snippet}

{/block}

Editoval MW (26. 3. 2015 13:09)

Lukeluha
Člen | 130
+
0
-

Vyřeš vykreslování modálního okna pomocí komponent