Index: branches/5.1.x/core/admin_templates/categories/categories_edit.tpl
===================================================================
diff -u -N -r13949 -r13951
--- branches/5.1.x/core/admin_templates/categories/categories_edit.tpl	(.../categories_edit.tpl)	(revision 13949)
+++ branches/5.1.x/core/admin_templates/categories/categories_edit.tpl	(.../categories_edit.tpl)	(revision 13951)
@@ -68,33 +68,91 @@
 			<inp2:m_RenderElement name="inp_edit_box_ml" prefix="c" field="Name" title="la_fld_PageTitle" size="70"/> <!-- la_fld_Name -->
 			<inp2:m_RenderElement name="inp_edit_textarea_ml" prefix="c" field="Description" title="la_fld_Description" control_options="{min_height: 60}" rows="4" cols="70"/>
 			<inp2:m_RenderElement name="inp_edit_user" prefix="c" field="CreatedById" title="la_fld_CreatedById" size="30" display_original="1"/>
-			<inp2:m_RenderElement name="inp_edit_checkbox" prefix="c" field="AutomaticFilename" title="la_fld_AutoCreateFileName" onclick="reflectFilename()"/> <!-- la_fld_CategoryAutomaticFilename -->
-			<inp2:m_RenderElement name="inp_edit_box" prefix="c" field="Filename" title="la_fld_Filename" size="70" /> <!-- la_fld_CategoryFilename -->
+
+			<inp2:m_if check="c_PageEditable">
+				<inp2:m_RenderElement name="inp_edit_checkbox" prefix="c" field="AutomaticFilename" title="la_fld_AutoCreateFileName" onclick="reflectFilename()"/> <!-- la_fld_CategoryAutomaticFilename -->
+				<inp2:m_RenderElement name="inp_edit_box" prefix="c" field="Filename" title="la_fld_Filename" size="70"/> <!-- la_fld_CategoryFilename -->
+			<inp2:m_else/>
+				<inp2:m_RenderElement name="inp_label" prefix="c" field="Filename" title="la_fld_Filename"/> <!-- la_fld_CategoryFilename -->
+			</inp2:m_if>
+
 			<inp2:m_RenderElement name="inp_edit_category" prefix="c" field="SymLinkCategoryId" title="la_fld_SymLinkCategoryId"/>
 
-		<inp2:m_RenderElement name="subsection" prefix="c" fields="Title,MenuTitle,FriendlyURL,ParentId,Template,FormId,FormSubmittedTemplate,IsMenu" title="la_section_Page"/>
+		<inp2:m_RenderElement name="subsection" prefix="c" fields="Title,MenuTitle,FriendlyURL,ParentId,Template,FormId,FormSubmittedTemplate,IsMenu,Type,Protected" title="la_section_Page"/>
 			<inp2:m_RenderElement name="inp_edit_box_ml" prefix="c" field="Title" title="la_fld_PageContentTitle" size="40"/>
 			<inp2:m_RenderElement name="inp_edit_box_ml" prefix="c" field="MenuTitle" title="la_fld_PageMentTitle" size="40"/>
 
 			<inp2:m_RenderElement name="inp_edit_box" prefix="c" field="FriendlyURL" title="la_fld_FriendlyURL" size="63"/>
 			<inp2:m_RenderElement name="inp_edit_options" prefix="c" field="ParentId" title="la_fld_ParentSection"/>
 
-<!--			<inp2:m_RenderElement name="inp_edit_checkbox" prefix="c" field="IsSystem" title="la_fld_IsSystemTemplate" onchange="OnSystemClick()"/>-->
-
-			<inp2:m_if check="c_Field" name="IsSystem" equals_to="1" db="db">
-				<inp2:m_if check="m_IsDebugMode">
-					<inp2:m_RenderElement name="inp_edit_box" prefix="c" field="Template" title="la_fld_TemplateFile" size="40"/>
-				</inp2:m_if>
+			<inp2:m_if check="m_IsDebugMode">
+				<inp2:m_RenderElement name="inp_edit_radio" prefix="c" field="Type" title="la_fld_Type" onclick="reflectPageType();"/>
 			<inp2:m_else/>
