☰

TJ

thread navigation helper for TJ club

当前为 2015-07-31 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // (C) Paul Potseluev, Stepan Kiryushkin, helldotcat
  3. // @name        TJ
  4. // @namespace   TJ
  5. // @include     https://tjournal.ru/*
  6. // @version     1
  7. // @grant       none
  8. // @description thread navigation helper for TJ club
  9. // @description:ru Расширение упращяет навигацию в обсуждениях в клубе TJ
  10. // @require https://greasyfork.org/scripts/11315-tj/code/TJ.js?version=2
  11. TJComments = {
  12.   d: $(document),
  13.   b: $('html, body'),
  14.  
  15.   init: function() {
  16.     this.createAnchors();
  17.  
  18.     $('.b-comment__up').click(function(e) {
  19.       e.preventDefault();
  20.  
  21.       var $this     = $(this),
  22.           $previous = $this.prev(),
  23.           parent_item = $(this).parents(".b-comment__head"),
  24.           parent_id = $(parent_item).find('.b-comment__datetime ').attr('data-parent-id');
  25.           $parent   = $('#commentBox' + parent_id),
  26.           $children = $this.parents('.b-comment');
  27.  
  28.       TJComments.scrollTo($parent);
  29.       var ifHasChildId = $($parent).find('.b-comment__down').attr('data-children-id');
  30.       if (ifHasChildId === undefined) {
  31.         TJComments.createBack($parent, $children);
  32.       }
  33.     });
  34.  
  35.     TJComments.d.on('click', '.b-comment__down', function(e) {
  36.       e.preventDefault();
  37.  
  38.       var $this       = $(this),
  39.           children_id = $this.data('children-id'),
  40.           $children   = $('#commentBox' + children_id);
  41.  
  42.       $this.remove();
  43.       TJComments.scrollTo($children);
  44.     });
  45.    
  46.   },
  47.  
  48.   scrollTo: function($element) {
  49.     TJComments.b.animate({ scrollTop: $element.offset().top }, 500)
  50.     $element.effect("highlight", { color: 'rgba(217,239,55,0.1)' }, 1500);
  51.   },
  52.    
  53.   createAnchors: function() {
  54.     var html =  '<a href="#" class="b-comment__up">' +
  55.         '&nbsp;&nbsp;<i class="icon-up-big" style="color: #999999"></i></a>';
  56.     $('.b-comment__datetime.highlightParent').after(html);
  57.   },
  58.  
  59.   createBack: function($parent, $children) {
  60.     var html =  '<a href="#" class="b-comment__down" data-children-id="' + $children.data('id') + '">' +
  61.         '&nbsp;&nbsp;<i class="icon-down-big" style="color: #999999"></i></a>';
  62.  
  63.     
  64.     $parent.find('.b-comment__datetime').after(html);
  65.   }
  66. }
  67.  
  68. TJComments.d.ready(function() {
  69.   TJComments.init();
  70.   
  71. });
  72.  
  73. function illuminate($parentId) {
  74.   var html =  '<div class="b-illuminate" style="margin-left:6px;width:6px;height:6px;background:#ffb833;' +
  75.   '-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;"></div>';
  76.   $parentId = '#commentBox' + $parentId;
  77.   $($parentId).find('.icon-star').append(html);
  78.   $parentId = $($parentId).find('.b-comment__datetime ').attr('data-parent-id');
  79.   if ($parentId != 0) {
  80.     illuminate($parentId);
  81.   }
  82. }
  83.  
  84. function hide() {
  85.   $('div.b-illuminate').remove();
  86. }
  87.  
  88. function makeSignature () {
  89.   var $parentId;
  90.   var $parentIdValue;
  91.   var $name;
  92.   var html;
  93.   var  $commentsSecondLvl = $('.b-comment__up').parents(".b-comment__wrapper");
  94.   $($commentsSecondLvl).each( function () {
  95.     $parentIdValue = $(this).find('.b-comment__datetime ').attr('data-parent-id');
  96.     $parentId = '#commentBox' + $parentIdValue;
  97.     $name = $($parentId).find('.b-comment__user').find("span").get(0);
  98.     $name = $($name).html();
  99.     html = '<a data-commentid="' + $parentIdValue + '" style="color:#999;text-decoration:none" href="#comment'+ $parentIdValue + '"style="margin-left:-12px;">To ' + $name + '  </a>';
  100.     $(this).find('.b-comment__datetime').prepend(html);
  101.   });
  102. }
  103.  
  104. $(document).ready( function(){  
  105.   makeSignature();
  106.   $('.b-comment__wrapper').mouseover( function(e) {
  107.   var $parentId;
  108.   var id;
  109.   if(!($('div').is(".b-illuminate"))) {
  110.     $parentId = $(this).find('.icon-star').attr('data-objectid');
  111.     illuminate($parentId);
  112.   }
  113.   });
  114.   
  115.   $('.b-comment__wrapper').mouseleave( function(e) {
  116.       hide();
  117.   });
  118.   
  119.   $('a[href^="#comment"]').click( function(e){
  120.     e.preventDefault();
  121.     var scrollId = $(this).attr('data-commentid');
  122.     var $scroll_el = $('#commentBox'+scrollId);
  123.     TJComments.scrollTo($scroll_el);
  124.     $('html, body').animate({ scrollTop: $element.offset().top }, 500);
  125.   });
  126. });
  127.  
  128.  
  129. // ==/UserScript==
  130. // (C) Paul Potseluev, Stepan Kiryushkin, helldotcat