an almost done widget-based profile plugin

git-svn-id: http://code.elgg.org/elgg/trunk@7695 36083f99-b078-4883-b0ff-0f9b5a30f544

6 files changed, 44 insertions, 197 deletions

diff --git a/mod/profile/views/default/profile/box.php b/mod/profile/views/default/profile/box.php
index 9d97ddc35..77c408536 100644
--- a/mod/profile/views/default/profile/box.php
+++ b/mod/profile/views/default/profile/box.php
@@ -4,9 +4,23 @@
  */
 
 ?>
-<div class="profile">
+<div class="profile elgg-col-2of3">
+	<div class="elgg-inner clearfix">
 <?php
-	echo elgg_view('profile/sidebar');
+	echo elgg_view('profile/sidebar', array('section' => 'details'));
 	echo elgg_view('profile/details', array('entity' => elgg_get_page_owner()));
 ?>
-</div>
\ No newline at end of file
+	</div>
+</div>
+
+<script type="text/javascript">
+	$(document).ready(function() {
+		$('#elgg-widget-col-1').css('min-height', $('.profile').outerHeight(true));
+	//$(selector).each(function() {
+	//	if ($(this).height() > maxHeight) {
+	//		maxHeight = $(this).height();
+	//	}
+	//})
+	//$(selector).css('min-height', maxHeight);
+	});
+</script>
\ No newline at end of file
diff --git a/mod/profile/views/default/profile/css.php b/mod/profile/views/default/profile/css.php
index 9de6d0a0b..754276c69 100644
--- a/mod/profile/views/default/profile/css.php
+++ b/mod/profile/views/default/profile/css.php
@@ -10,94 +10,31 @@
 *************************************** */
 .profile {
 	float: left;
-	width: 625px;
-	margin: 0 5px 15px;
-	padding: 5px;
-	border: 2px solid #dedede;
+	margin-bottom: 15px;
 }
-#widget-col-1 {
-	min-height: 300px;
-}
-#profile_content {
-	float:right;
-	width:700px;
-	position: relative;
+.profile .elgg-inner {
+	margin: 0 5px;
+	border: 2px solid #eeeeee;
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px;
 }
-#profile_sidebar {
+#profile-sidebar {
 	width:230px;
 	float:left;
 }
-.elgg-horizontal-tabbed-nav.profile {
-	margin-top:0px;
-	margin-bottom:25px;
-	position:relative;
-}
-.elgg-horizontal-tabbed-nav.profile .profile_name {
-	display:block;
-	width:265px;
-	position:absolute;
-}
-.elgg-horizontal-tabbed-nav.profile .profile_name h2 {
-	margin:0;
-	padding:0;
-	border:none;
-}
-.elgg-horizontal-tabbed-nav.profile ul {
-	margin-left:260px;
+#profile-details {
+	padding: 15px;
 }
 
 /* ***************************************
 	ownerblock in sidebar
 *************************************** */
-#profile_sidebar #owner_block {
+#profile-sidebar #owner_block {
 	background-color: #eeeeee;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
 	padding:15px;
-	min-height:270px;
-}
-#elgg-sidebar #owner_block {
-	background-color: white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-	padding:5px;
-	margin-bottom:10px;
-}
-#owner_block .owner_block_icon {
-	float:left;
-	padding:0;
-	margin:0;
 }
 #owner_block .owner_block_icon.large {
-	width:200px;
-	height:200px;
 	overflow: hidden;
-	float:none;
-}
-#owner_block .owner_block_contents {
-	margin-left: 50px;
-}
-#elgg-sidebar #owner_block .owner_block_contents {
-	margin-left: 34px;
-}
-#owner_block .owner_block_contents h3 {
-	margin-top:-4px;
-	border-bottom:none;
-	margin-bottom:0;
-	padding-bottom:0;
-}
-#owner_block .owner_block_contents p.profile_info {
-	margin:0;
-	padding:0;
-	color: #666666;
-}
-#owner_block .owner_block_contents p.profile_info.briefdescription {
-	font-size: 90%;
-	line-height:1.2em;
-	font-style: italic;
-}
-#owner_block .owner_block_contents p.profile_info.location {
-	font-size: 90%;
 }
 #owner_block .profile_actions {
 	margin-top:10px;
