Icontem

File: tests/7.html

Recommend this page to a friend!
  Classes of Aliaksandr Astashenkau  >  Templ  >  tests/7.html  >  Download  
File: tests/7.html
Role: Example script
Content type: text/plain
Description: If-block inside for-loop
Class: Templ
Processes templates embedded in the pages
Author: By
Last change:
Date: 8 years ago
Size: 1,266 bytes
 

Contents

Class file image Download
<!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>