Subversion Repositories Applications.papyrus

Rev

Blame | Last modification | View Log | RSS feed 

<html>
<head>
        <title>Cometd chat / Operator Page</title>
        <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad:false"></script>
        <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
        <script type="text/javascript" src="room.js"></script>
        <script type="text/javascript">
                dojo.require("dijit.Dialog"); 
                dojo.require("dijit.layout.SplitContainer");            
                dojo.require("dijit.layout.LayoutContainer");
                dojo.require("dijit.layout.TabContainer");
                dojo.require("dijit.layout.ContentPane"); 
                dojo.require("dijit.form.Button");

                // custom widget created for this demo: 
                dojo.require("dojox.widget.SortList");
                
                dojo.require("dojo.parser");

                        // not for production use?      
                        //dojox.cometd.init("http://comet.sitepen.com:9000/cometd"); 

                        var control = {
                                _chats: [],
                                _getAlert: function(e){
                                        console.log(e); 
                                        if (!this._chats[(e.data.user)] && (operator != e.data.user)){
                                                dojox.cometd.subscribe("/chat/demo/"+e.data.joined,this,"_privateChat");
        
                                                var tabNode = document.createElement('div');
                                                tabNode.id = "chatWith" + e.data.user; 
                                                var chatNode = document.createElement('div');
                                                chatNode.id = e.data.user + "Widget";
                                                tabNode.appendChild(chatNode);
                                                var newTab = new dijit.layout.ContentPane({
                                                        title: e.data.user,
                                                        closable: true
                                                },tabNode);
                                                dijit.byId('tabView').addChild(newTab);
                                                var chat = new dijit.demos.chat.Room({
                                                        roomId: e.data.joined,
                                                        registeredAs: operator
                                                },chatNode);
                                                chat.startup();
                                                this._chats[(e.data.user)]=true;
                                        }
                                },

                                _privateChat: function(e){
                                        var thisChat = dijit.byId(e.data.user+"Widget") || false;
                                        if (thisChat) { thisChat._chat(e); }
                                }
                        };

                        function registerOperator(){
                                dijit.byId('loginDialog').hide(); 

                        }

                        dojo.addOnLoad(function(){ 
                                dojo.parser.parse(dojo.body());
                                // dojox.cometd.subscribe("/chat/demo/poundDojo",control,"_getAlert");
                                var widget = dijit.byId('userList');
                                for (var i = 0; i<50; i++){
                                        var node = document.createElement('li');
                                        node.innerHTML = i+": list item sample";
                                        widget.containerNode.appendChild(node);
                                }
                                widget.onSort();
                        });
        </script>
        <style type="text/css">
                @import "chat.css";
                @import "../../tests/css/dijitTests.css"; 
                @import "../../themes/tundra/tundra.css";
                @import "../../../dojox/widget/SortList/SortList.css";

                html, body { margin:0; padding:0; height:100%; width:100%; overflow:hidden; } 

                #status { position:absolute; top:5px; right:25px; } 
                #mainPane { background:#fff; }          
        </style>
</head>
<body>
<div dojoType="dijit.layout.LayoutContainer" style="width:100%; height:100%;">
        <div dojoType="dijit.layout.SplitContainer" orientation="vertical" style="height:100%" layoutAlign="client" sizerWidth="7">
                <div dojoType="dijit.layout.SplitContainer" orientation="horizontal" sizerWidth="7" activeSizing="true" layoutAlign="top" sizeShare="80">
                        <div id="mainPane" dojoType="dijit.layout.ContentPane" title="Home" style="padding:8px;" sizeShare="80" layoutAlign="left" style="background:#fff;">
                                <h3>Dojo community chat demo</h3>
                                <h2>NON-WORKING PROTOTYPE</h2>

                                <button dojoType="dijit.form.Button">Login 
                                        <script type="dojo/method" event="onClick">
                                                console.log('foo?');
                                                dijit.byId('loginDialog').show();
                                        </script>
                                </button>

                        </div>
                        <div title="Users in #dojo" id="userList" dojoType="dojox.widget.SortList" sizeShare="20" sizeMin="15" layoutAlign="right"></div>
                </div>
                <div dojoType="dijit.layout.ContentPane" sizeShare="20" layoutAlign="bottom">
                                bottom. (input area)
                </div>  
        </div>
</div>
<div dojoType="dijit.Dialog" id="loginDialog" title="Select Username:">
        Name: <input type="text" name="username" id="opName" value="" /> 
        <input  type="submit" value="login" onclick="registerOperator()"/>      
</div>
</body>
</html>