[soashable commit] r823 - in branches/soashable_web_2_0_mvc/soashable-web/src/main: javascript/widget webapp webapp/...

[codesite...@google.com]

Author: h.iverson
Date: Fri Aug 8 16:43:35 2008
New Revision: 823

Added:

branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/ChatPane.js

branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/ChatPane-template.html
Modified:

branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/DemoWindow.js

branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/application.html

branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/DemoWindow-template.html

Log:
added chatpane

Added:
branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/ChatPane.js
==============================================================================
--- (empty file)
+++
branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/ChatPane.js
Fri Aug 8 16:43:35 2008
@@ -0,0 +1,36 @@
+dojo.provide("soashable.widget.ChatPane");
+
+dojo.require("dojox.layout.ContentPane");
+dojo.require("dijit._Templated");
+
+dojo.declare(
+// widget name and class
+"soashable.widget.ChatPane",
+// superclass
+[dojox.layout.ContentPane, dijit._Templated],
+{
+ title: "OMG Title 2",
+ templatePath:
dojo.moduleUrl("soashable.widget", "template/ChatPane-template.html"),
+
+ buildRendering: function() {
+ this.inherited(arguments);
+ },
+
+ postCreate: function() {
+
+ this.inherited(arguments);
+ },
+
+
+ keyUpped: function(e) {
+ if(e.keyCode == dojo.keys.ENTER) {
+ // clear the value before appending because there is a weird
delay otherwise
+ var messageText = this.messageTextNode.value;
+ this.messageTextNode.value = "";
+ this.messageHistoryNode.innerHTML += "<div
class=\"message\">"+messageText+"</div>";
+
+ dojo.stopEvent(e);
+ }
+ }
+}
+);
\ No newline at end of file

Modified:
branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/DemoWindow.js
==============================================================================
---
branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/DemoWindow.js
(original)
+++
branches/soashable_web_2_0_mvc/soashable-web/src/main/javascript/widget/DemoWindow.js
Fri Aug 8 16:43:35 2008
@@ -1,18 +1,39 @@
dojo.provide("soashable.widget.DemoWindow");

-dojo.require("dijit._Widget");
+dojo.require("dojox.layout.ContentPane");
dojo.require("dijit._Templated");
-dojo.require("dojox.layout.FloatingPane");
+dojo.require("dojo.dnd.Moveable");

dojo.declare(
// widget name and class
"soashable.widget.DemoWindow",
// superclass
-[dojox.layout.FloatingPane],
+[dojox.layout.ContentPane, dijit._Templated],
{
title: "OMG Title 2",
- templateString: "", // cancel out templateString from compiled version
- templatePath:
dojo.moduleUrl("soashable.widget", "template/DemoWindow-template.html")
+ templatePath:
dojo.moduleUrl("soashable.widget", "template/DemoWindow-template.html"),

+ show: function() {
+ this.windowNode.style.visibility = 'visible';
+ },
+
+ hide: function() {
+ this.windowNode.style.visibility = 'hidden';
+ },
+
+ postCreate: function() {
+
+ this.inherited(arguments);
+
+ this.moveableNode = new dojo.dnd.Moveable(this.domNode, {handle:
this.titleBarNode} );
+ },
+
+ minClicked: function() {
+
+ },
+
+ closeClicked: function() {
+
+ }
}
);

Modified:
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/application.html
==============================================================================
---
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/application.html
(original)
+++
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/application.html
Fri Aug 8 16:43:35 2008
@@ -28,6 +28,7 @@
dojo.require("soashable.Application");
dojo.require("soashable.widget.StatusBox");
dojo.require("soashable.widget.DemoWindow");
+ dojo.require("soashable.widget.ChatPane");

dojo.addOnLoad(function(){
application = new soashable.Application();
@@ -37,10 +38,20 @@
document.body.appendChild( sb.domNode );

dw = new soashable.widget.DemoWindow();
+ cp = new soashable.widget.ChatPane();
+ dw.setContent( cp.domNode );
+
document.body.appendChild( dw.domNode );
dw.show();
});
</script>
+ <style>
+ body {
+ overflow: hidden;
+ margin: 0px;
+ padding: 0px
+ }
+ </style>
</head>
<body>

Added:
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/ChatPane-template.html
==============================================================================
--- (empty file)
+++
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/ChatPane-template.html
Fri Aug 8 16:43:35 2008
@@ -0,0 +1,13 @@
+<div class="chat-pane" dojoAttachPoint="chatPaneNode">
+ <div
+ class="message-history"
+ dojoAttachPoint="messageHistoryNode"
+ style="overflow: auto; height: 150px; font-size: 11px; border-color:
black; width: 100%; background-color: white">
+
+ </div>
+ <textarea
+ class="message-text"
+ dojoAttachPoint="messageTextNode"
+ dojoAttachEvent="keyup:keyUpped"
+ style="height: 50px; width:100%"></textarea>
+</div>
\ No newline at end of file

Modified:
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/DemoWindow-template.html
==============================================================================
---
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/DemoWindow-template.html
(original)
+++
branches/soashable_web_2_0_mvc/soashable-web/src/main/webapp/scripts/widget/template/DemoWindow-template.html
Fri Aug 8 16:43:35 2008
@@ -1,15 +1,34 @@
-<div class="dojoxFloatingPane" id="${id}">
- <div tabindex="0" waiRole="button" class="dojoxFloatingPaneTitle"
dojoAttachPoint="focusNode">
- <span dojoAttachPoint="closeNode" dojoAttachEvent="onclick: close"
class="dojoxFloatingCloseIcon"></span>
- <span dojoAttachPoint="maxNode" dojoAttachEvent="onclick: maximize"
class="dojoxFloatingMaximizeIcon"></span>
- <span dojoAttachPoint="restoreNode" dojoAttachEvent="onclick: _restore"
class="dojoxFloatingRestoreIcon"></span>
- <span dojoAttachPoint="dockNode" dojoAttachEvent="onclick: minimize"
class="dojoxFloatingMinimizeIcon"></span>
- <span dojoAttachPoint="titleNode" class="dijitInline
dijitTitleNode"></span>
- </div>
- <div dojoAttachPoint="canvas" class="dojoxFloatingPaneCanvas">
- <div dojoAttachPoint="containerNode" waiRole="region" tabindex="-1"
class="${contentClass}">
- <p>I am a dialog</p>
- </div>
- <span dojoAttachPoint="resizeHandle"
class="dojoxFloatingResizeHandle"></span>
- </div>
-</div>
+<div class="window"
+ dojoAttachPoint="windowNode"
+ style="width: 600px; visibility: hidden"
+ >
+ <div class="title-bar"
+ dojoAttachPoint="titleBarNode"
+ style="background-color: blue; width: 100%; color: white">
+ <span
+ style="float: left; "
+ class="title">${title}</span>
+ <button
+ class="close-button"
+ dojoAttachPoint="closeButtonNode"
+ dojoAttachEvent="onclick:closeClicked"
+ style="float: right;"
+ >
+ X
+ </button>
+ <button
+ class="min-button"
+ dojoAttachPoint="minButtonNode"
+ dojoAttachEvent="onclick:minClicked"
+ style="float: right;"
+ >
+ _
+ </button>
+ &nbsp;
+ </div>
+ <div class="canvas" dojoAttachPoint="canvasNode">
+ <div class="container" dojoAttachPoint="containerNode"
style="border: 1px solid black">
+
+ </div>
+ </div>
+</div>
\ No newline at end of file