7 files changed, 63 insertions, 0 deletions
diff --git a/js/dojo/dojox/dtl/demos/templates/animation.html b/js/dojo/dojox/dtl/demos/templates/animation.html
new file mode 100644
index 0000000..d37908b
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/animation.html
@@ -0,0 +1,5 @@
+{% load dojox.dtl.contrib.dijit dojox.dtl.contrib.dom %}
+<div>
+	<div style="top: {{ y }}px; left: {{ x }}px; width: 10px; height: 10px; background: red; position: absolute;">&nbsp;</div>
+	<div dojoAttachPoint="blue" style="top: 10px; left: 0; width: 10px; height: 10px; background: blue; position: absolute;">&nbsp;</div>
+</div>
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/blog_base.html b/js/dojo/dojox/dtl/demos/templates/blog_base.html
new file mode 100644
index 0000000..cc5d150
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/blog_base.html
@@ -0,0 +1,11 @@
+{% load dojox.dtl.contrib.dom %}
+<div>
+	<h1><!--{{ title }}--></h1>
+	<ul style="float: left; width: 100px; height: 300px; margin-right: 20px; border: 1px solid #666;">
+		<li><a onclick="_showList" style="cursor: pointer;">Home</a></li>
+		<li><a onclick="_showPage" style="cursor: pointer;" class="page-about">About Jim</a></li>
+	</ul>
+	<!--{% buffer %}-->
+	<!--{% block body %}--><!--{% endblock %}-->
+	<!--{% endbuffer %}-->
+</div>
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/blog_detail.html b/js/dojo/dojox/dtl/demos/templates/blog_detail.html
new file mode 100644
index 0000000..2b6146d
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/blog_detail.html
@@ -0,0 +1,10 @@
+<!--{% extends base %}-->
+
+<!--{% block body %}-->
+<div>
+<h3><!--{{ blog.title }}--></h3>
+<div><small>posted on <!--{{ blog.date|date }}--> by <!--{{ blog.author }}--></small></div>
+<p><!--{{ blog.teaser }}--></p>
+<p><!--{{ blog.body }}--></p>
+</div>
+<!--{% endblock %}-->
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/blog_list.html b/js/dojo/dojox/dtl/demos/templates/blog_list.html
new file mode 100644
index 0000000..a686a4c
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/blog_list.html
@@ -0,0 +1,9 @@
+<!--{% extends base %}-->
+{% load dojox.dtl.contrib.dijit %}
+<!--{% block body %}-->
+<ul>
+<!--{% for key, blog in blog_list.items %}-->
+<li onclick="_showDetail" class="blog-{{ key }}" style="cursor: pointer;">{{ blog.title }}</li>
+<!--{% endfor %}-->
+</ul>
+<!--{% endblock %}-->
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/blog_page.html b/js/dojo/dojox/dtl/demos/templates/blog_page.html
new file mode 100644
index 0000000..63ef126
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/blog_page.html
@@ -0,0 +1,7 @@
+<!--{% extends "shared:templates/blog_base.html" %}-->
+{% load dojox.dtl.contrib.dom %}
+<!--{% block body %}-->
+<div>
+	<!--{{ body|safe }}-->
+</div>
+<!--{% endblock %}-->
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/gallery.html b/js/dojo/dojox/dtl/demos/templates/gallery.html
new file mode 100644
index 0000000..5c9cdb8
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/gallery.html
@@ -0,0 +1,16 @@
+{% load dojox.dtl.contrib.data %}
+{% bind_data items to store as flickr %}
+<div>
+	Type a tag and press enter: <input dojoAttachEvent="onkeypress: keyUp" value="beach">
+	<table>
+		<tr>
+			{% for item in flickr %}<td><img src="{{ item.imageUrlThumb }}" dojoAttachEvent="onclick: selectThumbnail" class="{{ item.imageUrl }}" /></td>{% endfor %}
+			<td width="100%"></td>
+		</tr>
+		<tr>
+			<td colspan="{{ flickr|length|add:1 }}">
+				{% if selected %}<img src="{{ selected }}" />{% endif %}
+			</td>
+		</tr>
+	</table>
+</div>
+\ No newline at end of file
diff --git a/js/dojo/dojox/dtl/demos/templates/nodelist.html b/js/dojo/dojox/dtl/demos/templates/nodelist.html
new file mode 100644
index 0000000..ddf7def
--- /dev/null
+++ b/js/dojo/dojox/dtl/demos/templates/nodelist.html
@@ -0,0 +1,5 @@
+<div>
+	<ul>
+		{% for item in items %}<li>{{ item }}</li>{% endfor %}
+	</ul>
+</div>
+\ No newline at end of file