Profiles and Statuses
return false;
}
else
{
$l = strlen( $_FILES[ $postfield ]['name'] ) - $i;
$ext = strtolower ( substr( $_FILES[ $postfield ]
['name'], $i+1, $l ) );
if( in_array( $ext, $this->uploadExtentions ) )
{
if( in_array( $_FILES[ $postfield ]['type'], $this>uploadTypes ) )
{
$name = str_replace( ' ', '', $_FILES[
$postfield ]['name'] );
$this->name = $name_prefix . $name;
$path = $moveto . $name_prefix.$name;
move_uploaded_file( $_FILES[ $postfield ]
['tmp_name'] , $path );
$this->loadFromFile( $path );
return true;
}
else
{
// 'invalid type';
return false;
}
}
else
{
// 'invalid extention';
return false;

}
}
}
else
{
// 'not uploaded file';
return false;
}
}
[ 162 ]

Download from Wow! eBook <www.wowebook.com>


Chapter 5
/**
* Get the image name
* @return String
*/
public function getName()
{
return $this->name;
}

When we have finished processing an image, the save method finds the appropriate
image function for the format of the image, and then saves the file.
/**
* Save changes to an image e.g. after resize
* @param String $location location of image
* @param String $type type of the image

* @param int $quality image quality /100
* @return void
*/
public function save( $location, $type='', $quality=100 )
{
$type = ( $type == '' ) ? $this->type : $type;
if( $type == IMAGETYPE_JPEG )
{
imagejpeg( $this->image, $location, $quality);
}
elseif( $type == IMAGETYPE_GIF )
{
imagegif( $this->image, $location );
}
elseif( $type == IMAGETYPE_PNG )
{
imagepng( $this->image, $location );
}
}
}
?>

[ 163 ]

Download from Wow! eBook <www.wowebook.com>


Profiles and Statuses

Back to the controller

