]> git.mxchange.org Git - friendica.git/commitdiff
One click comments on threaded items.
authorDomovoy <domovoy@errlock.org>
Thu, 23 Aug 2012 11:09:35 +0000 (13:09 +0200)
committerDomovoy <domovoy@errlock.org>
Thu, 23 Aug 2012 11:09:35 +0000 (13:09 +0200)
comment-wwedit-wrapper and wall-item-outside-wrapper get the additional class "threaded" when applicable.

view/comment_item.tpl
view/theme/darkzero/style.css
view/theme/darkzero/theme.php
view/theme/duepuntozero/comment_item.tpl
view/theme/duepuntozero/style.css
view/theme/duepuntozero/theme.php
view/wall_thread.tpl

index 98173aa3067abc98f57255660f5f034d134ef95a..3de24ca8d25948b4492a5262f0352ccd21f22079 100644 (file)
@@ -1,10 +1,9 @@
+               {{ if $threaded }}
+               <div class="comment-wwedit-wrapper threaded" id="comment-edit-wrapper-$id" style="display: block;">
+               {{ else }}
                <div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
-                       {{ if $threaded }}
-                       <span id="hide-commentbox-$id" class="hide-commentbox fakelink" onclick="showHideCommentBox($id);">$comment</span>
-                       <form class="comment-edit-form" style="display: none;" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
-                       {{ else }}
+               {{ endif }}
                        <form class="comment-edit-form" style="display: block;" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
-                       {{ endif }}
                                <input type="hidden" name="type" value="$type" />
                                <input type="hidden" name="profile_uid" value="$profile_uid" />
                                <input type="hidden" name="parent" value="$parent" />
