JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform: merge ckeditor settings from cms
[wfpl.git] / metaform / template.html
index 8e6eaa7..09acf3d 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 lang="en">
 <head>
-  <title>~form_name~ entry</title>
-  <link rel="stylesheet" href="style.css" type="text/css" /><!--~html_editor_headers start~-->
-  <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><!--~end~-->
+       <meta charset="utf-8" />
+       <title><!--~~$title show {~~-->~plural cap~<!--~~}~~--></title>
+       <link rel="stylesheet" href="style.css"><!--~html_editor_headers {~-->
+       <!--~~$head {~~-->
+       <script src="inc/ckeditor/ckeditor.js?t=F0RD"></script>
+       <script>
+               function make_wysiwyg(name) {
+                       CKEDITOR.replace(name, {
+                               'contentsCss': 'style.css?m=~style.css mtime~',
+                               'allowedContent': true,
+                               bodyId: '~$basename~' + '_wysiwyg_' + name,
+                               'stylesSet': [
+                                       { name: 'Paragraph', element: 'p'},
+                                       { name: 'Page Headline', element: 'h1'},
+                                       { name: 'Section Headline', element: 'h2'},
+                                       { name: 'Subsection Headline', element: 'h3'},
+                                       { name: 'Tagline (under headline)', element: 'h4', attributes: { class: 'tagline'}},
+                                       { name: 'Quote', element: 'p', attributes: { class: 'quote'}},
+                                       { name: 'Quote Author', element: 'p', attributes: { class: 'attrib'}},
+                                       { name: 'div (generic box)', element: 'div'}
+                               ],
+                               'uiColor': '#ccccff',
+                               'removePlugins': 'forms,templates,smiley,pagebreak,save,newpage,preview,print',
+                               'height': '300px',
+                               'toolbar': [
+                                       ['Source'],
+                                       ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'SpellChecker', 'Scayt'],
+                                       ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
+                                       '/',
+                                       ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'],
+                                       ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
+                                       ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
+                                       ['Link', 'Unlink', 'Anchor'],
+                                       ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak'],
+                                       '/',
+                                       ['Styles', 'Font', 'FontSize'],
+                                       ['TextColor', 'BGColor'],
+                                       ['Maximize', 'ShowBlocks']
+                               ]
+                       });
+               }
+       </script>
+       <!--~~}~~--><!--~}~-->
 </head>
 
 <body>
