Blapy demos using json data and Mustache Templating engine with nested blocks
Some of the Blapy features used in this demo:
- Definition of the html template in blapy blocks
- Recursive calls of blapy blocks nested in blapy blocks...
- Use of the "xmp" tag to escape the html definition of our template in firtname
- Use of the "|xmp" escape tag to escape the nesting of xmp in the html definition of our sub templates
- Use of the "blapyIndex" to have distinct blapy block names nested in other
- Use of the "fsmExtension" of blapy to centralized function calls within the iFSM state engine. See "alertUs" message call
- Use of data-blapy-template-init-processdata feature to analyse if we have to alert about Nina and add a new data in the Json set of data (see ShouldNinaTalk function)
- Data input is a pure json object.
Blapy Block results in a Table
<![CDATA[
<tr><td>
<p>{{firstname}}:</p>
<div id="results2"
data-blapy-container="true"
data-blapy-container-name="results_level1_{{blapyIndex}}"
data-blapy-container-content="results_level1_{{blapyIndex}}"
data-blapy-update="json"
data-blapy-template-wrap="<table>"
data-blapy-template-init="arrayvalues.data.php"
data-blapy-template-init-params="{'action':'search','firstname':'{{firstname}}'}"
data-blapy-template-mustache-delimiterStart="{%"
data-blapy-template-mustache-delimiterEnd="%}"
data-blapy-updateblock-ondisplay="true"
>
<|xmp style="display:none">
<tr><td>
<p>{%lastname%}:</p>
<div id="results3"
data-blapy-container="true"
data-blapy-container-name="results_level2_{{blapyIndex}}_{%blapyIndex%}"
data-blapy-container-content="results_level2"
data-blapy-update="json"
data-blapy-template-wrap="<table>"
data-blapy-template-init="arrayvalues.data.php"
data-blapy-template-init-params="{'action':'search','lastname':'{%lastname%}'}"
data-blapy-template-mustache-delimiterStart="{$"
data-blapy-template-mustache-delimiterEnd="$}"
data-blapy-template-init-processdata="ShouldNinaTalk"
data-blapy-updateblock-ondisplay="true"
>
<||xmp style="display:none">
<tr><td>
<h1>Block {{blapyIndex}} {%blapyIndex%} {$blapyIndex$}</h1>
<p> Well... it is really the firstname: {$firstname$} !</p>
<script>
//call the script only if we are in the blapy block results_level2_2_1...
if ("results_level2_{{blapyIndex}}_{%blapyIndex%}" == "results_level2_2_1")
$('#myBlapy').trigger('alertUs','Yes really it is {$firstname$} {%lastname%}')
if ({$NinaShouldTalk$} == "1")
$('#myBlapy').trigger('alertUs','{$firstname$} is there!')
</script>
</td></tr>
<||/xmp>
</div>
<div id="results4"
data-blapy-container="true"
data-blapy-container-name="results_level2bis_{{blapyIndex}}_{%blapyIndex%}"
data-blapy-container-content="results_level2bis"
data-blapy-update="json"
data-blapy-template-init="arrayvalues.data.php"
data-blapy-template-init-params="{'action':'search','lastname':'{%lastname%}'}"
data-blapy-template-mustache-delimiterStart="{$"
data-blapy-template-mustache-delimiterEnd="$}"
data-blapy-updateblock-ondisplay="true"
data-blapy-template-file="results.tpl"
>
</div>
</td></tr>
<|/xmp>
</div>
</td></tr>
]]>