@@ -187,94 +124,31 @@
 /* ***************************************
 	full profile info panel
 *************************************** */
-#profile_content .odd {
+#profile-details .odd {
 	background-color:#f4f4f4;
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px;
 	margin:0 0 7px 0;
 	padding:2px 4px 2px 4px;
 }
-#profile_content .even {
+#profile-details .even {
 	background-color:#f4f4f4;
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px;
 	margin:0 0 7px 0;
 	padding:2px 4px 2px 4px;
 }
-#profile_content .aboutme_title {
+#profile-details .aboutme_title {
 	background-color:#f4f4f4;
 	-webkit-border-radius: 4px; 
 	-moz-border-radius: 4px;
 	margin:0 0 0px 0;
 	padding:2px 4px 2px 4px;
 }
-#profile_content .aboutme_contents {
+#profile-details .aboutme_contents {
 	padding:2px 0 0 3px;
 }
 
-
-/* ***************************************
-	friends panel within profile
-*************************************** */
-#profile_content .entity-listing .entity-listing-info {
-	width:664px;
-}
-
-
-/* ***************************************
-	commentwall within profile
-*************************************** */
-#comment_wall_add textarea {
-	width:685px;
-}
-#comment_wall_add #postit {
-	float:right;
-}
-
-
-/* ***************************************
-	twitter panel within profile
-*************************************** */
-ul#twitter_update_list {
-	padding-left:0;
-}
-ul#twitter_update_list li {
-	background-image: url(<?php echo elgg_get_site_url(); ?>mod/profile/graphics/speech_bubble_tail.gif);
-	background-position:right bottom;
-	background-repeat: no-repeat;
-	list-style-image:none;
-	list-style-position:outside;
-	list-style-type:none;
-	margin:0 0 5px 0;
-	padding:0;
-	overflow-x: hidden;
-}
-ul#twitter_update_list li span {
-	color:#666666;
-	background:#ececec;
-	-webkit-border-radius: 4px; 
-	-moz-border-radius: 4px;
-	padding:3px 5px 4px 5px;
-	display:block;
-}
-ul#twitter_update_list li a {
-	display:block;
-	margin:-2px 0 0 4px;
-}
-ul#twitter_update_list li span a {
-	display:inline !important;
-}
-p.visit_twitter a {
-    background:url(<?php echo elgg_get_site_url(); ?>mod/profile/graphics/twitter16px.png) left no-repeat;
-    padding:0 0 0 20px;
-    margin:0;
-}
-.visit_twitter {
-	padding:5px 0;
-	margin:0 0 0 0;
-	border-top:1px solid #dedede;
-}
-
 /* ***************************************
 	banned user
 *************************************** */
@@ -293,38 +167,3 @@ p.visit_twitter a {
 	color:red;
 }
 
-
-/* ***************************************
-	admin area - custom profile fields
-*************************************** */
-.default_profile_reset {
-	border-top: 1px solid #dedede;
-	margin-top:30px;
-}
-.default_profile_reset .elgg-action-button {
-	float:right;
-}
-/* field re-order */
-#sortable_profile_fields {
-	list-style: none;
-	padding:0;
-	margin:0;
-	border-top:1px solid #cccccc;
-}
-#sortable_profile_fields li {
-	padding:5px 0 5px 0;
-	border-bottom:1px solid #cccccc;
-}
-#sortable_profile_fields li img.handle {
-	margin-right: 7px;
-	cursor: move;
-}
-#sortable_profile_fields .ui-sortable-helper {
-	background: #eeeeee;
-	color:#333333;
-	padding: 5px 0 5px 0;
-	margin: 0;
-	width:100%;
-}
-
-
diff --git a/mod/profile/views/default/profile/details.php b/mod/profile/views/default/profile/details.php
index 27b0f943b..c2f4cc01b 100644
--- a/mod/profile/views/default/profile/details.php
+++ b/mod/profile/views/default/profile/details.php
@@ -4,6 +4,9 @@
  * @uses $vars['entity'] The user entity
  */
 
