JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform: revamp codegen, fix hidden fields
[wfpl.git] / metaform / template.html
index 426be60..cf0ffcb 100644 (file)
-<!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>~form_name~ entry</title>
+       <title><!--~~title show {~~-->~plural cap~<!--~~}~~--></title>
+       <link rel="stylesheet" href="style.css" type="text/css"><!--~html_editor_headers {~--><!--~~extra_headers {~~-->
+       <script type="text/javascript" src="code/tiny_mce/tiny_mce.js"></script>
+       <script language="javascript" type="text/javascript">
+//<![CDATA[
+               tinyMCE.init({
+                       mode : 'textareas',
+                       theme : 'advanced',
+                       plugins : 'contextmenu,table,filemanager',
+                       file_browser_callback : "fileBrowserCallBack",
+                       editor_selector : 'html_editor',
+                       gecko_spellcheck : true,
+                       object_resizing : false,
+                       theme_advanced_toolbar_location : "top",
+                       theme_advanced_toolbar_align : "left",
+                       theme_advanced_path_location : "bottom",
+                       inline_styles : true,
+                       theme_advanced_blockformats : "p,h1,h2,h3,pre",
+                       theme_advanced_buttons3 : "hr,removeformat,visualaid,|,tablecontrols,|,charmap",
+                       doctype: '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">',
+                       content_css : 'style.css',
+                       button_tile_map : true,
+                       //document_base_url : 'http://example.com/',
+                       width: '448',
+                       height: '550',
+               });
+//]]>
+       </script><!--~~}~~--><!--~}~-->
 </head>
 
 <body>
