and and theme previewing for testbubble

diff --git a/view/theme/testbubble/jot-header.tpl b/view/theme/testbubble/jot-header.tpl
index 18f07970c2230a62e3e4a9332796ae7e8024ae75..0d9a824f750b1c0078cb9180a95b87076bb962b7 100644 (file)
--- 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 feffea9d8b432abecc9a7fd4b556c3c786500e70..e2fd7132a33d4321e9e6529fc79b6495cb89d671 100644 (file)
--- 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 1762983e27382722d5e528ff0cfbcc230886f00b..27a08e4eb1086c1dbd7f9877ff1c1161d74baa51 100644 (file)
--- 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 a17d702c1cd86bd26641456a8b9a48e704a0f083..9901d146993505ff3b926ba53ad7543bd044ae44 100644 (file)
--- 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;
 }