+echo '<div id="profile-details" class="elgg-body pll">';
+echo "<h2>{$vars['entity']->name}</h2>";
+
 $even_odd = null;
 if (is_array($vars['config']->profile) && sizeof($vars['config']->profile) > 0) {
 	foreach($vars['config']->profile as $shortname => $valtype) {
@@ -39,3 +42,5 @@ if (!get_plugin_setting('user_defined_fields', 'profile')) {
 		}
 	}
 }
+
+echo '</div>';
\ No newline at end of file
diff --git a/mod/profile/views/default/profile/listing.php b/mod/profile/views/default/profile/listing.php
index 0622264b8..489b1d50e 100644
--- a/mod/profile/views/default/profile/listing.php
+++ b/mod/profile/views/default/profile/listing.php
@@ -46,4 +46,4 @@ if (!$banned) {
 	$info .= "</p>";
 }
 		
-echo elgg_view_listing($icon, $info);
+echo elgg_view_image_block($icon, $info);
diff --git a/mod/profile/views/default/profile/ownerblock.php b/mod/profile/views/default/profile/ownerblock.php
index 0350aea2f..7670f5699 100755
--- a/mod/profile/views/default/profile/ownerblock.php
+++ b/mod/profile/views/default/profile/ownerblock.php
@@ -1,5 +1,4 @@
 <?php
-
 /**
  * A simple owner block which houses info about the user whose 'stuff' you are looking at
  */
@@ -23,18 +22,11 @@ if (!$user) {
 $more_info = '';
 
 $location = elgg_view("output/tags",array('value' => $user->location));
-$section = $vars['section'];
-if ($section == 'details') {
-	$icon = elgg_view("profile/icon",array('entity' => $user, 'size' => 'large', 'override' => 'true'));
-	$icon_class = "large";
-} else {
-	$icon = elgg_view("profile/icon",array('entity' => $user, 'size' => 'small'));
-	$more_info = "<div class='owner_block_contents clearfix'>";
-	$more_info .= "<h3><a href='{$url}'>{$user->name}</a></h3>";
-	$more_info .= "<p class='profile_info briefdescription'>{$user->briefdescription}</p>";
-	$more_info .= "<p class='profile_info location'>{$location}</p>";
-	$more_info .= "</div>";
-}
+
+$icon = elgg_view("profile/icon",array('entity' => $user, 'size' => 'large', 'override' => 'true'));
+$icon_class = "large";
+
+// @todo pull out into menu
 $profile_actions = "";
 if (isloggedin() && (get_loggedin_userid() == elgg_get_page_owner_guid())) {
 	$profile_actions = "<div class='clearfix profile_actions'>";
@@ -62,10 +54,6 @@ if (isloggedin() && (get_loggedin_userid() == elgg_get_page_owner_guid())) {
 	$profile_actions .= "</div>";
 }
 
-$username = $user->username;
-$email = $user->email;
-$phone = $user->phone;
-
 
 // if admin, display admin links
 $admin_links = '';
@@ -79,6 +67,7 @@ if (isadminloggedin() && get_loggedin_userid() != elgg_get_page_owner_guid()) {
 	$admin_links = "<div class=\"owner_block_links\">$admin_links</div>";
 }
 
+// content links
 $menu = elgg_view_menu('user_ownerblock', array('user' => elgg_get_page_owner()));
 
 //contruct the display
diff --git a/mod/profile/views/default/profile/sidebar.php b/mod/profile/views/default/profile/sidebar.php
index 525a2da81..d98964f5b 100644
--- a/mod/profile/views/default/profile/sidebar.php
+++ b/mod/profile/views/default/profile/sidebar.php
@@ -5,7 +5,7 @@
  * @package ElggProfile
  */
 ?>
-<div id="profile_sidebar">
+<div id="profile-sidebar">
 <?php
 	$section = $vars['section'];
 	echo elgg_view('profile/ownerblock', array('section' => $section));