Changeset 1037006

Timestamp:

12/02/2014 09:09:22 PM (11 years ago)

Author:

tjsantilo

Message:

added social sharing to comments

Location:

because/trunk

Files:

• README.txt (modified) (1 diff)
• assets/fb.png (added)
• assets/gplus.png (added)
• assets/twit.png (added)
• public/assets/css/public.css (modified) (2 diffs)
• public/assets/js/public.js (modified) (1 diff)
• public/includes/class-sp_comments.php (modified) (1 diff)
• social-polling.php (modified) (1 diff)

because/trunk/README.txt

@@ -7 +7 @@
 Tested up to: 4.0
 <<<<<<< .mine
-Stable tag: 1.5.0
+Stable tag: 1.5.1
 =======
-Stable tag: 1.5.0
+Stable tag: 1.5.1
 >>>>>>> .r969865
 License: GPLv2 or later

because/trunk/public/assets/css/public.css

@@ -456 +456 @@
 }
 
+.comment-social-share{
+    display: inline-block;
+    opacity: 0;
+}
+
+.comment-body a img.social-share-button{
+    height: 13px;
+    margin: 0 0 3px 10px;
+}
+
 /*comment body text*/
 .comment-awaiting-moderation{
@@ -465 +475 @@
     margin: 5px 0 !important;
     text-align: left;
-    
-    /*word-wrap:break-word;*/
 }
 
 .odd, .even{
     background: none!important;
-}
-
-.comment-social-share{
-    display: inline-block;
-    opacity: 0;
 }
 

because/trunk/public/assets/js/public.js

@@ -534 +534 @@
     })
 
-    
-
-    
-
-    
-
-    
-
-    
-
-    
-
-    
+    // Comment sharing javascript
+
+    var fadeOut = "";
+
+    $('.share-anchor').mouseover(function(){
+        $(this).siblings('.comment-social-share').stop();
+        $(this).siblings('.comment-social-share').css('display','inline-block').animate({
+            opacity: 1
+        }, 300);
+    })
+
+    $('.share-anchor').click(function(){
+        clearTimeout(fadeOut);
+
+        $(this).siblings('.comment-social-share').stop();
+        $(this).siblings('.comment-social-share').css('display','inline-block').animate({
+            opacity: 1
+        }, 300);
+    })
+
+    $('.reply-vote-share-container').mouseover(function(){
+        clearTimeout(fadeOut);      
+    });
+
+    $('.reply-vote-share-container').mouseleave(function(){
+            if($(this).children('.comment-social-share').css('opacity') === '1'){
+                $(this).children('.comment-social-share').stop();
+                var tempDiv = $(this);
+                fadeOut = setTimeout(function(){
+                    tempDiv.children('.comment-social-share').animate({
+                        opacity: 0
+                    },300, function(){
+                        $(this).css('display','none');
+                    });
+                },700)
+                    
+            }
+
+            
+    })
 
         

because/trunk/public/includes/class-sp_comments.php

@@ -1722 +1722 @@
 
      
-      <!-- <span class="comment-pipe">|</span>
-      <a href="#">Share</a>
-      <div class="comment-social-share">aaa</div> -->
+        <span class="comment-pipe">|</span>
+        <a href="#" class="share-anchor" onclick="return false;">Share</a>
+        <div class="comment-social-share">
+                <a href="<?php 
+                    echo 'https://www.facebook.com/sharer/sharer.php?app_id=113869198637480&sdk=joey&u=' . urlencode(htmlspecialchars( get_comment_link( $comment->comment_ID ) )) . '&display=popup&ref=plugin';
+
+                ?>" target="_blank">
+                    <?php 
+                        echo '<img src="' . plugins_url('../../assets/fb.png', __FILE__) . '" class="social-share-button">'
+
+                    ?>
+                </a>
+                <a href="<?php 
+                    echo 'https://twitter.com/intent/tweet?text=' . urlencode(htmlspecialchars( get_comment_link( $comment->comment_ID ) )) . urlencode(' I just commented on "' . get_the_title() . '"');
+                ?>" target="_blank">
+                    <?php 
+                        echo '<img src="' . plugins_url('../../assets/twit.png', __FILE__) . '" class="social-share-button">'
+                ?>
+                </a>
+            <a href="https://plus.google.com/share?url=<?php echo urlencode(htmlspecialchars( get_comment_link( $comment->comment_ID ) )) ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
+                    <?php 
+                        echo '<img src="' . plugins_url('../../assets/gplus.png', __FILE__) . '" class="social-share-button">'
+                ?>
+                </a>
+        </div>
 
   </div>

because/trunk/social-polling.php

@@ -34 +34 @@
 
 <<<<<<< .mine
- * Version:           1.5.0
+ * Version:           1.5.1
 =======
- * Version:           1.5.0
+ * Version:           1.5.1
 >>>>>>> .r969865