X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=admin_pages.html;h=faa0eab449c3af2490fa35352b28457d6eb51cc1;hb=c594772865477bd410abd7a63fac6612be5956ca;hp=c7ac728c47789ddb89a97c247d33cac7f35f9900;hpb=e7424acd48ed670f1b8bd8d7c1ff69b37ce6334b;p=wfpl-cms.git

diff --git a/admin_pages.html b/admin_pages.html
index c7ac728..faa0eab 100644
--- a/admin_pages.html
+++ b/admin_pages.html
@@ -47,6 +47,7 @@
 			display: inline-block;
 			overflow: hidden;
 			text-align: center;
+			background-size: contain;
 			background-position: 50% 50%;
 			background-repeat: no-repeat;
 			background-color: transparent;
@@ -62,6 +63,7 @@
 	<script>
 		window.cke_wfpl_images = {
 			images: ~wfpl_images_json~,
+			full_width: ~wfpl_image_width_full~,
 			small_width: ~wfpl_image_width_small~,
 			thumb_width: ~wfpl_image_width_thumb~,
 			next_id: 0,
@@ -113,18 +115,16 @@
 				break;
 			}
 			code += '<div class="wfpl_i"'
-			src = image.src;
+			src =
+				image.src.substr(0, image.src.length - 4)
+				+ 'w'
+				+ window.cke_wfpl_images[align == 'full' ? 'full_width' : 'small_width']
+				+ image.src.substr(image.src.length - 4);
 			if (image.caption == '') {
 				caption = '&nbsp;';
 			} else {
 				caption = enc_html(image.caption);
 			}
-			if (align != 'full') {
-				src =
-					src.substr(0, src.length - 4)
-					+ 'w' + window.cke_wfpl_images.small_width
-					+ src.substr(src.length - 4);
-			}
 			code += ' style="background-image: url(/' + src + ');';
 			code += ' padding-top: ' + image.aspect;
 			code += '">&nbsp</div>' + caption;
@@ -213,11 +213,11 @@
 				});
 			}
 		});
-		function make_wysiwyg(name) {
+		function make_wysiwyg(name, bodyid_postfix) {
 			CKEDITOR.replace(name, {
 				'contentsCss': 'css.css?m=~css.css mtime~',
 				'allowedContent': true,
-				bodyId: '~$basename~' + '_wysiwyg_' + name,
+				bodyId: '~$basename~' + '_wysiwyg_' + (bodyid_postfix ? bodyid_postfix : name),
 				'stylesSet': [
 					{ name: 'Paragraph', element: 'p'},
 					{ name: 'Page Headline', element: 'h1'},
@@ -249,6 +249,42 @@
 				]
 			});
 		}
+		window.admin_pages_cur_layout = null
+		function admin_pages_layout(layout) {
+			if (layout === undefined) {
+				layout = document.getElementById('layout').value
+			}
+			if (typeof layout === 'string') {
+				layout = parseInt(layout);
+			}
+			if (layout === window.admin_pages_cur_layout) {
+				return;
+			}
+			// hide/show sidebar editor
+			if (layout === 0) {
+				document.getElementById('sidebar_editor').style.display = 'none'
+			} else {
+				document.getElementById('sidebar_editor').style.display = 'block'
+			}
+			// remove existing ckeditors
+			if (window.admin_pages_cur_layout !== null) {
+				for (name in CKEDITOR.instances) {
+					CKEDITOR.instances[name].destroy();
+				}
+			}
+			// create ckeditors
+			if (layout === 0) {
+				make_wysiwyg('content', 'content_full_main');
+			} else if (layout === 1) {
+				make_wysiwyg('content', 'content_with_sidebar_main');
+				make_wysiwyg('sidebar_content', 'content_with_sidebar_sidebar_plain');
+			} else {
+				make_wysiwyg('content', 'content_with_sidebar_main');
+				make_wysiwyg('sidebar_content', 'content_with_sidebar_sidebar_bordered');
+			}
+
+			window.admin_pages_cur_layout = layout
+		}
 	</script>
 	<!--~}~-->
 
@@ -279,6 +315,9 @@
 			<div class="field_notes">(If you'd like this page to appear in the navigation with a shorter title.)</div>
 			<div class="field"><input type="text" name="nav_title" value="~nav_title attr~"></div>
 
+			<div class="caption">Page Template/Layout</div>
+			<div class="field"><select id="layout" name="layout" onchange="return admin_pages_layout()"><!--~layout options~--></select></div>
+
 			<div class="caption">Page Contents</div>
 			<div class="field_notes">
 				<ul class="first">
@@ -289,7 +328,21 @@
 					<li>To insert an image: place the cursor at the beginning of a line and click the "insert image" button in the editor. Note that you will only be able to insert images that you have already uploaded on the <a href="admin_images" target="_blank">manage images</a> page.</li>
 				</ul>
 			</div>
-			<div class="field"><textarea class="html_editor" rows="20" cols="50" id="content" name="content">~content html~</textarea><script>make_wysiwyg('content');</script></div>
+			<div class="field"><textarea class="html_editor" rows="20" cols="50" id="content" name="content">~content html~</textarea></div>
+
+			<div id="sidebar_editor" style="display: ~sidebar_editor_display~">
+				<div class="caption">Sidebar Contents</div>
+				<div class="field_notes">
+					<ul class="first">
+						<li>Ditto to the notes above "Page Contents" field.</li>
+						<li>Centered images appear smaller in this editor than on the real page.</li>
+						<li>Don't use the "Insert on Left" and "or Insert on Right" options for images inserting images in this sidebar.</li>
+					</ul>
+				</div>
+				<div class="field"><textarea class="html_editor" rows="20" cols="50" id="sidebar_content" name="sidebar_content">~sidebar_content html~</textarea></div>
+			</div>
+
+			<script>admin_pages_layout()</script>
 
 			<!--
 			<div class="caption">Description</div>