Forums / Developer / Problem Customising the user edit page

Problem Customising the user edit page

« 
Previous topic
|
Developer
|
Next topic
 »
Author Message

Joe Wolf

Tuesday 31 August 2004 12:19:59 pm

I am trying to create my own user edit page, and in order to do that I need to be able to use the "attribute_edit_gui" whilst supplying the default value.

I have been able to do this successfully using

{let user=fetch( 'user', 'current_user' )}

<input type="text" name="ContentObjectAttribute_data_user_login_{$content_attributes[3].id}" class="InputRed" style="width:100%;" value="{$user.contentobject.data_map.user_account.content.login}" />

{/let}

but how could I do it if I've created my own class datatypes?

eg first_name

<input type="text" name="WHAT SHOULD GO HERE?" class="InputRed" style="width:100%;" value="{$user.contentobject.data_map.first_name.data_text}" />

Thanks in advance for any help

Eivind Marienborg

Friday 03 September 2004 12:51:10 am

I'm not sure about what you're trying to acheive, but here's how I create my custom edit-pages.

You need to create an override for content/edit.tpl (the main edit page), and content/edit_attribute.tpl (the template handling each line/input field).

Modify your content/edit.tpl-override:
Create a CSS-class hiding the validation and placement bar at the top (this seems to be needed by eZ), and comment out the "right part" in your template.

Here's my working code for the altered parts:

<div class="noshow">
    {include uri="design:content/edit_validation.tpl"}

    {include uri="design:edit_placement_user.tpl"}
    <br/>
</div>

{*
    <!-- Right part start-->
    {include uri="design:content/edit_right_menu.tpl"}
    <!-- Right part end -->
*}

In order to change the way each input field is outputted (and the entire look and feel of the page), you need to edit the content/edit_attribute.tpl-override. Add a switch matching on the field title, and a case for the ones you want to change, and leave the default in the default case-block.

It might seem troublesome, but it works nicely.

Eivind

Joe Wolf

Friday 03 September 2004 6:18:20 am

Thanks Eivind,

Basically I want to have a fully customised user edit page that doesn't rely on Ez's attribute_edit_gui. This is because I don&acute;t want all forms on the site to look exactly the same. This has meant building my own page lifting code from the edit datatype tpls (e.g. content/datatype/edit/ezstring.tpl)

This means that my edit.tpl looks looks this:

