more title stuff

8 files changed, 54 insertions, 4 deletions

diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl
index a3464f3f7..a30b41825 100644
--- a/view/theme/dispy/jot-header.tpl
+++ b/view/theme/dispy/jot-header.tpl
@@ -102,9 +102,28 @@ function initEditor(cb) {
                     initEditor();
                 }); 
 
+		$("#jot-title").mouseout(function() {
+			$("#jot-title").hide();
+			var ttl = $("#jot-title").val();
+			$('#jot-title-display').html(ttl);
+			if(ttl.length) {
+				$("#jot-title-display").show();
+			}
+			else {
+				$("#jot-title-desc").show();
+			}
+		});
+
+		$("#jot-title-display").click(function() {
+			$("#jot-title-display").hide();
+			$("#jot-title").show();
+			$("#jot-title").focus();
+		});		
+
 		$("#jot-title-desc").click(function() {
 			$("#jot-title-desc").hide();
 			$("#jot-title").show();
+			$("#jot-title").focus();
 		});		
 
 		var uploader = new window.AjaxUpload(
diff --git a/view/theme/dispy/jot.tpl b/view/theme/dispy/jot.tpl
index b340b532b..57f320d4c 100644
--- a/view/theme/dispy/jot.tpl
+++ b/view/theme/dispy/jot.tpl
@@ -17,6 +17,7 @@
 		<input type="hidden" name="post_id" value="$post_id" />
 		<div id="jot-title-wrapper">
 		<span id="jot-title-desc" style="display: none;">$addtitle</span>
+		<span id="jot-title-display" style="display: none;"></span>
 		<input type="text" name="title" id="jot-title" value="" style="display: none;" />
 		</div>
 
diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 59425a05a..08582f1d5 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -354,6 +354,9 @@ aside #viewcontacts { text-align: right;}
 	border: 1px solid #cccccc;
 	width: 530px;
 }
+#jot-title-display {
+	font-weight: bold;
+}
 
 
 /**
diff --git a/view/theme/loozah/style.css b/view/theme/loozah/style.css
index daacba7fc..6b8aef500 100644
--- a/view/theme/loozah/style.css
+++ b/view/theme/loozah/style.css
@@ -144,6 +144,9 @@ blockquote:before {
 	width: 530px;
 }
 
+#jot-title-display {
+	font-weight: bold;
+}
 
 .fakelink, .fakelink:visited {
 	color: #15607B;
diff --git a/view/theme/quattro/jot.tpl b/view/theme/quattro/jot.tpl
index 9aeea2df9..61ba75234 100644
--- a/view/theme/quattro/jot.tpl
+++ b/view/theme/quattro/jot.tpl
@@ -15,6 +15,7 @@
 		<input type="hidden" name="post_id" value="$post_id" />
 		<div id="jot-title-wrapper">
 		<span id="jot-title-desc" style="display: none;">$addtitle</span>
+		<span id="jot-title-display" style="display: none;"></span>
 		<input type="text" name="title" id="jot-title" value="" style="display: none;" />
 		</div>
 
diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index dba6cfd2b..bf3b3cbe7 100644
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -124,11 +124,30 @@ function initEditor(cb) {
                     initEditor();
                 }); 
 
-		$("#jot-title-desc").click(function() {
-            $("#jot-title-desc").hide();
-            $("#jot-title").show();
-        });
 
+		$("#jot-title").mouseout(function() {
+			$("#jot-title").hide();
+			var ttl = $("#jot-title").val();
+			$('#jot-title-display').html(ttl);
+			if(ttl.length) {
+				$("#jot-title-display").show();
+			}
+			else {
+				$("#jot-title-desc").show();
+			}
+		});
+
+		$("#jot-title-display").click(function() {
+			$("#jot-title-display").hide();
+			$("#jot-title").show();
+			$("#jot-title").focus();
+		});		
+
+		$("#jot-title-desc").click(function() {
+			$("#jot-title-desc").hide();
+			$("#jot-title").show();
+			$("#jot-title").focus();
+		});		
 
 		var uploader = new window.AjaxUpload(
 			'wall-image-upload',
diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index dce5fb616..be536aff4 100644
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -18,6 +18,7 @@
 
 		<div id="jot-title-wrapper">
         <span id="jot-title-desc" style="display: none;">$addtitle</span>
+		<span id="jot-title-display" style="display: none;"></span>
         <input type="text" name="title" id="jot-title" value="" style="display: none;" />
         </div>
 
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index 5c31f2f41..3a5d9f178 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -757,6 +757,9 @@ ul .sidebar-group-li .icon{
 	width: 460px;
 }
 
+#jot-title-display {
+	font-weight: bold;
+}
 
 #profile-jot-perms, #profile-jot-submit {
 	width: 60px;