requirejs-dustjs
Version:
A requirejs plugin for loading and compiling dustjs templates.
61 lines • 2.45 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>dust</title>
<link href="./dust_files/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./dust_files/ecma.js"></script>
<script type="text/javascript" src="./dust_files/jquery.min.js"></script>
<script type="text/javascript" src="./dust_files/jsdump.js"></script>
<script type="text/javascript" src="./dust_files/beautify.js"></script>
<script type="text/javascript" src="../lib/dust.js"></script>
<script type="text/javascript" src="../lib/parser.js"></script>
<script type="text/javascript" src="../lib/compiler.js"></script>
<script type="text/javascript" src="./jasmine-test/spec/coreTests.js"></script>
<script type="text/javascript" src="./uutest.js"></script>
<script type="text/javascript" src="./core.js"></script>
<script type="text/javascript" src="./dust_files/test.js"></script>
</head>
<body>
<div id="dust" class="content">
<div class="left">
<div class="header">
<h1>{dust}</h1>
<img src="./dust_files/images/logo-linkedin.png" height="55" width="55" alt="LinkedIn" class="logo">
</div>
<div class="col1">
<p>1. Select a template
<span id="select-group"></span>
<span id="select-test"></span> or write your own:
</p>
<textarea id="input-source" class="console"></textarea>
<div class="status ok">
<i class="icon davinci-selectable"></i> Ready
</div>
<p> 2. The compiled template registers itself by name: </p>
<pre class="console">
<code id="output-js">(function() {
dust.register("demo", body_0);
function body_0(chk, ctx) {
return chk.write("Hello ").reference(ctx.get("name"), ctx, "h").write("! You have ").reference(ctx.get("count"),
ctx, "h").write(" new messages.");
}
return body_0;
})();
</code>
</pre>
</div>
<div class="col2">
<p>3. Control template behavior with contexts and helpers:</p>
<textarea id="input-context" class="console"></textarea>
<div class="status ok">
<i class="icon davinci-selectable" data-davinci="icon"></i> Ready
</div>
<p>4. Render or stream the result:</p>
<pre id="output-text" class="console">Hello Mick! You have 30 new messages.</pre>
</div>
</div>
</div>
<script src="./dust_files/hijs.js"></script>
</body>
</html>