<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Templ test</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<script type="text/javascript" src="utils.js"></script>
<script type="text/javascript" src="../templ.js"></script>
</head>
<body>
<h2>
If-block inside for-loop
<a href="index.html" class="back">Back to tests</a>
</h2>
<script type="html/template" id="tpl_example">
<ul>
{% for r in records %}
<li>
<h3>{{ r.title }}</h3>
{% if r.features & _act.VIEW %}<a href="!#view/{{ r.id }}">View</a>{% endif %}
{% if r.features & _act.MARK %}<a href="!#mark/{{ r.id }}">Mark</a>{% endif %}
{% if r.features & _act.REMOVE %}<a href="!#remove/{{ r.id }}">Remove</a>{% endif %}
</li>
{% endfor %}
</ul>
</script>
<h3>Template</h3>
<pre id="template"></pre>
<h3>Data</h3>
<pre id="data">
{
_act: {
VIEW: 1,
MARK: 2,
REMOVE: 4
},
records: [
{id: 5, title: 'Search options', features: 7},
{id: 6, title: 'Default actions', features: 5}
]
}
</pre>
<h3>Parsed result</h3>
<pre id="output"></pre>
</body>
</html>
|
Download
