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 {~--><img src="~image thumb_src~" width="~image thumb_width~" height="~image thumb_height~" alt="" style="display: inline-block; vertical-align: middle"><!--~}~--> Details for Image ~caption empty {~~name nonempty {~"~name html~"~}~~}~~caption nonempty {~"~caption html~"~}~</h2>
  14
  15                 <p><a href="admin_images?new=1">Add another image</a></p>
  16
  17                 <p><a href="admin_images">Back to images</a></p>
  18
  19                 <p><a href="admin_images?edit_id=~id attr~">Edit this image</a></p>
  20
  21                 <h2>Uses of this image</h2>
  22
  23                 <!--~references unset {~--><p>This image does not appear on any pages.</p><!--~}~-->
  24
  25                 <!--~references {~--><p>This image appears on the following page~count s~: <!--~data {~--><a href="~filename attr~">~title html~</a><!--~ sep {~-->, <!--~}~--><!--~}~--></p><!--~}~-->
  26
  27                 <h2>Instructions</h2>
  28
  29                 <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>
  30
  31
  32                 <h2>Sizes</h2>
  33
  34                 <p>This image is available in the following sizes.</p>
  35
  36                 <p>Note: Currently only the first and last sizes are available in the page editor.</p>
  37
  38                 <!--~smaller {~-->
  39                         <div style="margin-top: 25px"><strong>Width: ~width~ pixels, Height: ~height~ pixels</strong></div>
  40                         <div style="font-size: 10px"><img src="~src~" alt="" />~caption nonempty {~~caption html~~}~</div>
  41                 <!--~}~-->
  42
  43                 <div style="margin-top: 25px"><strong>Full Size (centered):</strong></div>
  44                 <div class="wfpl_ic"><img src="~image image_src~" width="~image image_width~" height="~image image_height~" alt="" />~caption nonempty {~~caption html~~}~</div>
  45
  46                 <!--~no_sizes {~-->
  47                         <p>To display this image smaller, <a href="admin_images?edit_id=~id attr~">edit this image</a> and enter display size(s).</p>
  48                 <!--~}~-->
  49
  50
  51
  52                 <p><a href="admin_images">Back to images</a></p>
  53
  54                 <p><a href="admin_images?edit_id=~id attr~">Edit</a></p>
  55         <!--~}~-->
  56
  57         <!--~form {~-->
  58                 <h1>~$host~ Admin Control Panel</h1>
  59
  60                 <h2><!--~id unset {~-->Add a new image<!--~}~--><!--~id {~-->Edit image "~name html~"<!--~}~--></h2>
  61
  62                 <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~">
  63
  64                         <div class="caption">Image</div>
  65                         <div class="field"><input type="file" name="image"><input type="hidden" name="old_image" value="~image attr~"></div>
  66
  67                         <div class="caption">Name (optional)</div>
  68                         <div class="field_notes">This name is only displayed on the image administration page.</div>
  69                         <div class="field"><input type="text" name="name" value="~name attr~"></div>
  70
  71                         <div class="caption">Caption (optional)</div>
  72                         <div class="field_notes">Here's some symbols you might want to paste in: &copy; &nbsp; &mdash; &nbsp; &ndash;</div>
  73                         <div class="field"><input type="text" name="caption" value="~caption attr~"></div>
  74
  75                         <div class="caption">Sizes</div>
  76                         <div class="field_notes">(Enter the width and height (in pixels) at which you'd like to use this image. Put an x between them with no spaces, so it looks like this: 100x200. The image will be scaled so it maintains it's aspect ratio (shape) and just fits inside those dimentions. You can use this image at multiple different sizes, by entering a different set of dimensions (WIDTHxHEIGHT) on each line)</div>
  77                         <div class="field"><textarea rows="9" cols="22" name="sizes">~sizes html~</textarea></div>
  78
  79                         <div class="caption">&nbsp;</div>
  80                         <div class="field"><input type="submit" name="save" value="Save"></div>
  81
  82                 </form>
  83
  84                 <div class="caption">&nbsp;</div>
  85                 <div class="field"><a href="admin_images~id {~?id=~id~~}~">Cancel</a></div>
  86         <!--~}~-->
  87
  88         <!--~listings once {~-->
  89                 <h1>~$host~ Admin Control Panel</h1>
  90
  91                 <h2>Manage Images</h2>
  92
  93                 <!--~listings once_if {~-->
  94                         <p><a href="admin_images?new=1">[Add a new image]</a></p>
  95
  96                         <table cellspacing="0" cellpadding="4" border="0" summary="" class="evenodd">
  97                                 <tr><th>Image</th><th>Name</th><th>Caption</th><th>&nbsp;</th></tr><!--~listings {~-->
  98                                 <tr>
  99                                         <td class="listing"><a href="admin_images?id=~id~"><!--~image nonempty {~--><img src="~image thumb_src~" width="~image thumb_width~" height="~image thumb_height~" alt=""><!--~}~--></a></td>
 100                                         <td class="listing"><a href="admin_images?id=~id~">~name html~<!--~name empty {~--><em>(blank)</em><!--~}~--></a></td>
 101                                         <td class="listing"><a href="admin_images?id=~id~">~caption html~<!--~caption empty {~--><em>(blank)</em><!--~}~--></a></td>
 102                                         <td><a href="admin_images?admin_images_delete_id=~id~" onclick="return confirm('Permanently delete?')">[delete this image]</a></td>
 103                                 </tr><!--~}~-->
 104
 105                         </table>
 106                 <!--~}~-->
 107                 <!--~listings once_else {~-->
 108                         <p>No images in database.</p>
 109                 <!--~}~-->
 110
 111                 <p><a href="admin_images?new=1">[Add a new image]</a></p>
 112         <!--~}~-->
 113
 114 <!--~}~-->
 115 </body>
 116 </html>