Updates to thewire interface

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

4 files changed, 98 insertions, 134 deletions

diff --git a/mod/thewire/views/default/thewire/css.php b/mod/thewire/views/default/thewire/css.php
index 6491af2ed..9f460458d 100644
--- a/mod/thewire/views/default/thewire/css.php
+++ b/mod/thewire/views/default/thewire/css.php
@@ -11,126 +11,90 @@
 	 */
 
 ?>
-/* widget */
-.thewire-singlepage {
-	margin:0 10px 0 10px;
+/* new wire post form */
+.new_wire_post {
+	margin:10px 0 15px 0;
+	padding-bottom:15px;
+	border-bottom: 1px solid #dedede;
 }
-.thewire-singlepage .note_body {
+.new_wire_post input[type="submit"] {
+	margin:3px 0 0 0;
+	float:right;
+}
+.new_wire_post textarea {
+	width: 719px;
+	height: 52px;
+	padding: 2px 5px 5px 5px;
+	font-size: 120%;
+	color:#333333;
+}
+.character_count {
+	width: 642px;
+	color:#666666;
+}
+.character_count input { 
+	color:#666666;
+	border:none;
+	font-size: 100%;
+	font-weight: bold;
+	padding:0 2px 0 0;
+	margin:0;
+	text-align: right;
 	background: white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
 }
-.collapsable_box_content .note_body {
-	line-height:1.2em;
+.character_count input:focus {
+	border:none;
+	background:white;
 }
-.thewire-singlepage .thewire-post {
+
+
+/* wire posts listings */
+.wire_post {
+	padding-bottom:10px;
 	margin-bottom:5px;
-	background:transparent url(<?php echo $vars['url']; ?>mod/thewire/graphics/thewire_speech_bubble.gif) no-repeat right bottom; 
-}
-.thewire-post {
-	background:#cccccc;
-	margin-bottom:10px;
+	background-image: url(<?php echo $vars['url']; ?>mod/thewire/graphics/thewire_speech_bubble.gif);
+	background-repeat: no-repeat;
+	background-position: right bottom; 
 }
-.thewire-post .note_date {
-	font-size:90%;
-	color:#666666;
-	padding:0;
+.wire_post_contents {
+	background-color: #eeeeee;
+	margin:0;
+	padding:5px;
+	line-height: 1.2em;
+	min-height: 34px;
+	position: relative;
 }
-.thewire_icon {
+.wire_post_icon {
     float:left;
-    margin:0 8px 4px 2px;
+    margin-right:8px;
 }
-.note_body {
-	margin:0;
-	padding:6px 4px 4px 4px;
-	min-height: 40px;
-	line-height: 1.4em;
+.wire_post_info {
+	margin-top:-3px;
+	float:left;
+	width:620px;
 }
-.thewire_options {
+.wire_post_options {
 	float:right;
 	width:65px;
 }
-.thewire-post .reply {
-	font: 11px/100% Arial, Helvetica, sans-serif;
-	font-weight: bold;
-	color: #ffffff;
-	background:#999999;
-	border: 2px solid #999999;
-	-webkit-border-radius: 4px; 
-	-moz-border-radius: 4px;
-	width: auto;
-	padding: 0 3px 2px 3px;
-	margin:0 0 5px 5px;
-	cursor: pointer;
+.wire_post_options .action_button.reply.small {
 	float:right;
 }
-.thewire-post .reply:hover {
-	background: #4690d6;
-	border: 2px solid #4690d6;
-	color:white;
-	text-decoration: none;
-}
-.thewire-post .delete_note {
-	width:14px;
-	height:14px;
-	margin:3px 0 0 0;
-	float:right;
+.wire_post_options .delete_button {
+	position: absolute;
+	bottom:5px;
+	right:5px;
 }
-.thewire-post .delete_note a {
-	display:block;
-	cursor: pointer;
-	width:14px;
-	height:14px;
-	background: url("<?php echo $vars['url']; ?>_graphics/icon_customise_remove.png") no-repeat 0 0;
-	text-indent: -9000px;
-}
-.thewire-post .delete_note a:hover {
-	background-position: 0 -16px;
-}
-/* IE 6 fix */
-* html .thewire-post .delete_note a { background-position-y: 2px; }
-* html .thewire-post .delete_note a:hover { background-position-y: -14px; }
 
-.post_to_wire {
-	background: white;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-	margin:0 10px 10px 10px;
-	padding:10px;	
-}
-.post_to_wire input[type="submit"] {
-	margin:0;
-}
 
-/* reply form */
-textarea#thewire_large-textarea {
-	width: 664px;
-	height: 40px;
-	padding: 6px;
-	font-family: Arial, 'Trebuchet MS','Lucida Grande', sans-serif;
-	font-size: 100%;
-	color:#666666;
-}
-/* IE 6 fix */
-* html textarea#thewire_large-textarea { 
-	width: 642px;
+/* latest wire post on profile page */
+.wire_post .action_button.update.small {
+	float:right;
+	padding:4px;
+	position: absolute;
+	bottom:5px;
+	right:5px;
 }
 
-input.thewire_characters_remaining_field { 
-	color:#333333;
-	border:none;
-	font-size: 100%;
-	font-weight: bold;
-	padding:0 2px 0 0;
-	margin:0;
-	text-align: right;
-	background: white;
-}
-input.thewire_characters_remaining_field:focus {
-	border:none;
-	background:white;
-}
-.thewire_characters_remaining {
-	text-align: right;
-}
+
 
diff --git a/mod/thewire/views/default/thewire/forms/add.php b/mod/thewire/views/default/thewire/forms/add.php
index cf9ff15e6..60d7914ea 100644
--- a/mod/thewire/views/default/thewire/forms/add.php
+++ b/mod/thewire/views/default/thewire/forms/add.php
@@ -15,30 +15,20 @@
 		if (!empty($wire_user)) { $msg = '@' . $wire_user . ' '; } else { $msg = ''; }
 
 ?>
-<div class="post_to_wire">
+<div class="new_wire_post clearfloat">
 <h3><?php echo elgg_echo("thewire:doing"); ?></h3>
-<script>
-function textCounter(field,cntfield,maxlimit) {
-    // if too long...trim it!
-    if (field.value.length > maxlimit) {
-        field.value = field.value.substring(0, maxlimit);
-    } else {
-        // otherwise, update 'characters left' counter
-        cntfield.value = maxlimit - field.value.length;
-    }
-}
-</script>
-
-	<form action="<?php echo $vars['url']; ?>action/thewire/add" method="post" name="noteForm">
-			<?php
-			    $display .= "<textarea name='note' value='' onKeyDown=\"textCounter(document.noteForm.note,document.noteForm.remLen1,140)\" onKeyUp=\"textCounter(document.noteForm.note,document.noteForm.remLen1,140)\" id=\"thewire_large-textarea\">{$msg}</textarea>";
-                $display .= "<div class='thewire_characters_remaining'><input readonly type=\"text\" name=\"remLen1\" size=\"3\" maxlength=\"3\" value=\"140\" class=\"thewire_characters_remaining_field\">";
-                echo $display;
-                echo elgg_echo("thewire:charleft") . "</div>";
-				echo elgg_view('input/securitytoken');
-			?>
-			<input type="hidden" name="method" value="site" />
-			<input type="submit" value="<?php echo elgg_echo('save'); ?>" />
-	</form>
+<script type="text/javascript" src="<?php echo $vars['url']; ?>mod/thewire/views/default/thewire/scripts/counter.js"></script>
+<form action="<?php echo $vars['url']; ?>action/thewire/add" method="post" name="new_post">
+	<?php
+		$action_txt = elgg_echo('post');
+	    $display .= "<textarea name='new_post_textarea' value='' onKeyDown=\"textCounter(document.new_post.new_post_textarea,document.new_post.remLen1,140)\" onKeyUp=\"textCounter(document.new_post.new_post_textarea,document.new_post.remLen1,140)\">{$msg}</textarea>";
+        $display .= "<input type='submit' class='action_button' value='{$action_txt}' />";
+        $display .= "<div class='character_count'><input readonly type=\"text\" name=\"remLen1\" size=\"3\" maxlength=\"3\" value=\"140\">";
+        echo $display;
+        echo elgg_echo("thewire:charleft") . "</div>";
+		echo elgg_view('input/securitytoken');
+	?>
+	<input type="hidden" name="method" value="site" />
+</form>
 </div>
 <?php echo elgg_view('input/urlshortener'); ?>
\ No newline at end of file
diff --git a/mod/thewire/views/default/thewire/profile_status.php b/mod/thewire/views/default/thewire/profile_status.php
index 890b8b9c3..fa8ccd76b 100644
--- a/mod/thewire/views/default/thewire/profile_status.php
+++ b/mod/thewire/views/default/thewire/profile_status.php
@@ -1,7 +1,7 @@
 <?php
 
 	/**
-	 * New wire post view for the activity stream
+	 * Latest wire post on profile activity page
 	 */
 	 
 	$owner = $vars['entity']->guid;
@@ -13,16 +13,16 @@
 	if($latest_wire){
 		foreach($latest_wire as $lw){
 			$content = $lw->description;
-			$time = "<span> (" . friendly_time($lw->time_created) . ")</span>";
+			$time = "<p class='entity_subtext'> (" . friendly_time($lw->time_created) . ")</p>";
 		}
 	}
 	
 	if($latest_wire){
-		echo "<div class=\"profile_status\">";
+		echo "<div class='wire_post'><div class='wire_post_contents clearfloat radius8'>";
 		echo $content;
 		if($owner == $_SESSION['user']->guid)
-			echo " <a class=\"status_update\" href=\"{$url_to_wire}\">update</a>";
+			echo " <a class='action_button update small' href=\"{$url_to_wire}\">update</a>";
 		echo $time;
-		echo "</div>";
+		echo "</div></div>";
 	}
 ?>
\ No newline at end of file
diff --git a/mod/thewire/views/default/thewire/scripts/counter.js b/mod/thewire/views/default/thewire/scripts/counter.js
index 3a1ebdbc5..7486bd1de 100644
--- a/mod/thewire/views/default/thewire/scripts/counter.js
+++ b/mod/thewire/views/default/thewire/scripts/counter.js
@@ -1,6 +1,16 @@
-// I need to move this into a JS folder for the plugin
+/**
+ * Elgg thewire text counter
+ * 
+ * @package ElggTheWire
+ * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
+ * @author Curverider <info@elgg.com>
+ * @copyright Curverider Ltd 2008-2010
+ * @link http://elgg.com/
+ *
+ * @question - do we want users to be able to edit thewire?
+ * 
+ * @uses $vars['entity'] Optionally, the note to view
 
-/*
 <!-- Dynamic Version by: Nannette Thacker -->
 <!-- http://www.shiningstar.net -->
 <!-- Original by :  Ronnie T. Moore -->
@@ -16,4 +26,4 @@ function textCounter(field,cntfield,maxlimit) {
         // otherwise, update 'characters left' counter
         cntfield.value = maxlimit - field.value.length;
     }
-}
+}
\ No newline at end of file