can I make a good looking HTML with Smarty?
I mean if I take this pattern (it's not a working code, just an example):
<div class="comments-div">
{{assign var="i" value="0"}}
{{assign var="tab" value="0"}}
{{foreach from=$contact.comments item=comment}}
<div class="comment-text"><p>{{$comment.text}}</p></div>
{{if $i == 3}}
{{assign var="i" value="0"}}
{{else}}
{{assign var="i" value=`$i+1`}}
{{/if}}
{{/foreach}}
</div>
It may produce something like this
<div class="tab" id="tab0" style="display: block;">
<div id="container73">
<div class="comment-text"><p>c1</p></div>
<div class="addby">
<p>
Added by: ASDF at 2011-04-22 15:58:41
<span> | </span> <a class="delete" _id="73">Delete comment</a>
</p>
</div>
</div>
<div id="container74">
<div class="comment-text"><p>c2</p></div>
<div class="addby">
<p>
Added by: DFGS at 2011-04-22 15:58:44
<span> | </span> <a class="delete" _id="74">Delete comment</a>
</p>
</div>
</div>
Look at all this ugly spaces and newlines
So question is: is there any practices to avoid ugly code with Smarty?
Maybe I need to use something like this?
<div class="comments-div">
{{ assign var="i" value="0"}}
{{ assign var="tab" value="0"}}
{{ foreach from=$contact.comments item=comment}}
<div class="comment-text"><p>{{$comment.text}}</p></div>
{{ if $i == 3}}
{{ assign var="i" value="0"}}
{{ else}}
{{ assign var="i" value=`$i+1`}}
{{ /if}}
{{ /foreach}}
</div>
{{if $i == 3}} {{assign var="i" value="0"}} {{else}} {{assign var="i" value=$i+1}}
This doesn't really look nice. In Rails for example you would replace this with a helper method, define this code elsewhere and use a helper method e.g. {{show_karma}} in place of that code in the template.