Author: shane.bryzak(a)jboss.com
Date: 2010-01-04 07:33:46 -0500 (Mon, 04 Jan 2010)
New Revision: 11908
Added:
modules/remoting/trunk/examples/model/src/main/webapp/style.css
Modified:
modules/remoting/trunk/examples/model/src/main/webapp/model.html
Log:
updated example UI
Modified: modules/remoting/trunk/examples/model/src/main/webapp/model.html
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 06:13:21
UTC (rev 11907)
+++ modules/remoting/trunk/examples/model/src/main/webapp/model.html 2010-01-04 12:33:46
UTC (rev 11908)
@@ -4,6 +4,7 @@
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Seam Remoting - Model Example</title>
+ <link href="style.css" rel="stylesheet"
type="text/css"/>
<link href="tree.css" rel="stylesheet"
type="text/css"/>
</head>
@@ -20,6 +21,14 @@
Seam.debug = true;
var model = null;
+
+ function fetch() {
+ alert("fetch");
+ }
+
+ function apply() {
+ alert("apply");
+ }
function loadPerson() {
var personId = document.getElementById("personId").value;
@@ -70,8 +79,71 @@
def.add(new xw.controls.TreeNode("zzz", true));
// ]]>
- </script>
+ </script>
+ <div class="section">
+ <div class="sectionHeader">Fetch model action</div>
+ <div class="sectionForm">
+ <div class="formRow">
+ <label for="fetchActionBean">Bean</label>
+ <input type="text" id="fetchActionBean"
value="org.jboss.seam.remoting.example.model.PersonAction"/>
+ </div>
+ <div class="formRow">
+ <label for="fetchActionQualifiers">Qualifiers</label>
+ <input type="text" id="fetchActionQualifiers"/>
+ </div>
+ <div class="formRow">
+ <label for="fetchActionMethod">Method</label>
+ <input type="text" id="fetchActionMethod"
value="editPerson"/>
+ </div>
+ <div class="formRow">
+ <label for="fetchActionParams">Params</label>
+ <input type="text" id="fetchActionParams"
value="1"/>
+ </div>
+ </div>
+
+ <div class="sectionCommand">
+ <button onclick="javascript:fetch()">Fetch</button>
+ </div>
+
+ <br class="clear"/>
+ </div>
+
+ <div class="section">
+ <div class="sectionHeader">Apply model action</div>
+ <div class="sectionForm">
+ <div class="formRow">
+ <label for="applyActionBean">Bean</label>
+ <input type="text" id="applyActionBean"
value="org.jboss.seam.remoting.example.model.PersonAction"/>
+ </div>
+ <div class="formRow">
+ <label for="applyActionQualifiers">Qualifiers</label>
+ <input type="text" id="applyActionQualifiers"/>
+ </div>
+ <div class="formRow">
+ <label for="applyActionMethod">Method</label>
+ <input type="text" id="applyActionMethod"
value="savePerson"/>
+ </div>
+ <div class="formRow">
+ <label for="applyActionParams">Params</label>
+ <input type="text" id="applyActionParams"/>
+ </div>
+ </div>
+
+ <div class="sectionCommand">
+ <button onclick="javascript:fetch()">Apply</button>
+ </div>
+
+ <br class="clear"/>
+ </div>
+
+ <div class="section">
+ <div class="sectionHeader">Model values</div>
+
+ <br class="clear"/>
+ </div>
+
+
<label for="personId">Person ID</label><input
type="text" id="personId" value="1"/>
<button onclick="javascript:loadPerson()">Load person</button>
@@ -79,7 +151,7 @@
<button onclick="javascript:modifyPerson()">Modify
person</button>
<button onclick="javascript:applyUpdates()">Apply
updates</button>
- <div id="tree"
style="position:absolute;left:10;width:300px;height:400px;border:1px solid
#999999;overflow:auto"></div>
+ <div id="tree"
style="position:absolute;left:10px;width:300px;height:400px;border:1px solid
#999999;overflow:auto"></div>
<script type="text/javascript">
//<![CDATA[
Added: modules/remoting/trunk/examples/model/src/main/webapp/style.css
===================================================================
--- modules/remoting/trunk/examples/model/src/main/webapp/style.css
(rev 0)
+++ modules/remoting/trunk/examples/model/src/main/webapp/style.css 2010-01-04 12:33:46
UTC (rev 11908)
@@ -0,0 +1,50 @@
+body {
+ background-color: #ffffff;
+ font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+ font-size: 12px;
+ color: #663009;
+}
+
+.sectionHeader {
+ font-size: 12px;
+ font-weight: bold;
+}
+
+div.section {
+ background-color: #eeeeee;
+ margin: 6px;
+ padding: 4px;
+}
+
+div.sectionForm {
+ float: left;
+ width: 390px;
+ padding: 4px;
+ border-right: 1px solid #cccccc;
+}
+
+div.sectionCommand {
+ float: left;
+ width: 120px;
+ padding: 4px;
+}
+
+div.formRow {
+ padding: 2px 4px 2px 2px;
+ clear: both;
+}
+
+div.formRow label {
+ float: left;
+ width: 70px;
+ padding: 2px 2px 2px 2px;
+}
+
+div.formRow input[type='text'] {
+ width: 300px;
+}
+
+.clear {
+ clear: both;
+ font-size: 0px;
+}
\ No newline at end of file
Show replies by date