JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
finish responsive images, revamp admin_images
[wfpl-cms.git] / admin_images.html
1 <!DOCTYPE html>
2
3 <html lang="en">
4 <head>
5         <title><!--~$title show {~-->~$host~ Admin: Manage Images<!--~}~--></title>
6 </head>
7
8 <body>
9 <!--~$body show {~-->
10         <!--~display {~-->
11                 <h1>~$host~ Admin Control Panel</h1>
12
13                 <h2><!--~image nonempty {~--><span class="wfpl_thumb" style="background-image: url(~image image_src_thumb~); vertical-align: middle;"></span><!--~}~--> Details for Image ~caption empty {~~name nonempty {~"~name html~"~}~~}~~caption nonempty {~"~caption html~"~}~</h2>
14
15                 <p><a href="admin_images">&larr; Back to images</a></p>
16
17                 <p><a href="admin_images?edit_id=~id attr~">Edit this image</a></p>
18
19                 <h2>Uses of this image</h2>
20
21                 <!--~references unset {~--><p>This image does not appear on any pages.</p><!--~}~-->
22
23                 <!--~references {~--><p>This image appears on the following page~count s~: <!--~data {~--><a href="~filename attr~">~title html~</a><!--~ sep {~-->, <!--~}~--><!--~}~--></p><!--~}~-->
24
25                 <h2>Instructions</h2>
26
27                 <p>Now that you've uploaded this image, you can insert it into a page with the <strong>page&nbsp;editor</strong>. You can get to the <strong>page&nbsp;editor</strong> from the <a href="admin">control panel</a> or by going to a page you'd like to edit, then clicking "Edit this page" at the top.</p>
28
29                 <div style="margin-top: 25px"><strong>Full Size (centered):</strong></div>
30                 <div class="wfpl_ic"><div class="wfpl_i" style="background-image: url(~image image_src_full~); padding-top: ~image image_aspect~"></div>~caption nonempty {~~caption html~~}~</div>
31
32
33
34                 <p><a href="admin_images">Back to images</a></p>
35
36                 <p><a href="admin_images?edit_id=~id attr~">Edit</a></p>
37         <!--~}~-->
38
39         <!--~form {~-->
40                 <h1>~$host~ Admin Control Panel</h1>
41
42                 <h2><!--~id unset {~-->Add a new image<!--~}~--><!--~id {~-->Edit image "~name html~"<!--~}~--></h2>
43
44                 <form action="admin_images" method="post" enctype="multipart/form-data"><!--~id {~--><div style="display: none"><input type="hidden" name="edit_id" value="~id attr~"></div><!--~}~--><input type="hidden" name="MAX_FILE_SIZE" value="~upload_max_filesize~">
45
46                         <div class="caption">Image</div>
47                         <div class="field"><input type="file" name="image"><input type="hidden" name="old_image" value="~image attr~"></div>
48
49                         <div class="caption">Name (optional)</div>
50                         <div class="field_notes">This name is only displayed on administration pages.</div>
51                         <div class="field"><input type="text" name="name" value="~name attr~"></div>
52
53                         <div class="caption">Caption (optional)</div>
54                         <div class="field_notes">Here's some symbols you might want to paste in: &copy; &nbsp; &mdash; &nbsp; &ndash;</div>
55                         <div class="field"><input type="text" name="caption" value="~caption attr~"></div>
56
57                         <div class="caption field"><input type="submit" name="save" value="Save"></div>
58
59                 </form>
60
61                 <div class="caption">&nbsp;</div>
62                 <div class="field"><a href="admin_images~id {~?id=~id~~}~">Cancel</a></div>
63         <!--~}~-->
64
65         <!--~listings once {~-->
66                 <h1>~$host~ Admin Control Panel</h1>
67
68                 <h2>Manage Images</h2>
69
70                 <!--~listings once_if {~-->
71                         <p><a href="admin_images?new=1">[Add a new image]</a></p>
72
73                         <table cellspacing="0" cellpadding="4" border="0" summary="" class="evenodd">
74                                 <tr><th>Image</th><th>Name</th><th>Caption</th><th>&nbsp;</th></tr><!--~listings {~-->
75                                 <tr>
76                                         <td class="listing"><a href="admin_images?id=~id~"><!--~image nonempty {~--><span class="wfpl_thumb" style="background-image: url(~image image_src_thumb~)"></span><!--~}~--></a></td>
77                                         <td class="listing"><a href="admin_images?id=~id~">~name html~<!--~name empty {~--><em>(blank)</em><!--~}~--></a></td>
78                                         <td class="listing"><a href="admin_images?id=~id~">~caption html~<!--~caption empty {~--><em>(blank)</em><!--~}~--></a></td>
79                                         <td><a href="admin_images?admin_images_delete_id=~id~" onclick="return confirm('Permanently delete?')">[delete this image]</a></td>
80                                 </tr><!--~}~-->
81
82                         </table>
83                 <!--~}~-->
84                 <!--~listings once_else {~-->
85                         <p>No images in database.</p>
86                 <!--~}~-->
87
88                 <p><a href="admin_images?new=1">[Add a new image]</a></p>
89         <!--~}~-->
90
91 <!--~}~-->
92 </body>
93 </html>