<%===== main =====%>
<html>
<head>
<title>Trillbox widgets test</title>
<style>
.lside { width:100px; float:left }
.prevprob { width:500px }
.prevprob td { border: 1px silver solid }
.prevprob th { background-color:silver }
.cmmnts {
width: 500px;
border:1px solid navy;
font-size:10pt;
font-family:sans-serif;
padding:2px;
color:navy
}
</style>
<% trillbox autopost handler %>
</head>
<body>
<h3>Trillbox Demo - Tech support request application</h3>
<div>
<p class="cmmnts">
This demonstrates most of the features of Trillbox, including AutoPost,
which allows you to post the form automatically when a field has been selected
(uses a tiny bit of Javascript). Fill out the form and click <b>submit</b> to see your
trouble ticket added to the table below (which is created using the DataTable
widget).
</p>
<p class="cmmnts">
Note: The form field data will appear as you change settings and click submit,
showing the interaction. All field data is remembered as you autopost and submit.
Also, all the code lives in a single file, "default.cgi".
</p>
</div>
<div style="color:gray;border:1px dashed gray">
Form field data:
<pre>
<% form_data %>
</pre>
</div>
<form name="form1" action="<% submit handler%>" method="post" >
<% trillbox flag field %>
<!-- Hidden fields used by calendar widget -->
<input type="hidden" name="selected_date" value="<%selected_date%>" />
<input type="hidden" name="current_month" value="<%current_month%>" />
<!-- Calendar widget -->
<p>
Selected date: <%selected_date%>
<% date_selector %></p>
<p class="cmmnts">Selecting the Category filters the Problem field of anything that
doesn't belong. Some problems meet both Category criteria, some do not.
</p>
<p><div class="lside">Category</div> <% trouble category %></p>
<p><div class="lside">Problem</div> <% trouble subcategory %></p>
<p><div class="lside">Subject</div> <% subject %></p>
<p>
<div class="lside">Description</div> <% description %>
</p>
<p>
<div class="lside">Severity</div> <% severity %>
</p>
<p>
<div class="lside">Your system</div> <% sys_details %>
</p>
<p>
Previous tickets:
<% previous tickets %>
</p>
<p> <% trillbox autopost submit %> </p>
</form>
<div style="border:1px solid gray;font-size:9pt">
<b>Content rotator:</b>
<% content_rotator %>
</div>
</body>
</html>
syntax highlighted by Code2HTML, v. 0.9.1