Now, we have an excellent class available to process our profile image uploads,
which should make things much easier for us; let's look at actually allowing the
user to edit their profile page, with a new function in our profile information
controller (controllers/profile/profileinformationcontroller.php).
/**
* Edit your profile
* @return void
*/
private function editProfile()
{
if( $this->registry->getObject('authenticate')->isLoggedIn() ==
true )
{

We first check that the user is logged into the site, and if they are, we get their
user ID.
$user = $this->registry->getObject('authenticate')->getUser()>getUserID();
if( isset( $_POST ) && count( $_POST ) > 0 )
{

If the edit form has been submitted, include the model and set the new values.
// edit form submitted
$profile = new Profile( $this->registry, $user );
$profile->setBio( $this->registry->getObject('db')>sanitizeData( $_POST['bio'] ) );
$profile->setName( $this->registry->getObject('db')>sanitizeData( $_POST['name'] ) );
$profile->setDinoName( $this->registry->getObject('db')>sanitizeData( $_POST['dino_name'] ) );
$profile->setDinoBreed( $this->registry->getObject('db')>sanitizeData( $_POST['dino_breed'] ) );
$profile->setDinoGender( $this->registry->getObject('db')>sanitizeData( $_POST['dino_gender'] ), false );
$profile->setDinoDOB( $this->registry->getObject('db')>sanitizeData( $_POST['dino_dob'] ), false );


If a profile picture was uploaded, call the image manager, check that the image
is an image, upload it, resize it, and set the profile picture field.
if( isset( $_POST['profile_picture'] ) )
{
require_once( FRAMEWORK_PATH . 'lib/images/imagemanager.
class.php' );
[ 164 ]

Download from Wow! eBook <www.wowebook.com>


Chapter 5
$im = new Imagemanager();
$im->loadFromPost( 'profile_picture', $this->registry>getSetting('uploads_path') .'profile/', time() );
if( $im == true )
{
$im->resizeScaleHeight( 150 );
$im->save( $this->registry->getSetting('uploads_path')
.'profile/' . $im->getName() );
$profile->setPhoto( $im->getName() );
}
}

We then save the profile, and redirect the user back to the edit page after informing
them that the profile has been saved.
$profile->save();
$this->registry->redirectUser( array('profile', 'view',
'edit' ), 'Profile saved', 'The changes to your profile
have been saved', false );
}

else
{

If the user hasn't submitted the edit form, show them the form and populate it with
profile data from the profile model.
// show the edit form
$this->registry->getObject('template')->buildFromTemplates(
'header.tpl.php', 'profile/information/edit.tpl.php',
'footer.tpl.php' );
// get the profile information to pre-populate the form
fields
require_once( FRAMEWORK_PATH . 'models/profile.php' );
$profile = new Profile( $this->registry, $user );
$profile->toTags( 'p_' );
}
}
else
{

If the user isn't logged in, they shouldn't be trying to edit a profile, so show them
an error message.
$this->registry->errorPage('Please login', 'You need to be
logged in to edit your profile');
}
}
[ 165 ]

Download from Wow! eBook <www.wowebook.com>



Profiles and Statuses

We also need a switch statement at the top of our profile information controller, to
either call the viewProfile method or the editProfile method, depending on the
user's request.
$urlBits = $this->registry->getObject('url')->getURLBits();
if( isset( $urlBits[3] ) )
{
switch( $urlBits[3] )
{
case 'edit':
$this->editProfile();
break;
default:
$this->viewProfile( $user );
break;
}
}
else
{
$this->viewProfile( $user );
}

Template

Next, we need a template file for our edit page. This needs to contain a form, with
template variables as the values for the form fields, to be pre-populated with the
user's profile information.

The template file

The template file should be similar to that of the view profile template, as the name,
picture, and selection of friends will still be generated and inserted into the view.
The code for the template (views/default/templates/profile/information/
edit.tpl.php) is below, with the form highlighted:
<div id="main">
<div id="rightside">
<div style="text-align:center; padding-top: 5px;">
<img src="uploads/profile/{profile_photo}" />
</div>
<div style="padding: 5px;">

Friends

<ul>
<!-- START profile_friends_sample -->
<li><a href="profile/view/{ID}">{users_name}</a></li>
<!-- END profile_friends_sample -->
[ 166 ]

Download from Wow! eBook <www.wowebook.com>


Chapter 5
<li><a href="relationships/all/{p_user_id}">View all</a>
</li>
<li><a href="relationships/mutual/{p_user_id}">View mutual
friends</a></li>
</ul>

Rest of my profile

<ul>
<li><a href="profile/statuses/{ID}">Status updates</a>
</li>

</ul>
</div>
</div>
<div id="content">

{profile_name}: Edit Profile

enctype="multipart/form-data">
<label for="name">Name</label>

/>

<label for="profile_picture">Photograph</label>




<label for="bio">Biography</label>
<textarea id="bio" name="bio" cols="40" rows="6">{p_bio}textarea>
<label for="dino_name">Dinosaur Name</label>



<label for="dino_breed">Dinosaur Breed</label>

value="{p_dino_breed}" />

<label for="dino_dob">Dinosaur Date of Birth</label>

name="dino_dob" value="{p_dino_dob}" />

<label for="dino_gender">Dinosaur Gender</label>

<select id="dino_gender" name="dino_gender">
<option value="">Please select</option>
<option value="male">Male</option>
<option value="female">Female</option>
</select>


<input type="submit" id="" name="" value="Save profile" />
</form>
</div>
</div>
[ 167 ]

Download from Wow! eBook <www.wowebook.com>


Profiles and Statuses

Datepicker
The date format is something users are likely to get confused with, being unsure of
how to format the date correctly or putting in incorrect details. To make this easier,
we should use the jQuery datepicker plugin, which can take a textbox, and present
the user with a nice calendar popup to select the date from.

We will need jQuery, jQuery UI, and the datepicker plugin, which can be
downloaded from: />With the files downloaded and placed suitably within our framework, we need
to edit our views/default/templates/header.tpl.php file to include the files,
and assign certain textboxes with the datepicker plugin. The code below shows
referencing the new files, and some JavaScript that links textboxes with a class of
selectdate to the datepicker plugin:
<link type="text/css" href="external/ui-lightness/jquery-ui1.7.1.custom.css" rel="stylesheet" />