JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
metaform: new syntax for options, fix radio
[wfpl.git] / metaform / template.html
1 <!DOCTYPE html>
2
3 <html lang="en">
4 <head>
5         <meta charset="utf-8" />
6         <title><!--~~$title show {~~-->~plural cap~<!--~~}~~--></title>
7         <link rel="stylesheet" href="style.css"><!--~html_editor_headers {~-->
8         <!--~~$head {~~-->
9         <script src="inc/ckeditor/ckeditor.js"></script>
10         <script>
11                 function make_wysiwyg(name) {
12                         CKEDITOR.replace(name, {
13                                 'contentsCss': 'style.css',
14                                 'uiColor': '#ccccff',
15                                 'removePlugins': 'forms,templates,smiley,pagebreak,save,newpage,preview,print',
16                                 'height': '300px',
17                                 'toolbar': [
18                                         ['Source'],
19                                         ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'SpellChecker', 'Scayt'],
20                                         ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'],
21                                         '/',
22                                         ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript'],
23                                         ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', 'Blockquote'],
24                                         ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
25                                         ['Link', 'Unlink', 'Anchor'],
26                                         ['Image', 'Table', 'HorizontalRule', 'SpecialChar', 'PageBreak'],
27                                         '/',
28                                         ['Styles', 'Format', 'Font', 'FontSize'],
29                                         ['TextColor', 'BGColor'],
30                                         ['Maximize', 'ShowBlocks']
31                                 ]
32                         });
33                 }
34         </script>
35         <!--~~}~~--><!--~}~-->
36 </head>
37
38 <body>
39 <!--~~$body show {~~--><!--~opt_display {~-->
40         <!--~~display {~~-->
41                 <h2>~singular cap~ details</h2>
42 <!--~opt_pass {~-->
43                 <!--~~admin_privs {~~--><!--~}~--><!--~opt_listing {~-->
44                 <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?new=1">Add another ~singular attr~</a></p>
45
46                 <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~">Back to ~plural attr~</a></p>
47 <!--~}~-->
48                 <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?edit_id=~~id attr~~">Edit</a></p><!--~opt_pass {~-->
49                 <!--~~}~~--><!--~}~-->
50
51                 <table border="0" cellpadding="3" cellspacing="0" summary="">
52 <!--~display_fields {~--><!--~image {~-->
53                         <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>
54 <!--~}~--><!--~checkbox {~-->
55                         <tr><td class="caption">~caption html~:</td><td>~~~name~ yesno~~</td></tr>
56 <!--~}~--><!--~date {~-->
57                         <tr><td class="caption">~caption html~:</td><td>~~~name~ mmddyyyy~~</td></tr>
58 <!--~}~--><!--~short {~-->
59                         <tr><td class="caption">~caption html~:</td><td>~~~name~ html~~</td></tr>
60 <!--~}~--><!--~html {~-->
61                         <tr><td class="caption">~caption html~:</span></td><td></td></tr>
62                         <tr><td colspan="2"><div style="padding: 15px; border: 1px solid black">~~~name~~~</div></td></tr>
63 <!--~}~--><!--~textarea {~-->
64                         <tr><td class="caption">~caption html~:</td><td>~~~name~ htmlbrtab~~</td></tr>
65 <!--~}~--><!--~}~-->
66                 </table>
67 <!--~opt_pass {~-->
68                 <!--~~admin_privs {~~--><!--~}~--><!--~opt_listing {~-->
69                 <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~">Back to ~plural attr~</a></p>
70 <!--~}~-->
71                 <!--~opt_pass {~-->     <!--~}~--><p><a href="~file_name~?edit_id=~~id attr~~">Edit</a></p><!--~opt_pass {~-->
72                 <!--~~}~~--><!--~}~-->
73         <!--~~}~~--><!--~}~-->
74
75         <!--~~form {~~--><!--~form {~-->
76                 <h2><!--~opt_db {~--><!--~~id unset {~~-->Add a new ~singular~<!--~~}~~--><!--~~id {~~-->Edit ~singular~ "~~~always_field~ html~~"<!--~~}~~--><!--~}~--><!--~opt_db unset {~-->Submit a ~singular~<!--~}~--></h2>
77
78                 <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 {~-->
79                         <div style="display: none"><!--~}~--><input type="hidden" name="~name~" value="~~~name~ attr~~"><!--~ last {~--></div><!--~}~--><!--~}~-->
80 <!--~visible_fields {~--><!--~fieldset {~-->
81                         <fieldset id="~name attr~"><legend>~caption html~</legend><!--~}~--><!--~end_fieldset {~-->
82                         </fieldset><!--~}~--><!--~image {~-->
83                         <div class="caption">~caption html~</div>
84                         <div class="field"><input type="file" name="~name~"><input type="hidden" name="old_~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~file {~-->
85                         <div class="caption">~caption html~</div>
86                         <div class="field"><input type="file" name="~name~"><input type="hidden" name="old_~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~textbox {~-->
87                         <div class="caption">~caption html~</div>
88                         <div class="field"><input type="text" name="~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~email {~-->
89                         <div class="caption">~caption html~</div>
90                         <div class="field"><input type="email" name="~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~search {~-->
91                         <div class="caption">~caption html~</div>
92                         <div class="field"><input type="search" name="~name~" value="~~~name~ attr~~"></div><!--~}~--><!--~date {~-->
93                         <div class="caption">~caption html~</div>
94                         <div class="field"><input type="text" name="~name~" value="~~~name~ mmddyyyy attr~~"> mm/dd/yyyy</div><!--~}~--><!--~password {~-->
95                         <div class="caption">~caption html~</div>
96                         <div class="field"><input type="password" name="~name~" value=""></div><!--~}~--><!--~textarea {~-->
97                         <div class="caption">~caption html~</div>
98                         <div class="field"><textarea rows="9" cols="22" name="~name~">~~~name~ html~~</textarea></div><!--~}~--><!--~html {~-->
99                         <div class="caption">~caption html~</div>
100                         <div class="field_notes">
101                                 <ul>
102                                         <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>
103                                         <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>
104                                         <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>
105                                 </ul>
106                         </div>
107                         <div class="field"><textarea class="html_editor" rows="20" cols="50" name="~name~">~~~name~ html~~</textarea><script>make_wysiwyg('~name~');</script></div><!--~}~--><!--~pulldown {~-->
108                         <div class="caption">~caption html~</div>
109                         <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ options~~--></select></div><!--~}~--><!--~states {~-->
110                         <div class="caption">~caption html~</div>
111                         <div class="field"><select name="~name~"><option value="">Choose One:</option><!--~~~name~ states~~--></select></div><!--~}~--><!--~radio {~-->
112                         <div class="caption">~caption html~</div>
113                         <div class="field">
114                                 <!--~options {~-->
115                                         <input type="radio" name="~name~" value="~~~name~ radio_~i~~~">~option_caption html~<br>
116                                 <!--~}~-->
117                         </div><!--~}~--><!--~checkbox {~-->
118                         <div class="caption"><input type="checkbox" name="~name~~~~name~ checked~~" id="~name~_checkbox"><label for="~name~_checkbox"> ~caption html~</label></div>
119                         <div class="field"></div><!--~}~--><!--~submit {~-->
120                         <div class="caption"></div>
121                         <div class="field"><input type="submit" name="~name~" value="~caption attr~"></div><!--~}~-->
122 <!--~}~-->
123                 </form><!--~opt_listing {~-->
124
125                 <div class="caption">&nbsp;</div>
126                 <div class="field"><a href="~file_name attr~~~id {~~?id=~~id~~~~}~~">Cancel</a></div><!--~}~-->
127         <!--~}~--><!--~~}~~--><!--~opt_listing {~-->
128
129         <!--~~listings {~~-->
130                 <h2>~plural cap~ Listing</h2>
131
132                 <!--~~rows once_if {~~-->
133                         <p><a href="~file_name~?new=1">[Add a new ~singular~]</a></p>
134
135                         <table cellspacing="0" cellpadding="4" border="0" summary="" class="evenodd">
136                                 <tr><!--~listing_headers {~-->
137                                         <th><a href="?sort=~~sorting-by-~name~~~~name~">~caption~</a></th><!--~}~-->
138                                         <th>&nbsp;</th>
139                                 </tr><!--~~rows {~~-->
140                                 <tr><!--~listing_fields {~-->
141                                         <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><!--~}~-->
142                                         <td><a href="~file_name~?~file_name~_delete_id=~~id~~" onclick="return confirm('Permanently delete?')">[delete this ~singular~]</a></td>
143                                 </tr><!--~~}~~-->
144
145                         </table>
146                         <p><a href="?download_csv=1">Download as CSV file</a></p>
147                 <!--~~}~~-->
148                 <!--~~rows once_else {~~-->
149                         <p>No ~plural~ in database.</p>
150                 <!--~~}~~-->
151
152                 <p><a href="~file_name~?new=1">[Add a new ~singular~]</a></p>
153         <!--~~}~~--><!--~}~-->
154
155 <!--~~}~~-->
156 </body>
157 </html>