blob: 94dcac540e1dd400f4a6e3f31a9d47c430ffb30b [file] [log] [blame]
dojo.provide("dojo.widget.ResizableTextarea");
dojo.require("dojo.widget.*");
dojo.require("dojo.widget.LayoutContainer");
dojo.require("dojo.widget.ResizeHandle");
dojo.widget.defineWidget("dojo.widget.ResizableTextarea",dojo.widget.HtmlWidget,{templateString:"<div>\n\t<div style=\"border: 2px solid black; width: 90%; height: 200px;\"\n\t\tdojoAttachPoint=\"rootLayoutNode\">\n\t\t<div dojoAttachPoint=\"textAreaContainerNode\" \n\t\t\tstyle=\"border: 0px; margin: 0px; overflow: hidden;\">\n\t\t</div>\n\t\t<div dojoAttachPoint=\"statusBarContainerNode\" class=\"statusBar\">\n\t\t\t<div dojoAttachPoint=\"statusLabelNode\" \n\t\t\t\tclass=\"statusPanel\"\n\t\t\t\tstyle=\"padding-right: 0px; z-index: 1;\">drag to resize</div>\n\t\t\t<div dojoAttachPoint=\"resizeHandleNode\"></div>\n\t\t</div>\n\t</div>\n</div>\n",templateCssString:"div.statusBar {\n\tbackground-color: ThreeDFace;\n\theight: 28px;\n\tpadding: 1px;\n\toverflow: hidden;\n\tfont-size: 12px;\n}\n\ndiv.statusPanel {\n\tbackground-color: ThreeDFace;\n\tborder: 1px solid;\n\tborder-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;\n\tmargin: 1px;\n\tpadding: 2px 6px;\n}\n",templateCssPath:dojo.uri.moduleUri("dojo.widget","templates/ResizableTextarea.css"),fillInTemplate:function(_1,_2){
this.textAreaNode=this.getFragNodeRef(_2).cloneNode(true);
dojo.body().appendChild(this.domNode);
this.rootLayout=dojo.widget.createWidget("LayoutContainer",{minHeight:50,minWidth:100},this.rootLayoutNode);
this.textAreaContainer=dojo.widget.createWidget("LayoutContainer",{layoutAlign:"client"},this.textAreaContainerNode);
this.rootLayout.addChild(this.textAreaContainer);
this.textAreaContainer.domNode.appendChild(this.textAreaNode);
with(this.textAreaNode.style){
width="100%";
height="100%";
}
this.statusBar=dojo.widget.createWidget("LayoutContainer",{layoutAlign:"bottom",minHeight:28},this.statusBarContainerNode);
this.rootLayout.addChild(this.statusBar);
this.statusLabel=dojo.widget.createWidget("LayoutContainer",{layoutAlign:"client",minWidth:50},this.statusLabelNode);
this.statusBar.addChild(this.statusLabel);
this.resizeHandle=dojo.widget.createWidget("ResizeHandle",{targetElmId:this.rootLayout.widgetId},this.resizeHandleNode);
this.statusBar.addChild(this.resizeHandle);
}});