summaryrefslogtreecommitdiff
path: root/includes/js/dojox/dtl/demos/demo_Blog.html
blob: c9bd990d58546c2d56f270daf492944a6f2ab36f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<html>
	<head>
		<title>Testing dojox.dtl using a blog example</title>
		<script src="../../../dojo/dojo.js" djConfig="usePlainJson: true, parseOnLoad: true"></script>
		<script>
			dojo.require("dijit._Widget");
			dojo.require("dojox.dtl._HtmlTemplated");
			dojo.require("dojo.parser");

			dojo.declare("demo.Blog", [dijit._Widget, dojox.dtl._HtmlTemplated],
			{
				buffer: dojox.dtl.render.html.sensitivity.NODE,
				templatePath: dojo.moduleUrl("dojox.dtl.demos.templates", "blog_list.html"),
				base: {
					url: dojo.moduleUrl("dojox.dtl.demos.templates", "blog_base.html"),
					shared: true
				},
				constructor: function(props, node){
					this.list = false;
					this.blogs = {};
					this.pages = {};
				},
				postCreate: function(){
					if(!this.list){
						dojo.xhrGet({
							url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_blog_list.json"),
							handleAs: "json"
						}).addCallback(this, "_loadList");
					}
				},
				_showList: function(obj){
					this.title = "Blog Posts";
					this.setTemplate(this.templatePath);
				},
				_showDetail: function(obj){
					var key = obj.target.className.substring(5);

					if(this.blogs[key]){
						this.title = "Blog Post";
						this.blog = this.blogs[key];
						this.blog.title = this.blog_list[key].title;
						this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_detail.html"));
					}else{
						dojo.xhrGet({
							url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_blog_" + key + ".json"),
							handleAs: "json",
							load: function(data){
								data.key = key;
								return data;
							}
						}).addCallback(this, "_loadDetail");
					}
				},
				_showPage: function(obj){
					var key = obj.target.className.substring(5);

					if(this.pages[key]){
						this.title = this.pages[key].title;
						this.body = this.pages[key].body;
						this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_page.html"));
					}else{
						dojo.xhrGet({
							url: dojo.moduleUrl("dojox.dtl.demos.json.blog", "get_page_" + key + ".json"),
							handleAs: "json",
							load: function(data){
								data.key = key;
								return data;
							}
						}).addCallback(this, "_loadPage");
					}
				},
				_loadList: function(data){
					this.title = "Blog Posts";
					dojo.mixin(this, data);
					this.render();
				},
				_loadDetail: function(data){
					data.date = new Date(data.date);
					this.blogs[data.key] = data;
					this.title = "Blog Post";
					this.blog = data;
					this.blog.title = this.blog_list[data.key].title;
					this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_detail.html"));
				},
				_loadPage: function(data){
					this.pages[data.key] = data;
					dojo.mixin(this, data);
					this.setTemplate(dojo.moduleUrl("dojox.dtl.demos.templates", "blog_page.html"));
				}
			});
		</script>
	</head>
	<body>
		<div dojoType="demo.Blog" />
	</body>
</html>