-<!--~body start~-->
-  <h2>~form_name~ entry form</h2>
-
-  <form action="~form_name~.php" method="post">
-    <table cellspacing="0" cellpadding="4" border="0" summary="">
-<!--~textbox start~-->      <tr><td class="caption">~caption.html~: </td><td><input type="text" name="~name~" value="~~~name~.attr~~" /></td></tr>
-<!--~end~--><!--~textarea start~-->      <tr><td class="caption">~caption.html~: </td><td><textarea name="~name~">~~~name~.html~~</textarea></td></tr>
-<!--~end~--><!--~checkbox start~-->      <tr><td class="caption">~caption.html~: </td><td><input type="checkbox" name="~name~~~~name~.checked~~" /></td></tr>
-<!--~end~--><!--~submit start~-->      <tr><td class="submit_row" colspan="2"><input type="submit" name="~name~" value="~caption.attr~" /></td></tr>
-<!--~end~-->    </table>
-  </form>
-<!--~end~-->
+<!--~~main_body show {~~-->
+
+       <!--~~wfpl_messages {~~-->
+               <!--~~ first {~~-->
+                       <div style="border: 2px solid red; background: #fbb; padding: 5px; margin: 20px 0px">
+               <!--~~}~~-->
+                               <p style="font-size: 120%; padding: 5px; margin: 0px">~~data html~~</p>
+               <!--~~ sep {~~-->
+                               <hr>
+               <!--~~}~~-->
+               <!--~~ last {~~-->
+                       </div>
+               <!--~~}~~-->
+       <!--~~}~~--><!--~opt_display {~-->
+
+       <!--~~display {~~-->
+               <h2>~singular cap~ details</h2>
+
+               <p><a href="~file_name~?~file_name~_edit_id=~~id attr~~">Edit</a></p>
+
+               <table border="0" cellpadding="3" cellspacing="0" summary="">
+<!--~display_fields {~--><!--~image {~-->
+                       <tr><td class="caption">~caption html~:</td><td><img src="~~~name~ image_src~~" width="~~~name~ image_width~~" height="~~~name~ image_height~~" alt=""></td></tr>
+<!--~}~--><!--~checkbox {~-->
+                       <tr><td class="caption">~caption html~:</td><td>~~~name~ yesno~~</td></tr>
+<!--~}~--><!--~date {~-->
+                       <tr><td class="caption">~caption html~:</td><td>~~~name~ mmddyyyy~~</td></tr>
+<!--~}~--><!--~short {~-->
+                       <tr><td class="caption">~caption html~:</td><td>~~~name~ html~~</td></tr>
+<!--~}~--><!--~html {~-->
+                       <tr><td class="caption">~caption html~:</span></td><td></td></tr>
+                       <tr><td colspan="2"><div style="padding: 15px; border: 1px solid black">~~~name~~~</div></td></tr>
+<!--~}~--><!--~textarea {~-->
+                       <tr><td class="caption">~caption html~:</td><td>~~~name~ htmlbrtab~~</td></tr>
+<!--~}~--><!--~}~-->
+               </table>
+
+               <p><a href="~file_name~?~file_name~_edit_id=~~id attr~~">Edit</a></p>
+       <!--~~}~~--><!--~}~-->
+
+       <!--~~form {~~--><!--~form {~-->
+               <h2><!--~opt_db {~--><!--~~new_msg {~~-->Add a new ~singular~<!--~~}~~--><!--~~edit_msg {~~-->Edit ~singular~ "~~~always_field~ html~~"<!--~~}~~--><!--~}~--><!--~opt_db unset {~-->Submit a ~singular~<!--~}~--></h2>
+
+               <form action="~file_name~" method="post~enctype_attr~"><!--~opt_db {~--><!--~~editing {~~--><div style="display: none"><input type="hidden" name="~file_name~_edit_id" value="~~~file_name~_edit_id attr~~"></div><!--~~}~~--><!--~}~--><!--~uploads {~--><input type="hidden" name="MAX_FILE_SIZE" value="~~upload_max_filesize~~"><!--~}~--><!--~hidden_fields {~--><!--~ first {~-->
+                       <div style="display: none"><!--~}~--><input type="hidden" name="~name~" value="~~~name~ attr~~"><!--~ last {~--></div><!--~}~--><!--~}~-->
+<!--~visible_fields {~--><!--~image {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="file" name="~name~"><input type="hidden" name="old_~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~file {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="file" name="~name~"><input type="hidden" name="old_~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~textbox {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="text" name="~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~date {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="text" name="~name~" value="~~~name~ mmddyyyy attr~~"> mm/dd/yyyy</div><!--~}~--><!--~password {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="password" name="~name~" value=""></div><!--~}~--><!--~textarea {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><textarea rows="9" cols="22" name="~name~">~~~name~ html~~</textarea></div><!--~}~--><!--~html {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><textarea class="html_editor" rows="20" cols="50" name="~name~">~~~name~ html~~</textarea></div><!--~}~--><!--~pulldown {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ options~~--></select></div><!--~}~--><!--~states {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ states~~--></select></div><!--~}~--><!--~radio {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="radio" name="~name~~~~name~ checked~~"></div><!--~}~--><!--~checkbox {~-->
+                       <div class="caption"><input type="checkbox" name="~name~~~~name~ checked~~"> ~caption html~</div>
+                       <div class="field"></div><!--~}~--><!--~submit {~-->
+                       <div class="caption">&nbsp;</div>
+                       <div class="field"><input type="submit" name="~name~" value="~caption attr~"></div><!--~}~-->
+<!--~}~-->
+               </form>
+       <!--~}~--><!--~~}~~--><!--~opt_listing {~-->
+
+       <!--~~listings {~~-->
+               <h2>~plural cap~ Listing</h2>
+
+               <!--~~populated_listing {~~-->
+                       <p><a href="~file_name~?~file_name~_new=1">[Add a new ~singular~]</a></p>
+
+                       <table cellspacing="0" cellpadding="4" border="1" summary="">
+                               <!--~listing_headers {~--><th>~caption~</th><!--~}~--><th>&nbsp;</th><!--~~rows {~~-->
+                               <tr><!--~listing_fields {~-->
+                                       <td class="listing"><a href="~file_name~?~file_name~_<!--~opt_display unset {~-->edit_<!--~}~-->id=~~id~~"><!--~enc {~-->~~~name~ ~enc~~~<!--~}~--><!--~thumb {~--><img src="~~~name~ thumb_src~~" width="~~~name~ thumb_width~~" height="~~~name~ thumb_height~~" alt=""><!--~}~--></a></td><!--~}~-->
+                                       <td><a href="~file_name~?~file_name~_delete_id=~~id~~" onclick="return confirm('Permanently delete?')">[delete this ~singular~]</a></td>
+                               </tr><!--~~}~~-->
+
+                       </table>
+               <!--~~}~~-->
+               <!--~~empty_listing {~~-->
+                       <p>No ~plural~ in database.</p>
+               <!--~~}~~-->
+
+               <p><a href="~file_name~?~file_name~_new=1">[Add a new ~singular~]</a></p>
+       <!--~~}~~--><!--~}~-->
+
+<!--~~}~~-->
 </body>
 </html>