X-Git-Url: https://jasonwoof.com/gitweb/?p=wfpl-cms.git;a=blobdiff_plain;f=admin_images.html;h=f9d7063413268a914423d0728cd0e7130e3cf3f1;hp=942dc0680c1f553d11c981d6ca607162e0d45d83;hb=e7424acd48ed670f1b8bd8d7c1ff69b37ce6334b;hpb=c5e948d7d2af9b5e052a7173ebbd8c907e3d6fab

diff --git a/admin_images.html b/admin_images.html
index 942dc06..f9d7063 100644
--- a/admin_images.html
+++ b/admin_images.html
@@ -10,11 +10,9 @@
 	<!--~display {~-->
 		<h1>~$host~ Admin Control Panel</h1>
 
-		<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>
+		<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>
 
-		<p><a href="admin_images?new=1">Add another image</a></p>
-
-		<p><a href="admin_images">Back to images</a></p>
+		<p><a href="admin_images">&larr; Back to images</a></p>
 
 		<p><a href="admin_images?edit_id=~id attr~">Edit this image</a></p>
 
@@ -28,24 +26,8 @@
 
 		<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>
 
-
-		<h2>Sizes</h2>
-
-		<p>This image is available in the following sizes.</p>
-
-		<p>Note: Currently only the first and last sizes are available in the page editor.</p>
-
-		<!--~smaller {~-->
-			<div style="margin-top: 25px"><strong>Width: ~width~ pixels, Height: ~height~ pixels</strong></div>
-			<div style="font-size: 10px"><img src="~src~" alt="" />~caption nonempty {~~caption html~~}~</div>
-		<!--~}~-->
-
 		<div style="margin-top: 25px"><strong>Full Size (centered):</strong></div>
-		<div class="wfpl_ic"><img src="~image image_src~" width="~image image_width~" height="~image image_height~" alt="" />~caption nonempty {~~caption html~~}~</div>
-
-		<!--~no_sizes {~-->
-			<p>To display this image smaller, <a href="admin_images?edit_id=~id attr~">edit this image</a> and enter display size(s).</p>
-		<!--~}~-->
+		<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>
 
 
 
@@ -65,19 +47,14 @@
 			<div class="field"><input type="file" name="image"><input type="hidden" name="old_image" value="~image attr~"></div>
 
 			<div class="caption">Name (optional)</div>
-			<div class="field_notes">This name is only displayed on the image administration page.</div>
+			<div class="field_notes">This name is only displayed on administration pages.</div>
 			<div class="field"><input type="text" name="name" value="~name attr~"></div>
 
 			<div class="caption">Caption (optional)</div>
 			<div class="field_notes">Here's some symbols you might want to paste in: &copy; &nbsp; &mdash; &nbsp; &ndash;</div>
 			<div class="field"><input type="text" name="caption" value="~caption attr~"></div>
 
-			<div class="caption">Sizes</div>
-			<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>
-			<div class="field"><textarea rows="9" cols="22" name="sizes">~sizes html~</textarea></div>
-
-			<div class="caption">&nbsp;</div>
-			<div class="field"><input type="submit" name="save" value="Save"></div>
+			<div class="caption field"><input type="submit" name="save" value="Save"></div>
 
 		</form>
 
@@ -96,7 +73,7 @@
 			<table cellspacing="0" cellpadding="4" border="0" summary="" class="evenodd">
 				<tr><th>Image</th><th>Name</th><th>Caption</th><th>&nbsp;</th></tr><!--~listings {~-->
 				<tr>
-					<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>
+					<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>
 					<td class="listing"><a href="admin_images?id=~id~">~name html~<!--~name empty {~--><em>(blank)</em><!--~}~--></a></td>
 					<td class="listing"><a href="admin_images?id=~id~">~caption html~<!--~caption empty {~--><em>(blank)</em><!--~}~--></a></td>
 					<td><a href="admin_images?admin_images_delete_id=~id~" onclick="return confirm('Permanently delete?')">[delete this image]</a></td>