From c5d27c48f5d5e45d119ccf133ebc42678deb8e38 Mon Sep 17 00:00:00 2001
From: friendica <info@friendica.com>
Date: Wed, 4 Jan 2012 20:43:38 -0800
Subject: [PATCH] more title stuff

---
 view/theme/dispy/jot-header.tpl      | 19 +++++++++++++++++++
 view/theme/dispy/jot.tpl             |  1 +
 view/theme/dispy/style.css           |  3 +++
 view/theme/loozah/style.css          |  3 +++
 view/theme/quattro/jot.tpl           |  1 +
 view/theme/testbubble/jot-header.tpl | 27 +++++++++++++++++++++++----
 view/theme/testbubble/jot.tpl        |  1 +
 view/theme/testbubble/style.css      |  3 +++
 8 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/view/theme/dispy/jot-header.tpl b/view/theme/dispy/jot-header.tpl
index a3464f3f7a..a30b418250 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 b340b532b3..57f320d4ce 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 59425a05a2..08582f1d57 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 daacba7fc5..6b8aef500b 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 9aeea2df94..61ba75234b 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 dba6cfd2b8..bf3b3cbe70 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 dce5fb616c..be536aff40 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 5c31f2f411..3a5d9f1788 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;