Template logic Template logic

instant.json

{
  "name": "Template logic",
  "description": "Template logic",
  "data": {
    "people": [
      {
        "name": "Omer",
        "age": 38
      },
      {
        "name": "Marge",
        "age": 38
      },
      {
        "name": "Bart",
        "age": 10
      },
      {
        "name": "Lisa",
        "age": 8
      },
      {
        "name": "Maggie",
        "age": 1
      }
    ]
  }
}

InstantTemplate.tpl

{macro main()}
        <div class="mainlist">
            {foreach person inArray data.people}
                {if person.name == "Bart"}
                    {call helloDiv(person, "bart")/}
                {else /}
                    {call helloDiv(person, "person")/}
                {/if}
            {/foreach}
            <span class="footnote">(${data.people.length} people in the list)</span>
        </div>
    {/macro}

    {macro helloDiv(person, cssClass)}
        <div class="${cssClass}">Hello ${person.name}</div>
    {/macro}

InstantTemplateScript.js

({
    $classpath:'InstantTemplateScript',
    $prototype : {
      myMethod: function() {
      }
    }
})

InstantTemplateStyle.tpl.css

 {macro main()}
        .bart {
            color: blue;
            font-size: 1.4em;
        }
        .footnote {
            font-style: italic;
            font-size: 0.8em;
            color: grey;
        }
    {/macro}

Created by Instant Aria Templates, viewable on http://instant.ariatemplates.com/adoueb/5927666