From 4d07cfa2d09eb05d4c5f6fb6f319865e4bab6c8a Mon Sep 17 00:00:00 2001
From: friendica <info@friendica.com>
Date: Thu, 12 Jan 2012 17:50:02 -0800
Subject: [PATCH] and and theme previewing for testbubble

---
 view/theme/testbubble/jot-header.tpl  |  1 +
 view/theme/testbubble/jot.tpl         |  4 ++++
 view/theme/testbubble/search_item.tpl |  2 +-
 view/theme/testbubble/style.css       | 10 +++++++---
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index 18f07970..0d9a824f 100644
--- a/view/theme/testbubble/jot-header.tpl
+++ b/view/theme/testbubble/jot-header.tpl
@@ -96,6 +96,7 @@ function initEditor(cb) {
                             	    $("#profile-nolocation-wrapper").show();
                                 	$("#profile-title-wrapper").show();
 	                                $("#profile-jot-plugin-wrapper").show();
+	                                $("#jot-preview-link").show();
 								{{ endif }}   
                              $("#character-counter").show();
                                 if (typeof cb!="undefined") cb();
diff --git a/view/theme/testbubble/jot.tpl b/view/theme/testbubble/jot.tpl
index feffea9d..e2fd7132 100644
--- a/view/theme/testbubble/jot.tpl
+++ b/view/theme/testbubble/jot.tpl
@@ -44,6 +44,8 @@
 		<a id="profile-nolocation" class="icon border  noglobe" title="$noloc" onclick="jotClearLocation(); return false;"></a>
 	</div> 
 
+	<span onclick="preview_post();" id="jot-preview-link" class="fakelink" style="display: none;" >$preview</span>
+
 	<div id="profile-jot-submit-wrapper" style="display:none;padding-left: 400px;">
 		<input type="submit" id="profile-jot-submit" name="submit" value="$share" />
 		<div id="profile-jot-perms" class="profile-jot-perms" style="display: $visitor;" >
@@ -55,6 +57,8 @@
 	</div>
 	<div id="profile-jot-tools-end"></div>
 	
+	<div id="jot-preview-content" style="display:none;"></div>
+
         <div style="display: none;">
             <div id="profile-jot-acl-wrapper" style="width:auto;height:auto;overflow:auto;">
                 $acl
diff --git a/view/theme/testbubble/search_item.tpl b/view/theme/testbubble/search_item.tpl
index 1762983e..27a08e4e 100644
--- a/view/theme/testbubble/search_item.tpl
+++ b/view/theme/testbubble/search_item.tpl
@@ -1,4 +1,4 @@
-<div class="wall-item-outside-wrapper$indent" id="wall-item-outside-wrapper-$id" >
+<div class="wall-item-outside-wrapper$indent$previewing" id="wall-item-outside-wrapper-$id" >
 	<div class="wall-item-content-wrapper$indent" id="wall-item-content-wrapper-$id" >
 		<div class="wall-item-info" id="wall-item-info-$id">
 			<div class="wall-item-photo-wrapper mframe" id="wall-item-photo-wrapper-$id" 
diff --git a/view/theme/testbubble/style.css b/view/theme/testbubble/style.css
index a17d702c..9901d146 100644
--- a/view/theme/testbubble/style.css
+++ b/view/theme/testbubble/style.css
@@ -780,7 +780,11 @@ ul .sidebar-group-li .icon{
 	border: 1px solid #cccccc; 
 }
 
-#profile-jot-perms, #profile-jot-submit {
+.preview {
+	background: #FFFFC8;
+}
+
+#profile-jot-perms, #profile-jot-submit, #jot-preview-link {
 	width: 60px;
 	font-size: 12px;
 	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
@@ -818,13 +822,13 @@ ul .sidebar-group-li .icon{
 	margin-left: -30px;
 }
 
-#profile-jot-perms:hover, #profile-jot-submit:hover {
+#profile-jot-perms:hover, #profile-jot-submit:hover, #jot-preview-link:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
 	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
 	background-color:#b20202;
 }
-#profile-jot-perms:active, #profile-jot-submit:active {
+#profile-jot-perms:active, #profile-jot-submit:active, #jot-preview-link:active {
 	position:relative;
 	top:1px;
 }