-				<inp2:m_RenderElement name="inp_edit_options" prefix="c" field="Template" title="la_fld_TemplateType" size="40"/>
+				<inp2:m_RenderElement name="inp_label" prefix="c" field="Type" title="la_fld_Type"/>
 			</inp2:m_if>
 
+			<inp2:m_DefineElement name="template_caption_element">
+				<label for="<inp2:m_param name='NamePrefix'/><inp2:{$prefix}_InputName field='$field'/>">
+					<span class="<inp2:m_if check='{$prefix}_HasError' field='$field'>error-cell</inp2:m_if>" id="template_title"><inp2:m_if check="m_Param" name="title"><inp2:m_phrase label="$title"/></inp2:m_else/><inp2:m_Param name="title_text"/></inp2:m_if></span></span><inp2:m_if check="{$prefix}_IsRequired" field="$field"><span class="field-required">&nbsp;*</span></inp2:m_if>:<inp2:m_if check="m_Param" name="hint_label"><span>&nbsp;<img src="<inp2:m_TemplatesBase/>/img/hint_icon.png" width="12" height="13" title="<inp2:m_Phrase label='$hint_label' html_escape='1'/>" alt="<inp2:m_Phrase label='$hint_label' html_escape='1'/>"/></inp2:m_if>
+				</label>
+			</inp2:m_DefineElement>
+
+			<inp2:m_RenderElement design="form_row" caption_render_as="template_caption_element" prefix="c" field="Template" title="la_fld_TemplateFile">
+				<td class="control-cell">
+					<span id="<inp2:$prefix_InputName field='$field'/>_label">
+						<inp2:{$prefix}_Field field="$field"/>
+					</span>
+
+					<input style="width: 100%; display: none;" type="text" id="<inp2:{$prefix}_InputName field='$field'/>_textbox" value="<inp2:{$prefix}_Field field='$field' db='db'/>" tabindex="<inp2:m_get param='tab_index'/>"/>
+
+					<select style="display: none;" tabindex="<inp2:m_get param='tab_index'/>" id="<inp2:{$prefix}_InputName field='$field'/>_dropdown">
+						<inp2:{$prefix}_PredefinedOptions field="$field" block="inp_option_item" selected="selected" has_empty="1"/>
+					</select>
+
+					<input type="hidden" name="<inp2:{$prefix}_InputName field='$field'/>" id="<inp2:{$prefix}_InputName field='$field'/>" value="<inp2:{$prefix}_Field field='$field'/>"/>
+
+					<script type="text/javascript">
+						$(document).ready(
+							function () {
+								var $field_mask = '<inp2:$prefix_InputName name="#FIELD_NAME#" js_escape="1"/>';
+
+								$( get_control($field_mask, '<inp2:m_Param name="field"/>', 'textbox') ).keyup(
+									function ($e) {
+										$( get_control($field_mask, '<inp2:m_Param name="field"/>') ).val( $(this).val() );
+									}
+								);
+
+								$( get_control($field_mask, '<inp2:m_Param name="field"/>', 'dropdown') ).change(
+									function ($e) {
+										var $value = $(this).val();
+
+										$( get_control($field_mask, '<inp2:m_Param name="field"/>') ).val($value);
+										$( get_control($field_mask, '<inp2:m_Param name="field"/>', 'textbox') ).val($value);
+									}
+								);
+							}
+						);
+					</script>
+				</td>
+			</inp2:m_RenderElement>
+
 			<inp2:m_RenderElement name="inp_edit_options" prefix="c" field="FormId" title="la_fld_Form"/>
 			<inp2:m_RenderElement name="inp_edit_box" prefix="c" field="FormSubmittedTemplate" title="la_fld_FormSubmittedTemplate" size="60"/>
 			<inp2:m_RenderElement name="inp_edit_radio" prefix="c" field="IsMenu" title="la_fld_MenuStatus"/>
 
+			<inp2:m_if check="m_IsDebugMode">
+				<inp2:m_RenderElement name="inp_edit_checkbox" prefix="c" field="Protected" title="la_fld_Protected"/>
+			<inp2:m_else/>
+				<inp2:m_RenderElement name="inp_label" prefix="c" field="Protected" title="la_fld_Protected"/>
+			</inp2:m_if>
+
 		<inp2:m_RenderElement name="subsection" prefix="c" fields="Status,NewItem,EditorsPick,Priority,UseMenuIconUrl,MenuIconUrl,UseExternalUrl,ExternalUrl,CreatedOn,MetaKeywords,MetaDescription,IndexTools" title="la_section_Properties"/>
