change_title_and_meta_tags.naml

<macro name="change_title_and_meta_tags" requires="servlet">
	<n.node_page.>
		<n.if.not.visitor.is_site_admin>
			<then>
				<n.login.><t>Only authorized users can proceed in this area.</t></n.login.>
			</then>
		</n.if.not.visitor.is_site_admin>

		<n.if.is_submitted_form>
			<then>
				<n.if.has_custom_values_field.is_checked>
					<then>
						<n.page_node.set_property name="page_title" value="[n.page_title_field.value/]"/>
						<n.page_node.set_property name="page_meta_description" value="[n.page_meta_description_field.value/]"/>
					</then>
					<else>
						<n.page_node.delete_property name="page_title"/>
						<n.page_node.delete_property name="page_meta_description"/>
					</else>
				</n.if.has_custom_values_field.is_checked>
				<n.redirect_to.page_node.url/>
			</then>
			<else>
				<n.has_custom_values_field.set_value value="[n.page_node.has_custom_meta_tags/]"/>
				<n.page_title_field.set_value.property_default property="page_title" default="[n.page_node.default_title_contents/]"/>
				<n.page_meta_description_field.set_value.property_default property="page_meta_description" default="[n.page_node.default_meta_description/]"/>
			</else>
		</n.if.is_submitted_form>
		<n.html>
			<head>
				<meta name="robots" content="noindex,nofollow"/>
				<n.title.><t>Change title and meta tags</t></n.title.>
				<style type="text/css">
					textarea {
						margin:.4em 0 2em;
						width:40em;
						height:3em;
					}
				</style>
				<script type="text/javascript">
					var txt_counter = '<t>Current length: <t.number>#1</t.number> characters</t>';
					function updateCounters(){
						$('textarea').each(function() {
							var $textarea = $(this);
							$textarea.prev().html(txt_counter.replace(/#1/, $textarea.val().length));
						});
					};

					function enableFields() {
						var checked = $('#has_custom_values').is(':checked');
						var $fields = $('#page_title,#page_meta_description');
						if (checked) {
							$('textarea').keyup(updateCounters);
							$fields.removeAttr('disabled');
							$fields.eq(0).focus();
						} else
							$fields.attr('disabled', true);
					};
					$(document).ready(function() {
						enableFields();
						updateCounters();
						$('#has_custom_values').click(enableFields);
					});
				</script>
			</head>
			<body>
				<n.edit_header first_text="[n.page_node.subject/]" second_text="[t]Change title and meta tags[/t]" />
				<div class="weak-color" style="margin:1em 0">
					<t>Here you can customize the title and meta tags of the <t.location><i><n.page_node.subject/></i></t.location> page.</t>
					<t>The meta information below can help you optimize this page for search engines (e.g., google, yahoo!, etc.).</t>
				</div>
				<n.form.>
					<div style="margin:1em 0 0;">
						<n.has_custom_values_field.checkbox />
						<label for="[n.has_custom_values_field.name/]" class="big-title second-font"><t>Use custom values</t></label><br/>
					</div>

					<div style="margin:1em 0 0 3em">
						<div class="big-title second-font"><t>Page Title</t></div>
						<div class="weak-color"><t>Enter a context-rich title that clearly identifies this page.</t></div>
						<div class="weak-color"><t>The title should ideally be less than 70 characters in length.</t></div>
						<div class="weak-color"></div>
						<n.page_title_field.textarea maxlength="100"/>

						<div class="big-title second-font"><t>Meta Description</t></div>
						<div class="weak-color"><t>Enter a brief and concise summary of your page's content.</t></div>
						<div class="weak-color"><t>Limit your description to 155 characters or 170 characters at most.</t></div>
						<div class="weak-color"></div>
						<n.page_meta_description_field.textarea maxlength="250"/>
					</div>

					<div>
						<input type="submit" class="toolbar action-button" value="[t]Save Changes[/t]" />
						<t>or</t> <a href="[n.page_node.url/]"><t>Cancel</t></a>
					</div>
				</n.form.>
			</body>
		</n.html>
	</n.node_page.>
</macro>

<macro name="has_custom_meta_tags" requires="node">
	<n.both>
		<condition1.has_property name="page_title"/>
		<condition2.has_property name="page_meta_description"/>
	</n.both>
</macro>

<macro name="property_default" parameters="property, default">
	<n.if.page_node.has_property name="[n.property/]">
		<then.page_node.get_property name="[n.property/]"/>
		<else.compress.default/>
	</n.if.page_node.has_property>
</macro>

<macro name="default_title_contents" requires="node">
	<n.if.is_app>
		<then.default_app_title_contents/>
		<else.default_topic_title_contents/>
	</n.if.is_app>
</macro>

<macro name="change_title_and_meta_tags_link" requires="node" dot_parameter="text" parameters="title, class">
	<a href="[n.change_title_and_meta_tags_path/]" class="[n.class/]" rel="nofollow" title="[n.title/]"><n.default. to="[t]Change title and meta tags[/t]"><n.text/></n.default.></a>
</macro>

<macro name="change_title_and_meta_tags_path">
	<n.encode_url.>
		/template/NamlServlet.jtp?macro=change_title_and_meta_tags&node=<n.id/>
	</n.encode_url.>
</macro>

<macro name="page_title_field" dot_parameter="do">
	<n.field. name="page_title"><n.do/></n.field.>
</macro>

<macro name="page_meta_description_field" dot_parameter="do">
	<n.field. name="page_meta_description"><n.do/></n.field.>
</macro>

<macro name="has_custom_values_field" dot_parameter="do">
	<n.field. name="has_custom_values"><n.do/></n.field.>
</macro>