<form enctype="multipart/form-data" name="Edit" method="post" action={concat("/user/edit/", $current_user.contentobject_id,"/",$current_user.contentobject.current_version)|ezurl}>
        <tr class="FormRow"> 
          <td width="130" class="TxtFormDescription"> {'Title'|i18n('justlanded')} 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm"> 
			  	{section name=title loop=$user.data_map.title.content.enum_list}
					<input type="hidden" name="ContentObjectAttribute_data_enumid_{$current_user.contentobject.data_map.title.id}[]" value="{$title:item.id}" />
					<input type="hidden" name="ContentObjectAttribute_data_enumvalue_{$current_user.contentobject.data_map.title.id}[]" value="{$title:item.enumvalue}" />  
					<input type="hidden" name="ContentObjectAttribute_data_enumelement_{$current_user.contentobject.data_map.title.id}[]" value="{$title:item.enumelement}" />
					<input type="radio" name="ContentObjectAttribute_select_data_enumelement_{$current_user.contentobject.data_map.title.id}[]" value="{$title:item.enumelement}" 
				  	{section name=current_title loop=$current_user.contentobject.data_map.title.content.enumobject_list}
				  	{switch match=$title:item.enumelement}
						{case match=$title:current_title:item.enumelement}
				   		checked
						{/case}
						{case}
						{/case}
				  	{/switch}					
				 	{/section}
					/> {$title:item.enumelement}
				 {/section}
				 </td>
              </tr>
			</table>  
            </td>
        </tr>
        <tr class="FormRow"> 
          <td width="130" class="TxtFormDescription"> {'First name'|i18n('justlanded')} 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.first_name.id}" />
				<input type="text" class="InputRed" name="ContentObjectAttribute_ezstring_data_text_{$current_user.contentobject.data_map.first_name.id}" style="width:100%;" value="{$current_user.contentobject.data_map.first_name.data_text}"> 
                </td>
              </tr>
            </td>
          </table>
		</tr>
        <tr class="FormRow"> 
          <td width="130" class="TxtFormDescription"> {'Surname'|i18n('justlanded')} 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.sur_name.id}" />
				<input type="text" class="InputRed" name="ContentObjectAttribute_ezstring_data_text_{$current_user.contentobject.data_map.sur_name.id}" style="width:100%;" value="{$current_user.contentobject.data_map.sur_name.data_text}"> 
                </td>
              </tr>
            </td>
		  </table>
        </tr>
        <tr class="FormRow"> 
          <td width="130" class="TxtFormDescription"> {'Email'|i18n('justlanded')} 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.user_account.content.email.id}" />  
				<input type="text" class="InputRed" name="ContentObjectAttribute_data_user_email_{$current_user.contentobject.data_map.user_account.content.email.id}" style="width:100%;" value="{$current_user.contentobject.data_map.user_account.content.email}">                
				</td>
              </tr>
		  </table>  
          </td>
        </tr>
        <tr class="FormRow"> 
          <td width="130" class="TxtFormDescription"> {'User name'|i18n('justlanded')} 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.user_account.content.login.id}" />
				<input type="text" class="InputRed" name="ContentObjectAttribute_data_user_login_{$current_user.contentobject.data_map.user_account.content.login.id}" style="width:100%;" value="{$current_user.contentobject.data_map.user_account.content.login}">
                </td>
              </tr>
          </table>
		  </td>
        </tr>
      </table>
	  </td>
  </tr>
  <tr> 
    <td height="12"><img src={"blind.gif"|ezimage} width=1 height=12 alt="" border="0"></td>
  </tr>
  <tr> 
    <td> 
      <!--country details-->
      <table class="FormBg" width="100%" border="0">
        <tr class="FormRow"> 
          <td width="180" class="TxtFormDescription""> {'Your Home Country'|i18n('justlanded')}? 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.country.id}" />
				<select class="box" name="ContentObjectAttribute_ezcountry_data_text_{$current_user.contentobject.data_map.country.id}" value="{$current_user.contentobject.data_map.country.data_text}">
				{include selected_option=$current_user.contentobject.data_map.country.data_text uri='design/standard/templates/content/datatype/edit/ezcountry_options.tpl' name='country_options'}
				</select>  
                </td>
              </tr>
            </table></td>
        </tr>
        <tr class="FormRow"> 
          <td width="180" class="TxtFormDescription"> {'Your Just Landed Country'|i18n('justlanded')}? 
          </td>
          <td> 
		  <table cellpadding="0" cellspacing="0" width="100%">
              <tr> 
                <td class="TxtForm">
				<input type="hidden" name="ContentObjectAttribute_id[]" value="{$current_user.contentobject.data_map.jlcountry.id}" />
				<select class="box" name="ContentObjectAttribute_ezcountry_data_text_{$current_user.contentobject.data_map.jlcountry.id}" value="{$current_user.contentobject.data_map.jlcountry.data_text}">
				{include selected_option=$current_user.contentobject.data_map.jlcountry.data_text uri='design/standard/templates/content/datatype/edit/ezcountry_options.tpl' name='country_options'}
				</select>  
                </td> 
                </td>
              </tr>
            </table>
			</td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td height="12"><img src={"blind.gif"|ezimage} width=1 height=12 alt="" border="0"></td>
  </tr>
  <tr> 
    <td> 
      <!--age-->
      <table class="FormBg" width="100%" border="0">
        <tr class="FormRow"> 
          <td class="TxtFormHeadline"> {'Age'|i18n('justlanded')}? 
          </td>
        </tr>
        <tr> 
          <td class="TxtForm">
		  {section name=age loop=$user.data_map.age.content.enum_list}
				<input type="hidden" name="ContentObjectAttribute_data_enumid_{$current_user.contentobject.data_map.age.id}[]" value="{$age:item.id}" />
				<input type="hidden" name="ContentObjectAttribute_data_enumvalue_{$current_user.contentobject.data_map.age.id}[]" value="{$age:item.enumvalue}" />  
				<input type="hidden" name="ContentObjectAttribute_data_enumelement_{$current_user.contentobject.data_map.age.id}[]" value="{$age:item.enumelement}" />
				<input type="radio" name="ContentObjectAttribute_select_data_enumelement_{$current_user.contentobject.data_map.age.id}[]" value="{$age:item.enumelement}" 
				{section name=current_age loop=$current_user.contentobject.data_map.age.content.enumobject_list}
					{switch match=$age:item.enumelement}
						{case match=$age:current_age:item.enumelement}
				   		checked
						{/case}
				  	{/switch}
				 {/section}
				  /> {$age:item.enumelement}
			{/section}
		  </td>
        </tr>
        <!--occupation-->
        <tr class="FormRow"> 
          <td class="TxtFormHeadline"> {'Occupation'|i18n('justlanded')}? 
          </td>
        </tr>
        <tr> 
          <td class="TxtForm">
		  {section name=occupation loop=$user.data_map.occupation.content.enum_list}
				<input type="hidden" name="ContentObjectAttribute_data_enumid_{$current_user.contentobject.data_map.occupation.id}[]" value="{$occupation:item.id}" />
				<input type="hidden" name="ContentObjectAttribute_data_enumvalue_{$current_user.contentobject.data_map.occupation.id}[]" value="{$occupation:item.enumvalue}" />  
				<input type="hidden" name="ContentObjectAttribute_data_enumelement_{$current_user.contentobject.data_map.occupation.id}[]" value="{$occupation:item.enumelement}" />
				<input type="radio" name="ContentObjectAttribute_select_data_enumelement_{$current_user.contentobject.data_map.occupation.id}[]" value="{$occupation:item.enumelement}" 
				{section name=current_occupation loop=$current_user.contentobject.data_map.occupation.content.enumobject_list}
					{switch match=$occupation:item.enumelement}
						{case match=$occupation:current_occupation:item.enumelement}
				   		checked
						{/case}
				  	{/switch}
				 {/section}
				  /> {$occupation:item.enumelement}
			{/section}
			</td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td colspan="2" height="12"><img src={"blind.gif"|ezimage} width=1 height=12 alt="" border="0"></td>
  </tr>
  <tr> 
    <td> <input type="submit" class="InputButton" name="PublishButton" value="{'Submit'|i18n('design/justlanded/user')}" /> 
      <input type="reset" class="InputButton" name="DiscardButton" value="{'Cancel'|i18n('design/justlanded/user')}" /> 
    </td>
  </tr>
</table>
</form>

This pulls in the users details successfully, but now the problem I have is that when I submit this it doesn't publish, but stays as a draft. Any ideas? I might try doing it your way although I'm just learning PHP and therefore if you could give me an example of how to do the switches for each edit datatype in such a way that I can have different ones for different forms, rather than them all being generic, that would be great.

Joe