-			<inp2:m_RenderElement name="inp_edit_radio" prefix="c" field="Status" title="la_fld_Status"/>
+			<inp2:m_if check="c_PageEditable">
+				<inp2:m_RenderElement name="inp_edit_radio" prefix="c" field="Status" title="la_fld_Status"/>
+			<inp2:m_else/>
+				<inp2:m_RenderElement name="inp_label" prefix="c" field="Status" title="la_fld_Status"/>
+			</inp2:m_if>
+
 			<inp2:m_RenderElement name="inp_edit_radio" prefix="c" field="NewItem" title="la_fld_New"/>
 			<inp2:m_RenderElement name="inp_edit_checkbox" prefix="c" field="EditorsPick" title="la_fld_EditorsPick"/>
 
@@ -126,94 +184,99 @@
 </div>
 
 <script type="text/javascript">
-	function getControl ($field, $appendix, $prepend) {
-		var $field_mask = '<inp2:c_InputName field="#FIELD_NAME#"/>';
+	var $field_mask = '<inp2:c_InputName name="#FIELD_NAME#" js_escape="1"/>';
 
-		$appendix = isset($appendix) ? '_' + $appendix : '';
-		$prepend = isset($prepend) ? $prepend + '_' : '';
+	<inp2:m_if check="c_FieldsVisible" fields="UseMenuIconUrl,MenuIconUrl">
+		function reflectMenuIcon() {
+			var $use = get_control($field_mask, 'UseMenuIconUrl', undefined, '_cb').checked;
+			get_control($field_mask, 'MenuIconUrl', 'row').style.display = $use ? '' : 'none';
+		}
 
-		return document.getElementById( $prepend + $field_mask.replace('#FIELD_NAME#', $field) + $appendix );
-	}
+		$(document).ready(reflectMenuIcon);
+	</inp2:m_if>
 
