| dojo.provide("dojo.widget.demoEngine.DemoItem"); |
| dojo.require("dojo.widget.*"); |
| dojo.require("dojo.widget.HtmlWidget"); |
| dojo.widget.defineWidget("my.widget.demoEngine.DemoItem",dojo.widget.HtmlWidget,{templateString:"<div dojoAttachPoint=\"domNode\">\n\t<div dojoAttachPoint=\"summaryBoxNode\">\n\t\t<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\n\t\t\t<tbody>\n\t\t\t\t<tr>\n\t\t\t\t\t<td dojoAttachPoint=\"screenshotTdNode\" valign=\"top\" width=\"1%\">\n\t\t\t\t\t\t<img dojoAttachPoint=\"thumbnailImageNode\" dojoAttachEvent=\"onclick: onSelectDemo\" />\n\t\t\t\t\t</td>\n\t\t\t\t\t<td dojoAttachPoint=\"summaryContainerNode\" valign=\"top\">\n\t\t\t\t\t\t<h1 dojoAttachPoint=\"nameNode\">\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t<div dojoAttachPoint=\"summaryNode\">\n\t\t\t\t\t\t\t<p dojoAttachPoint=\"descriptionNode\"></p>\n\t\t\t\t\t\t\t<div dojoAttachPoint=\"viewDemoLinkNode\"><img dojoAttachPoint=\"viewDemoImageNode\"/ dojoAttachEvent=\"onclick: onSelectDemo\"></div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\t\t\t</tbody>\n\t\t</table>\n\t</div>\n</div>\n",templateCssString:".demoItemSummaryBox {\n\tbackground: #efefef;\n\tborder:1px solid #dae3ee;\n}\n\n.demoItemScreenshot {\n\tpadding:0.65em;\n\twidth:175px;\n\tborder-right:1px solid #fafafa;\n\ttext-align:center;\n\tcursor: pointer;\n}\n\n.demoItemWrapper{\n\tmargin-bottom:1em;\n}\n\n.demoItemWrapper a:link, .demoItemWrapper a:visited {\n\tcolor:#a6238f;\n\ttext-decoration:none;\n}\n\n.demoItemSummaryContainer {\n\tborder-left:1px solid #ddd;\n}\n\n.demoItemSummaryContainer h1 {\n\tbackground-color:#e8e8e8;\n\tborder-bottom: 1px solid #e6e6e6;\n\tcolor:#738fb9;\n\tmargin:1px;\n\tpadding:0.5em;\n\tfont-family:\"Lucida Grande\", \"Tahoma\", serif;\n\tfont-size:1.25em;\n\tfont-weight:normal;\n}\n\n.demoItemSummaryContainer h1 .packageSummary {\n\tdisplay:block;\n\tcolor:#000;\n\tfont-size:10px;\n\tmargin-top:2px;\n}\n\n.demoItemSummaryContainer .demoItemSummary{\n\tpadding:1em;\n}\n\n.demoItemSummaryContainer .demoItemSummary p {\n\tfont-size:0.85em;\n\tpadding:0;\n\tmargin:0;\n}\n\n.demoItemView {\n\ttext-align:right;\n\tcursor: pointer;\n}\n",templateCssPath:dojo.uri.moduleUri("dojo.widget","demoEngine/templates/DemoItem.css"),postCreate:function(){ |
| dojo.html.addClass(this.domNode,this.domNodeClass); |
| dojo.html.addClass(this.summaryBoxNode,this.summaryBoxClass); |
| dojo.html.addClass(this.screenshotTdNode,this.screenshotTdClass); |
| dojo.html.addClass(this.summaryContainerNode,this.summaryContainerClass); |
| dojo.html.addClass(this.summaryNode,this.summaryClass); |
| dojo.html.addClass(this.viewDemoLinkNode,this.viewDemoLinkClass); |
| this.nameNode.appendChild(document.createTextNode(this.name)); |
| this.descriptionNode.appendChild(document.createTextNode(this.description)); |
| this.thumbnailImageNode.src=this.thumbnail; |
| this.thumbnailImageNode.name=this.name; |
| this.viewDemoImageNode.src=this.viewDemoImage; |
| this.viewDemoImageNode.name=this.name; |
| },onSelectDemo:function(){ |
| }},"",function(){ |
| this.demo=""; |
| this.domNodeClass="demoItemWrapper"; |
| this.summaryBoxNode=""; |
| this.summaryBoxClass="demoItemSummaryBox"; |
| this.nameNode=""; |
| this.thumbnailImageNode=""; |
| this.viewDemoImageNode=""; |
| this.screenshotTdNode=""; |
| this.screenshotTdClass="demoItemScreenshot"; |
| this.summaryContainerNode=""; |
| this.summaryContainerClass="demoItemSummaryContainer"; |
| this.summaryNode=""; |
| this.summaryClass="demoItemSummary"; |
| this.viewDemoLinkNode=""; |
| this.viewDemoLinkClass="demoItemView"; |
| this.descriptionNode=""; |
| this.name="Some Demo"; |
| this.description="This is the description of this demo."; |
| this.thumbnail="images/test_thumb.gif"; |
| this.viewDemoImage="images/viewDemo.png"; |
| }); |
