| /* |
| Copyright (c) 2004-2006, The Dojo Foundation |
| All Rights Reserved. |
| |
| Licensed under the Academic Free License version 2.1 or above OR the |
| modified BSD license. For more information on Dojo licensing, see: |
| |
| http://dojotoolkit.org/community/licensing.shtml |
| */ |
| |
| |
| |
| 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"; |
| }); |
| |