| |
| |
| <html> |
| <head> |
| <title>Showcase - Chat - Room Selection</title> |
| <@s.head theme="ajax" /> |
| <style type="text/css"> |
| div.box { |
| border: 1px solid darkblue; |
| margin: 5px; |
| } |
| |
| div.box h3 { |
| color: white; |
| background: darkblue; |
| margin: 3px; |
| padding: 2px; |
| } |
| |
| div.nobox { |
| margin: 5px; |
| } |
| |
| table.table { |
| border: 1px solid darkblue; |
| width: 98%; |
| margin: 5px; |
| } |
| |
| table.table tr.tableHeader { |
| color: white; |
| background: darkblue; |
| margin: 3px; |
| padding: 2px; |
| font-size: medium; |
| font-weight: bold; |
| } |
| |
| table.table td.tableOperationColumnOdd { |
| background: gray; |
| color: white; |
| width: 20% |
| } |
| |
| table.table td.tableNameColumnOdd { |
| background: gray; |
| color: white; |
| width: 20%; |
| } |
| |
| table.table td.tableDescriptionColumnOdd { |
| background: gray; |
| color: white; |
| width: 40%; |
| } |
| |
| table.table td.tableDateCreatedColumnOdd { |
| background: gray; |
| color: white; |
| width: 20%; |
| } |
| |
| table.table td.tableOperationColumnEven { |
| background: white; |
| color: gray; |
| width: 20% |
| } |
| |
| table.table td.tableNameColumnEven { |
| background: white; |
| color: gray; |
| width: 20%; |
| } |
| |
| table.table td.tableDescriptionColumnEven { |
| background: white; |
| color: gray; |
| width: 40%; |
| } |
| |
| table.table td.tableDateCreatedColumnEven { |
| background: white; |
| color: gray; |
| width: 20%; |
| } |
| |
| div.container { |
| margin-left: auto; |
| margin-right: auto; |
| width: 100%; |
| } |
| |
| div.left { |
| width: 20%; |
| float: left; |
| } |
| |
| div.right { |
| width: 20%; |
| float: right; |
| } |
| |
| div.center { |
| width: 60%; |
| float: left; |
| } |
| |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| |
| |
| <div class="left"> |
| <div class="box"> |
| <h3>Operations</h3> |
| <@s.url id="url" action="logout" namespace="/chat" /> |
| <ul> |
| <li><@s.a href="%{#url}">Logout</@s.a></li> |
| </ul> |
| </div> |
| <#if (actionErrors?size gt 0)> |
| <div class="box"> |
| <h3>Action Errors</h3> |
| <@s.actionerrors /> |
| </div> |
| </#if> |
| <div class="box"> |
| <h3>Users Available In Chat</h3> |
| <@s.div id="usersAvailable" delay="1" updateFreq="%{@org.apache.struts2.showcase.chat.Constants@UPDATE_FREQ}" |
| theme="ajax" href="/chat/ajax/usersAvailable.action" |
| class="box"> |
| Initial Loading Users ... |
| </@s.div> |
| </div> |
| </div> |
| |
| |
| <div class="center"> |
| <div class="box"> |
| <h3>Rooms Available In Chat</h3> |
| <@s.div id="roomsAvailable" listenTopics="topicRoomCreated" |
| delay="1" updateFreq="%{@org.apache.struts2.showcase.chat.Constants@UPDATE_FREQ}" |
| theme="ajax" href="/chat/ajax/roomsAvailable.action" > |
| Initial Loading Rooms ... |
| </@s.div> |
| </div> |
| |
| <div id="createRoom" class="box"> |
| <h3>Create Room In Chat</h3> |
| <div id="createRoomResult"></div> |
| <@s.form id="createRoomId" action="createRoom" namespace="/chat/ajax" method="POST" theme="ajax"> |
| <@s.textfield label="Room Name" required="true" name="name" /> |
| <@s.textarea theme="xhtml" label="Room Description" required="true" name="Description" /> |
| <@s.submit value="%{'Create Room'}" resultDivId="createRoomResult" notifyTopics="topicRoomCreated" theme="ajax" align="left" /> |
| </@s.form> |
| </div> |
| </div> |
| |
| </div> |
| </body> |
| </html> |
| |