JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform: new syntax for options, fix radio
[wfpl.git] / metaform / main.html
index d56e264..6454440 100644 (file)
@@ -1,8 +1,9 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<!DOCTYPE html>
 
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
 <head>
   <title>Meta Form</title>
+  <style>input[type=text], textarea { width: 400px; }</style>
 </head>
 
 <body>
   <form action="~metaform_name~" method="get">
     <p>The form name should not contain any capitals or symbols (besides underscore)</p>
 
-    <p>page/table name: <input type="text" name="form_name" value="~form_name.attr~" /></p>
+    <p>File name: <input type="text" name="file_name" value="~public_file_name attr~" autofocus>.html</p>
+
+    <p>DB table: <input type="text" name="table_name" value="~table_name attr~"></p>
+
+    <p>Printable singular: <input type="text" name="singular" value="~singular attr~"></p>
+
+    <p>Printable plural: <input type="text" name="plural" value="~plural attr~"></p>
 
-    <p>Same as above but singular: <input type="text" name="singular" value="~singular.attr~" /> (Used in messages and headers.)</p>
 
        <h3>Features</h3>
 
-    <p><input type="checkbox" name="opt_email~opt_email.checked~" value="Yes" /> Send form results vie e-mail.</p>
+    <p><input type="checkbox" name="opt_email~opt_email checked~" value="Yes"> Send form results vie e-mail.</p>
+
+    <p><input type="checkbox" name="opt_db~opt_db checked~" value="Yes"> Save form results to a database.</p>
+
+    <p><input type="checkbox" name="opt_listing~opt_listing checked~" value="Yes"> Provide a "Listing" page.</p>
+
+    <p><input type="checkbox" name="opt_display~opt_display checked~" value="Yes"> Provide a "Display" page.</p>
+
+    <p><input type="checkbox" name="opt_pass~opt_pass checked~" value="Yes"> Password protect this page.<br>
+       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_form~opt_public_form checked~" value="Yes"> But with publicly accessible submission form<br>
+       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox" name="opt_public_display~opt_public_display checked~" value="Yes"> But with publicly accessible view page.</p>
 
-    <p><input type="checkbox" name="opt_db~opt_db.checked~" value="Yes" /> Save form results to a database.</p>
+       <p>Below, specify the fields you'd like in your form, one field per line. You can (optional) add a field type at the beginning of the line. The following field types are available: <!--~types {~--><!--~types_sep {~-->, <!--~}~-->~type html~<!--~}~-->.</p>
 
-    <p><input type="checkbox" name="opt_listing~opt_listing.checked~" value="Yes" /> Provide a "Listing" page.</p>
+       <p>You can start a labeled fieldset by putting a <code>{</code> at the end of a line with the caption. Then end the fieldset with a <code>}</code> on a line by itself</p>
 
-    <p><input type="checkbox" name="opt_display~opt_display.checked~" value="Yes" /> Provide a "Display" page.</p>
+       <p>Pulldown/radio options can be specified (one per line) indented below the field</p>
 
-    <p><input type="checkbox" name="opt_http_pass~opt_http_pass.checked~" value="Yes" /> Password protect this form (with HTTP authentication).</p>
+       <p>Example:<br><code><pre>
+email
+contact info (all required) {
+name
+phone
+}
+pulldown color
+       Red
+       Blue
+       Black
+textarea comments
+yesno agree
+</pre></code></p>
 
-       <p>Below, specify the fields you'd like in your form, one field per line. After each field name, put at least one space, then the field type. The following field types are available: ~available_types.html~.</p>
-       <p>Example:<br /><pre>
-name      textbox
-phone     phone
-comments  textarea
-agree     yesno</pre></p>
     <p>Fields: 
-    <textarea rows="10" cols="40" name="fields">~fields.html~</textarea></p>
+    <textarea rows="10" cols="40" name="fields">~fields html~</textarea></p>
 
-    <p><input type="submit" name="preview" value="Continue" /></p>
+    <p><input type="submit" name="preview" value="Continue"></p>
   </form>
 </body>
 </html>