-  <!--~~main_body start~~-->
+<!--~~$body show {~~--><!--~opt_display {~-->
+       <!--~~display {~~-->
+               <h2>~singular cap~ details</h2>
+<!--~opt_pass {~-->
+               <!--~~admin_privs {~~--><!--~}~--><!--~opt_listing {~-->
+               <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?new=1">Add another ~singular attr~</a></p>
 
-  <!--~~message_container start~~-->
-       <div style="border: 2px solid red; background: #fbb; padding: 5px; margin: 20px 0px">
-       <!--~~message_box start~~-->
-           <!--~~message_divider start~~-->
-               <hr />
-           <!--~~end~~-->
-           <p style="font-size: 120%; padding: 5px; margin: 0px">~~message_text.html~~</p>
-       <!--~~end~~-->
-       </div>
-  <!--~~end~~-->
-<!--~opt_display_1 start~-->
-<!--~~display_body start~~-->
-  <h2>Details</h2>
-  <!--~display_row start~--><!--~display_short start~-->
-    <div><span class="caption">~caption.html~:</span> ~~~name~.htmlbr~~</div>
-  <!--~end~--><!--~display_html start~-->
-    <div><span class="caption">~caption.html~:</span> <div style="padding-left: 20px; border: 1px solid black">~~~name~~~</div></div>
-  <!--~end~--><!--~display_multiline start~-->
-    <div><span class="caption">~caption.html~:</span> <div style="padding-left: 20px">~~~name~.htmlbr~~</div></div>
-  <!--~end~--><!--~end~-->
+               <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~">Back to ~plural attr~</a></p>
+<!--~}~-->
+               <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?edit_id=~~id attr~~">Edit</a></p><!--~opt_pass {~-->
+               <!--~~}~~--><!--~}~-->
 
-    <p><a href="~form_name~?~form_name~_edit_id=~~id.attr~~">Edit</a></p>
-<!--~~end~~-->
+               <table border="0" cellpadding="3" cellspacing="0" summary="">
+<!--~display_fields {~--><!--~image {~-->
+                       <tr><td class="caption">~caption html~:</td><td><!--~~~name~ nonempty {~~--><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>
+<!--~opt_pass {~-->
+               <!--~~admin_privs {~~--><!--~}~--><!--~opt_listing {~-->
+               <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~">Back to ~plural attr~</a></p>
+<!--~}~-->
+               <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?edit_id=~~id attr~~">Edit</a></p><!--~opt_pass {~-->
+               <!--~~}~~--><!--~}~-->
+       <!--~~}~~--><!--~}~-->
 
-<!--~~edit_body start~~-->
-<!--~end~-->
-<!--~~form start~~--><!--~form start~-->
-  <h2><!--~opt_db_1 start~--><!--~~new_msg start~~-->Add a new entry<!--~~end~~--><!--~~edit_msg start~~-->Edit entry "~~~always_field~.html~~"<!--~~end~~--><!--~end~--><!--~opt_db_1_else start~-->~form_name~ entry form<!--~end~--></h2>
+       <!--~~form {~~--><!--~form {~-->
+               <h2><!--~opt_db {~--><!--~~id unset {~~-->Add a new ~singular~<!--~~}~~--><!--~~id {~~-->Edit ~singular~ "~~~always_field~ html~~"<!--~~}~~--><!--~}~--><!--~opt_db unset {~-->Submit a ~singular~<!--~}~--></h2>
 
-  <form action="~form_name~" method="post~enctype_attr~"><!--~opt_db_2 start~--><!--~~editing start~~--><input type="hidden" name="~form_name~_edit_id" value="~~~form_name~_edit_id.attr~~" /><!--~~end~~--><!--~end~--><!--~uploads start~--><input type="hidden" name="MAX_FILE_SIZE" value="~~upload_max_filesize~~" /><!--~end~-->
-    <table cellspacing="0" cellpadding="4" border="0" summary=""><!--~row start~-->
+               <form action="~opt_public_form {~~~$basename~~~}~~opt_public_form unset {~~file_name attr~~}~" method="post~enctype_attr~"><!--~opt_db {~--><!--~~id {~~--><div style="display: none"><input type="hidden" name="edit_id" value="~~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 {~--><!--~fieldset {~-->
+                       <fieldset id="~name attr~"><legend>~caption html~</legend><!--~}~--><!--~end_fieldset {~-->
+                       </fieldset><!--~}~--><!--~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><!--~}~--><!--~email {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="email" name="~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~search {~-->
+                       <div class="caption">~caption html~</div>
+                       <div class="field"><input type="search" 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_notes">
+                               <ul>
+                                       <li>If you don't see an editor below (with buttons in it) then please try this page in <a href="http://getfirefox.com">Mozilla FireFox</a> or <a href="http://www.google.com/chrome/">Google Chrome</a>.</li>
+                                       <li>If you're pasting from Microsoft Word, please use the "paste from word" button (4 right of the scissors) instead of the normal paste.</li>
+                                       <li>In the link dialog, you can make a link to another page on this site by entering that page's "filename" in the URL field.</li>
+                               </ul>
+                       </div>
+                       <div class="field"><textarea class="html_editor" rows="20" cols="50" name="~name~">~~~name~ html~~</textarea><script>make_wysiwyg('~name~');</script></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"><!--~options {~-->
+                               <input type="radio" name="~name~" value="~~~name~ radio_~i~~~" id="~name~_~i~_radio"><label for="~name~_~i~_radio"> ~option_caption html~</label><br><!--~}~-->
+                       </div><!--~}~--><!--~checkbox {~-->
+                       <div class="caption"><input type="checkbox" name="~name~~~~name~ checked~~" id="~name~_checkbox"><label for="~name~_checkbox"> ~caption html~</label></div>
+                       <div class="field"></div><!--~}~--><!--~submit {~-->
+                       <div class="caption"></div>
+                       <div class="field"><input type="submit" name="~name~" value="~caption attr~"></div><!--~}~-->
+<!--~}~-->
+               </form><!--~opt_listing {~-->
 
-      <tr><!--~image start~--><td class="caption">~caption.html~: </td><td class="field"><input type="file" name="~name~" /><input type="hidden" name="old_~name~" value="~~~name~.attr~~" /></td><!--~end~--><!--~textbox start~--><td class="caption">~caption.html~: </td><td class="field"><input type="text" name="~name~" value="~~~name~.attr~~" /></td><!--~end~--><!--~date start~--><td class="caption">~caption.html~: </td><td class="field"><input type="text" name="~name~" value="~~~name~.mmddyyyy.attr~~" /> dd/mm/yy</td><!--~end~--><!--~password start~--><td class="caption">~caption.html~: </td><td class="field"><input type="password" name="~name~" value="~~~name~.attr~~" /></td><!--~end~--><!--~textarea start~--><td class="caption">~caption.html~: </td><td class="field"><textarea rows="9" cols="22" name="~name~">~~~name~.html~~</textarea></td><!--~end~--><!--~html start~--><td class="caption">~caption.html~: </td><td></td></tr><tr><td colspan="2"><textarea class="html_editor" rows="20" cols="50" name="~name~">~~~name~.html~~</textarea></td><!--~end~--><!--~pulldown start~--><td class="caption">~caption.html~: </td><td class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~.options~~--></select></td><!--~end~--><!--~states start~--><td class="caption">~caption.html~: </td><td class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~.states~~--></select></td><!--~end~--><!--~radio start~--><td class="caption">~caption.html~: </td><td class="field"><input type="radio" name="~name~~~~name~.checked~~" /></td><!--~end~--><!--~checkbox start~--><td class="caption">~caption.html~? </td><td class="field"><input type="checkbox" name="~name~~~~name~.checked~~" /></td><!--~end~--><!--~leftcheck start~--><td class="caption"><input type="checkbox" name="~name~~~~name~.checked~~" /></td><td class="right_caption">~caption.html~?</td><!--~end~--><!--~submit start~--><td class="submit_row" colspan="2"><input type="submit" name="~name~" value="~caption.attr~" /></td><!--~end~--></tr><!--~end~-->
-    </table>
-  </form>
-<!--~end~--><!--~~end~~-->
-<!--~opt_listing_1 start~--><!--~~listings start~~-->
-  <h2>~form_name~ Listing</h2>
+               <div class="caption">&nbsp;</div>
+               <div class="field"><a href="~file_name attr~~~id {~~?id=~~id~~~~}~~">Cancel</a></div><!--~}~-->
+       <!--~}~--><!--~~}~~--><!--~opt_listing {~-->
 
-  <!--~~populated_listing start~~-->
-  <p><a href="~form_name~?~form_name~_new=1">[Add a new record]</a></p>
+       <!--~~listings {~~-->
+               <h2>~plural cap~ Listing</h2>
 
-  <table cellspacing="0" cellpadding="4" border="1" summary=""><!--~~listing_row start~~-->
-  <tr><td class="listing"><a href="~form_name~?~form_name~_<!--~opt_display_a_else start~-->edit_<!--~end~-->id=~~id~~">~~~always_field~.html~~</a></td><td><a href="~form_name~?~form_name~_delete_id=~~id~~" onclick="return confirm('Permanently delete?')">[delete this record]</a></td></tr><!--~~end~~-->
+               <!--~~rows once_if {~~-->
+                       <p><a href="~file_name~?new=1">[Add a new ~singular~]</a></p>
 
-  </table>
-  <!--~~end~~-->
-  <!--~~empty_listing start~~-->
-    <p>No ~~field_plural.html~~ in database.</p>
-  <!--~~end~~-->
+                       <table cellspacing="0" cellpadding="4" border="0" summary="" class="evenodd">
+                               <tr><!--~listing_headers {~-->
+                                       <th><a href="?sort=~~sorting-by-~name~~~~name~">~caption~</a></th><!--~}~-->
+                                       <th>&nbsp;</th>
+                               </tr><!--~~rows {~~-->
+                               <tr><!--~listing_fields {~-->
+                                       <td class="listing"><a href="~file_name~?~opt_display unset {~edit_~}~id=~~id~~"><!--~enc {~-->~~~name~ ~enc~~~<!--~~~name~ empty {~~--><em>(blank)</em><!--~~}~~--><!--~}~--><!--~thumb {~--><!--~~~name~ nonempty {~~--><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><!--~~}~~-->
 
-  <p><a href="~form_name~?~form_name~_new=1">[Add a new record]</a></p>
-<!--~~end~~--><!--~end~-->
-<!--~opt_display_2 start~-->
+                       </table>
+                       <p><a href="?download_csv=1">Download as CSV file</a></p>
+               <!--~~}~~-->
+               <!--~~rows once_else {~~-->
+                       <p>No ~plural~ in database.</p>
+               <!--~~}~~-->
 
-<!--~~end~~-->
-<!--~end~-->
-<!--~~end~~-->
+               <p><a href="~file_name~?new=1">[Add a new ~singular~]</a></p>
+       <!--~~}~~--><!--~}~-->
+
+<!--~~}~~-->
 </body>
 </html>