$user_avatar = $vars['entity']->getIcon('medium');
+$current_label = elgg_echo('avatar:current');
+
+$form_params = array('enctype' => 'multipart/form-data');
+$upload_form = elgg_view_form('avatar/upload', $form_params, $vars);
+
?>
<p class="mtm">
<?php echo elgg_echo('avatar:upload:instructions'); ?>
</p>
-<div id="current-user-avatar">
- <label><?php echo elgg_echo('avatar:current'); ?></label>
- <?php echo "<img src=\"{$user_avatar}\" alt=\"avatar\" />"; ?>
+<?php
+
+$image = <<<HTML
+<div id="current-user-avatar" class="mrl prl">
+ <label>$current_label</label><br />
+ <img src="$user_avatar" alt="avatar" />
</div>
+HTML;
+$body = <<<HTML
<div id="avatar-upload">
-<?php
- $form_params = array('enctype' => 'multipart/form-data');
- echo elgg_view_form('avatar/upload', $form_params, $vars);
-?>
+ $upload_form
</div>
+HTML;
+
+echo elgg_view_image_block($image, $upload_form);
/* ***************************************
AVATAR UPLOADING & CROPPING
*************************************** */
-#avatar-upload {
- height:145px;
-}
+
#current-user-avatar {
- float:left;
- width:160px;
- height:130px;
border-right:1px solid #cccccc;
- margin:0 20px 0 0;
}
#avatar-croppingtool {
border-top: 1px solid #cccccc;
- margin:20px 0 0 0;
- padding:10px 0 0 0;
}
#user-avatar {
float: left;
- margin-right: 20px;
}
#user-avatar-preview {
float: left;
?>
<div>
- <img id="user-avatar" src="<?php echo $master_image; ?>" alt="<?php echo elgg_echo('avatar'); ?>" />
+ <img id="user-avatar" class="mrl" src="<?php echo $master_image; ?>" alt="<?php echo elgg_echo('avatar'); ?>" />
</div>
<div class="clearfloat"></div>