zpt
Version:
Zenon Page Templates - JS (ZPT-JS)
142 lines (131 loc) • 4.92 kB
HTML
<html lang="es">
<head>
<meta charset="utf-8">
<title>Original tags tests</title>
<link rel="stylesheet" href="/node_modules/qunit/qunit/qunit.css">
<script src="/node_modules/qunit/qunit/qunit.js" defer></script>
<script type="module" src="js/app/original.js"></script>
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<p>
Content
</p>
<ol>
<li>
user/name = Bob = <span id="t1-1" tal:content="user/name">a name</span>
user/name = a name = <span id="t1-2" data-content="user/name">a name</span>
</li>
</ol>
<p>
Define
</p>
<ol>
<li tal:define="integer1 1">
integer1 = 1 = <span id="t2-1" tal:content="integer1">an integer</span>
integer1 = an integer = <span id="t2-2" data-content="integer1">an integer</span>
</li>
</ol>
<p>
Condition
</p>
<ol>
<li>Condition true 1: <span id="t3-1" tal:condition="true" tal:content="user/name">a name</span></li>
<li>Condition false 1: <span id="t3-2" tal:condition="false" tal:content="user/name">a name</span></li>
<li>Condition true 1: <span id="t3-3" data-condition="true" data-content="user/name">a name</span></li>
<li>Condition false 1: <span id="t3-4" data-condition="false" data-content="user/name">a name</span></li>
</ol>
<p>
Attributes
</p>
<ol>
<li>
Link 1:
<a id="t4-1" tal:attributes="title string:title in string expression; href 'http://www.xxx.org'">a link</a>
<a id="t4-2" data-attributes="title string:title in string expression; href 'http://www.xxx.org'"
title ="The title" href="http://www.yyy.org">a link</a>
</li>
</ol>
<p>
Repeat
</p>
<ol>
<li tal:repeat="c ['jaja' 'jeje' 'jiji']">
Iterating element <span tal:attributes="class 'cValue1'" tal:content="c">jaja/jeje/jiji</span>
</li>
<li data-repeat="c ['jaja' 'jeje' 'jiji']">
Iterating element <span data-attributes="class 'cValue2'" data-content="c">jaja/jeje/jiji</span>
</li>
</ol>
<p>
Omit-tag
</p>
<ol>
<li>
Void omit-tag:
<span id="t6-1"><span tal:omit-tag="" tal:content="c">Void omit-tag (should omit)</span></span>
<span id="t6-2"><span data-omit-tag="" data-content="c">Void omit-tag (should NOT omit)</span></span>
</li>
</ol>
<p>
Replace
</p>
<ol>
<li>
replaced text = <span id="t7-1"><span tal:replace="'replaced text'">should be replaced</span></span>
</li>
<li>
replaced text = <span id="t7-2"><span data-replace="'replaced text'">should NOT be replaced</span></span>
</li>
</ol>
<p>
On-error
</p>
<ol>
<li tal:on-error="string:Oh, noooo!">
user/fireError() = Oh, noooo! = <span id="t8-1" tal:content="user/fireError()">must fire error</span>
</li>
</ol>
<p>
Macros
</p>
<div metal:define-macro="enhacedSidebar">
Links
<div metal:define-slot="links">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/support">Support</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</div>
<span metal:define-slot="additional_info"></span>
</div>
<div id="t9">
<div metal:use-macro="'enhacedSidebar'">
<em metal:fill-slot="'additional_info'">
Make sure to check out our <a href="/specials">specials</a>.
</em>
</div>
</div>
<p>
I18n
</p>
<ol i18n:domain="i18nBundle">
<li>
¡Hola mundo! =
<span id="t10-1"
i18n:language="'es'"
tal:content="tr: 'Hello world!'">Must be ¡Hola mundo!</span>
</li>
<li>
Hello world! =
<span id="t10-2"
i18n:language="'en'"
tal:content="tr: 'Hello world!'">Must be Hello world!</span>
</li>
</ol>
</body>
</html>