-	function reflectMenuIcon() {
-		var $menu_icon_url = getControl('MenuIconUrl');
-		if ($menu_icon_url) {
-			$menu_icon_url.parentNode.parentNode.style.display = getControl('UseMenuIconUrl', null, '_cb').checked ? '' : 'none';
+	<inp2:m_if check="c_FieldsVisible" fields="UseExternalUrl,ExternalUrl">
+		function reflectExternalUrl() {
+			var $use = get_control($field_mask, 'UseExternalUrl', undefined, '_cb').checked;
+			get_control($field_mask, 'ExternalUrl', 'row').style.display = $use ? '' : 'none';
 		}
-	}
 
-	function reflectExternalUrl() {
-		var $external_url = getControl('ExternalUrl');
-		if ($external_url) {
-			$external_url.parentNode.parentNode.style.display = getControl('UseExternalUrl', null, '_cb').checked ? '' : 'none';
-		}
-	}
+		$(document).ready(reflectExternalUrl);
+	</inp2:m_if>
 
-	function OnSystemClick() {
-		var cel = getControl('IsSystem', null, '_cb');
-		var tel = getControl('Template');
-
-		if (cel) {
-			if (cel.checked) {
-				cel.setAttribute('old_template', tel.value);
-				tel.value='';
-				tel.disabled = true;
-				tel.readonly = true;
+	<inp2:m_if check="c_FieldsVisible" fields="AutomaticFilename,Filename">
+		function reflectFilename() {
+			if ( get_control($field_mask, 'AutomaticFilename') ) {
+				var $checked = get_control($field_mask, 'AutomaticFilename', undefined, '_cb').checked;
+				get_control($field_mask, 'Filename').readOnly = $checked;
 			}
-			else {
-				var old_template = cel.getAttribute('old_template');
-				tel.disabled = false;
-				tel.readonly = false;
-				if (old_template) {
-					tel.value = old_template;
-				}
-				cel.setAttribute('old_template', '');
-			}
-		}
-	}
+	    }
 
-	function reflectFilename() {
-		var $filename = getControl('Filename');
-		if ($filename) {
-			var $checked = getControl('AutomaticFilename', null, '_cb').checked;
-			$filename.readOnly = $checked;
-		}
-    }
+	    $(document).ready(reflectFilename);
+    </inp2:m_if>
 
-    function reflectCachingSettings() {
-		var $checked = getControl('EnablePageCache', null, '_cb').checked;
+    <inp2:m_if check="c_FieldsVisible" fields="EnablePageCache,OverridePageCacheKey,PageCacheKey,PageExpiration">
+	    function reflectCachingSettings() {
+			var $override = get_control($field_mask, 'OverridePageCacheKey', undefined, '_cb');
+	    	var $checked = get_control($field_mask, 'EnablePageCache', undefined, '_cb').checked;
 
-		getControl('OverridePageCacheKey', null, '_cb').disabled = !$checked;
-		getControl('PageCacheKey').disabled = !$checked || !getControl('OverridePageCacheKey', null, '_cb').checked;
-//		getControl('PageExpiration').disabled = !$checked;
-    }
+			$override.disabled = !$checked;
+			get_control($field_mask, 'PageCacheKey').disabled = !$checked || !$override.checked;
+//			get_control($field_mask, 'PageExpiration').disabled = !$checked;
+	    }
 
-    function reflectCacheKeyOverride() {
-		var $checked = getControl('OverridePageCacheKey', null, '_cb').checked;
-		getControl('PageCacheKey').disabled = !$checked;
-    }
+	    function reflectCacheKeyOverride() {
+			var $checked = get_control($field_mask, 'OverridePageCacheKey', undefined, '_cb').checked;
+			get_control($field_mask, 'PageCacheKey').disabled = !$checked;
+	    }
 
+	    $(document).ready(reflectCachingSettings);
+	    $(document).ready(reflectCacheKeyOverride);
+    </inp2:m_if>
+
+    <inp2:m_if check="c_FieldsVisible" fields="Type,Template">
+	    function reflectPageType() {
+	    	// get page type
+	    	<inp2:m_if check="m_IsDebugMode">
+	    		var $page_type = $("input[name='" + jq($field_mask.replace('#FIELD_NAME#', 'Type')) + "']:checked").val();
+			<inp2:m_else/>
+				var $page_type = '<inp2:c_Field name="Type" db="db"/>';
+			</inp2:m_if>
+
+			// page type specific data (0 - title, 1 - visible control, 2 - hidden control)
+			var $data = {
+				'1': ['<inp2:m_Phrase name="la_fld_TemplateType" js_escape="1"/>', 'dropdown', 'textbox'],
+				'2': ['<inp2:m_Phrase name="la_fld_TemplateFile" js_escape="1"/>', 'textbox', 'dropdown']
+			};
+
+			// update field title according to page type
+			fields['c']['Template'] = $data[$page_type][0]; // for error message
+			$('#template_title').html($data[$page_type][0]); // for form label
+
+			<inp2:m_ifnot check="m_IsDebugMode">
+				<inp2:m_if check="c_Field" name="Protected" db="db">
+					return ;
+				</inp2:m_if>
+			</inp2:m_ifnot>
+
+			// display control, matching page type
+			$( get_control($field_mask, 'Template', 'label') ).hide();
+			var $template_source = $( get_control($field_mask, 'Template', $data[$page_type][1]) );
+
+			$( get_control($field_mask, 'Template') ).val( $template_source.show().val() );
+			$( get_control($field_mask, 'Template', $data[$page_type][2]) ).hide();
+	    }
+
+	    $(document).ready(reflectPageType);
+	</inp2:m_if>
+
     Application.setHook(
     	'c:*',
     	function () {
-    		getControl('OverridePageCacheKey', null, '_cb').disabled = false;
-			getControl('PageCacheKey').disabled = false;
-//			getControl('PageExpiration').disabled = false;
+    		$(':input:disabled', '#' + $form_name).attr('disabled', '');
     	}
     );
 
-	$(document).ready(
-		function() {
-			reflectMenuIcon();
-			reflectExternalUrl();
-			reflectFilename();
-			// OnSystemClick();
-
-			reflectCacheKeyOverride();
-			reflectCachingSettings();
-		}
-	);
-
 	disable_categories('<inp2:c_InputName name="ParentId"/>', <inp2:c_AllowedCategoriesJSON/>);
 </script>