index dda180bbd226fffccdeee31f31d57dd28bffe0c0..8b570a84fb6ffabfcb5b6a51489a60c386ad8ec3 100644 (file)
@@ -23,13 +23,23 @@ div.wall-item-content-wrapper.shiny {  background-image: url('shiny.png'); }
 nav #banner #logo-text a { color: #ffffff; }
 
 .wall-item-content-wrapper { 
-border: 1px solid #444444; 
-background: #444;  
-
+       border: 1px solid #444444; 
+       background: #444444;  
+}
+.wall-item-outside-wrapper.threaded > .wall-item-content-wrapper {
+       -moz-border-radius: 3px 3px 0px;
+       border-radius: 3px 3px 0px;     
 }
 .wall-item-tools {     background-color: #444444;   background-image: none;}
-.comment-wwedit-wrapper{ background-color: #444444; }
-.toplevel_item > .wall-item-comment-wrapper > .comment-wwedit-wrapper{ background-color: #333333; }
+.comment-wwedit-wrapper{
+       background-color: #333333;
+}
+.comment-wwedit-wrapper.threaded {
+       border: solid #444444;
+       border-width: 0px 3px 3px;
+       -moz-border-radius: 0px 0px 3px 3px;
+       border-radius: 0px 0px 3px 3px; 
+}
 .comment-edit-preview{ color: #000000; }
 .wall-item-content-wrapper.comment { background-color: #444444; border: 0px;}
 .photo-top-album-name{ background-color: #333333; }
index e6b469bff00f08d2d5815f749c44046dd718d21b..dcb65589c1731b937f48fc7c6372adf37cc34466 100644 (file)
@@ -45,11 +45,19 @@ function insertFormatting(comment,BBcode,id) {
        return true;
 }
 
-function cmtBbOpen(id) {
-       $(".comment-edit-bb-" + id).show();
+function cmtBbOpen(comment, id) {
+       if($(comment).hasClass('comment-edit-text-full')) {
+               $(".comment-edit-bb-" + id).show();
+               return true;
+       }
+       return false;
 }
-function cmtBbClose(id) {
-       $(".comment-edit-bb-" + id).hide();
+function cmtBbClose(comment, id) {
+       if($(comment).hasClass('comment-edit-text-empty')) {
+               $(".comment-edit-bb-" + id).hide();
+               return true;
+       }
+       return false;
 }
 
 $(document).ready(function() {
@@ -96,4 +104,4 @@ $('.savedsearchterm').hover(
 
 </script>
 EOT;
-}
\ No newline at end of file
+}
index f64ae753b6c82b26289021bd051280d5c3c947e6..87e0605712f138f0d4ffb22d24ff90b9fc79651c 100755 (executable)
@@ -1,10 +1,9 @@
+               {{ if $threaded }}
+               <div class="comment-wwedit-wrapper threaded" id="comment-edit-wrapper-$id" style="display: block;">
+               {{ else }}
                <div class="comment-wwedit-wrapper" id="comment-edit-wrapper-$id" style="display: block;">
-                       {{ if $threaded }}
-                       <span id="hide-commentbox-$id" class="hide-commentbox fakelink" onclick="showHideCommentBox($id);">$comment</span>
-                       <form class="comment-edit-form" style="display: none;" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
-                       {{ else }}
+               {{ endif }}
                        <form class="comment-edit-form" style="display: block;" id="comment-edit-form-$id" action="item" method="post" onsubmit="post_comment($id); return false;">
-                       {{ endif }}
                                <input type="hidden" name="type" value="$type" />
                                <input type="hidden" name="profile_uid" value="$profile_uid" />
                                <input type="hidden" name="parent" value="$parent" />
@@ -43,7 +42,7 @@
                                                onclick="insertFormatting('$comment','video', $id);"></a></li>
                                </ul>   
                                <div class="comment-edit-bb-end"></div>
-                               <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);cmtBbOpen($id);" onBlur="commentClose(this,$id);" >$comment</textarea>                  
+                               <textarea id="comment-edit-text-$id" class="comment-edit-text-empty" name="body" onFocus="commentOpen(this,$id);cmtBbOpen(this, $id);" onBlur="commentClose(this,$id);cmtBbClose(this,$id);" >$comment</textarea>                       
                                {{ if $qcomment }}
                                        <select id="qcomment-select-$id" name="qcomment-$id" class="qcomment" onchange="qCommentInsert(this,$id);" >
                                        <option value=""></option>
index 5207cedf0db9ed714288dffb85f14461dd90a69d..dde9b6915bd3d2102471b88b1a38e30032922433 100644 (file)
@@ -932,7 +932,6 @@ input#dfrn-url {
        position: relative;
        -moz-border-radius: 3px;
        border-radius: 3px;     
-
 }
 
 .tread-wrapper .tread-wrapper {
@@ -1196,6 +1195,10 @@ input#dfrn-url {
        width: 100px;
        float: left;
 }
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-photo {
+       width: 40px;
+}
+
 .comment-edit-photo img {
        width: 25px;
 }
@@ -1215,6 +1218,10 @@ input#dfrn-url {
        margin: 10px 0px 10px 110px;
 }
 
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-submit-wrapper > .comment-edit-submit {
+       margin-left: 50px;
+}
+
 #profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
        margin-top: 15px;
@@ -1758,12 +1765,16 @@ input#dfrn-url {
 
 .comment-edit-text-empty {
        color: gray;
-       height: 30px;
+       height: 5em;
        width: 175px;
        overflow: auto;
        margin-bottom: 10px;
 }
 
+.comment-wwedit-wrapper.threaded > .comment-edit-form > .comment-edit-text-empty {
+       height: 1.5em;
+}
+
 .comment-edit-text-full {
        color: black;
        height: 150px;
@@ -3046,7 +3057,8 @@ aside input[type='text'] {
 [class^="comment-edit-bb"] {
        list-style: none;
        display: none;
-       margin: 0px 0 -5px 60px;
+       margin: 0px 0 -5px 0px;
+       padding: 0px;
        width: 75%;
 }
 [class^="comment-edit-bb"] > li {
index 2498852f979966ac454b62d5142ea4afe1fc5bf6..189628b0287acb06e1b7e1949a177b80d303b64a 100644 (file)
@@ -34,11 +34,19 @@ function insertFormatting(comment,BBcode,id) {
        return true;
 }
 
-function cmtBbOpen(id) {
-       $(".comment-edit-bb-" + id).show();
+function cmtBbOpen(comment, id) {
+       if($(comment).hasClass('comment-edit-text-full')) {
+               $(".comment-edit-bb-" + id).show();
+               return true;
+       }
+       return false;
 }
 function cmtBbClose(comment, id) {
-       $(".comment-edit-bb-" + id).hide();
+       if($(comment).hasClass('comment-edit-text-empty')) {
+               $(".comment-edit-bb-" + id).hide();
+               return true;
+       }
+       return false;
 }
 $(document).ready(function() {
 
index 373f01ec8226ab23890e4178b935e878dc58d442..e3f0436a3b81cbf3fd778e53f26e1abd860cfbd0 100644 (file)
@@ -6,7 +6,11 @@
 {{endif}}
 <div id="tread-wrapper-$item.id" class="tread-wrapper $item.toplevel">
 <a name="$item.id" ></a>
+{{ if $item.threaded }}
+<div class="wall-item-outside-wrapper $item.indent$item.previewing threaded" id="wall-item-outside-wrapper-$item.id" >
+{{ else }}
 <div class="wall-item-outside-wrapper $item.indent$item.previewing" id="wall-item-outside-wrapper-$item.id" >
+{{ endif }}
        <div class="wall-item-content-wrapper $item.indent" id="wall-item-content-wrapper-$item.id" >
                <div class="wall-item-info" id="wall-item-info-$item.id">
                        <div class="wall-item-photo-wrapper" id="wall-item-photo-wrapper-$item.id"