☰

Shouts v6 Fabi

Cambia la apariencia actual de la vista de un shout individual a algo más "vistoso"

  1. // ==UserScript==
  2. // @name         Shouts v6 Fabi
  3. // @namespace    Fabi
  4. // @version      0.5
  5. // @description  Cambia la apariencia actual de la vista de un shout individual a algo más "vistoso"
  6. // @author       Fabi
  7. // @include        http*://www.taringa.net/*/mi/*
  8. // ==/UserScript==
  9. userNick="";
  10. shoutTitle="";
  11. $('body').hide();
  12.  
  13. $('head').append('<style>body .v6 .v6-container{border-right:1px solid #CCC;border-left:1px solid #CCC;background:#fff;width:1000px}body .shout-detail{margin:-8px 0 0 5px}body .shout-main-content{border:1px solid #CCC;border-bottom:1px solid #CCC;min-height:35px;width:609px!important;border-radius:5px 5px 0 0;padding:10px 20px;padding-top:21px;margin:0}body .shout-item .shout-txt{margin-bottom:15px;font-size:14px;color:#000}body .shout-detail .wrap-actions{right:-33px;top:4px}body .shout-detail .secondary-actions{height:34px;border:1px solid #CCC;border-top:1px solid #e9e9e9;border-radius:0 0 5px 5px;box-shadow:0 2px 3px #eee;background:#fafafa url(http://o1.t26.net/img/bfs.gif) bottom left repeat-x;width:649px;margin-top:-4px}body .secondary-actions .list-social-media{display:none!important}body .secondary-actions .list-main-actions{float:right;margin-right:0!important}body .secondary-actions .list-main-actions li{margin-right:0}body .secondary-actions .list-main-actions > li > a{background:url(http://o1.t26.net/img/button-action-s.png) left bottom no-repeat!important;padding-right:7px;padding-left:10px}.shout-action-activity{margin-right:10px;float:left}.actvt{float:left;left:-447px;position:relative}body .secondary-actions .list-main-actions li span{font-weight:700;font-size:12px}body .secondary-actions .list-main-actions li a:before{font-size:14px;margin-right:5px}.dropdown_scroll.shout-activity-container li a{display:inline-block!important}.shout-user .shout-user_name{position:absolute;top:3px;font-weight:700;color:#000}.shout-user_img.og-img-user{margin-top:17px}.shout-user .follow-buttons{position:absolute;top:109px;left:140px}.shout-user{margin-top:-2px}.player-post .icon-rew:before,.player-post .icon-ff:before{display:none}body .comments-primary{background-color:#fff;margin:0 0 15px 14px;width:652px;padding-top:0}body .myComment .myComment-text-box{width:550px;margin-left:12px}.parent-comment .myComment .myComment-text-box{width:508px}.replyBox .comment-data .parent-comment{margin:0 12px 0 69px}.comment{border-top:1px dotted #CCC}body .comments-primary article .replyBox .comment-data{width:32px;margin:0 12px 0 69px}.comments__title{margin-top:-1px;margin-left:17px;font-size:17px}.comments-primary .comment-content{color:#000}.myComment .myComment-text-box textarea,.myComment .myComment-text-box textarea:focus{color:#000}.fixme-shout{display:none}.comments-primary .comment-content>a,.comments-primary .comment-author .hovercard,.shout-user .shout-user_name,body .shout-main-content a:hover,body .shout-main-content a,body .shout-user_name a{color:#006595;font-weight:700}i.icon.sprite-document-text-image{background-position:-51px -51px;margin-right:6px}i.icon.points{background-position:-85px -34px;margin-right:6px}i.icon.followers{background-position:-102px -35px;margin-right:6px}.player-post li > a{width:0px!important}.uData{position:relative;float:right;width: 170px;top:-139px}.user-followers,.user-points,.user-shouts{font-size:11px;color:#CCC}.user-followers span,.user-points span,.user-shouts span{font-size:18px;color:#000!important;font-weight:700}.user-rank{border-color:#CCDCEF;font-weight:700;text-align:center;color:#105CB6;background-color:#E3E8F4;margin-top:-2px;padding:4px 8px 5px;width:105px;font-size:12px}footer.contentinfo::before{height:0}footer.contentinfo{margin-bottom:-20px}footer.contentinfo p.hosted{margin-bottom:0}.shouts_user_activity{top:22px;left:inherit;right:-32px}.shouts_user_activity li{background:#fff;padding-left:6px}.shouts_user_activity li.dropdown-wrapper-list{padding-left:0}.shouts_user_activity .user_total-activity{text-align:center;background:#f5f5f5;padding:6px 3px 5px}.shouts_user_activity .user_total-activity li{display:inline-block!important;background:none!important;padding:0!important;color:#757575!important;font-weight:400!important}.shouts_user_activity .user_total-activity li .dash{color:#ccc!important;margin-right:.4em!important}.shouts_user_activity li.dropdown-wrapper-list{padding-left:0}.shouts_user_activity li{background:#fff;padding-left:6px}.shouts_user_activity .dropdown_scroll{max-height:200px;overflow-y:scroll}.shouts_user_activity .dropdown_scroll li{padding:1px 3px 7px 6px}.shouts_user_activity li{background:#fff;padding-left:6px}.shouts_user_activity li.loading{padding:5px 0}.shouts_user_activity .loading{margin-bottom:0!important}.shouts_user_activity li{background:#fff;padding-left:6px}.shouts_user_activity .dropdown_scroll li{padding:1px 3px 7px 6px}.shouts_user_activity .dropdown_scroll li .activities_user{max-width:100px;display:inline-block;position:relative;top:3px}.shouts_user_activity li .icon{color:#757577}.shouts_user_activity .activities_img{width:18px;height:18px;border-radius:2px;position:relative;top:5px;margin:0 5px}.shouts_user_activity{width:211px;background-color:#fff}.user_total-activity{width:126%}body .shout-detail .shout-main-content .shout-content--img img{max-width:100%;width:initial}.comments-primary .comments-closed,.comments-primary .comments-empty{background:rgba(255,235,59,0.48);border:1px rgba(255,193,7,0.65) solid;border-radius:1px;font-weight:700;color:rgba(125,117,9,0.72);margin:10px;padding:14px 10px;font-size:14px;text-align:center}</style>');
  14. $(document).ready(function(){
  15.     //Hide body
  16.     
  17.     
  18.     //StyleSheet
  19.     
  20.     
  21.     //Move things
  22.     $('.shout-user').prependTo($('.sidebar'));
  23.     $('.list-main-actions').prepend('<li class="actvt"></li>');
  24.     $('.shout-action-activity').appendTo($('li.actvt'));
  25.     
  26.     //Avatar
  27.     var avatarR=$('.shout-user_img').attr('src');
  28.     $('.shout-user_img').attr('src',avatarR.replace('48x48','120x120'));
  29.     
  30.     //Show bar
  31.     var htmlTBar='<div class="v6">\
  32. 			<div class="v6-container" style="min-height: 0px;">\
  33. 					<nav class="tabs">\
  34. 				<ul>\
  35. 					<li class="">\
  36. 				<a href="/mi" data-tag="," data-tab="">Mi Taringa!</a>\
  37. 			</li>\
  38. 					<li class="">\
  39. 				<a href="/mi/destacados" data-tag="," data-tab="">Destacados</a>\
  40. 			</li>\
  41. 					<li class="">\
  42. 				<a href="/mi/populares" data-tag="," data-tab="">Populares</a>\
  43. 			</li>\
  44. 					<li class="">\
  45. 				<a href="/mi/publico" data-tag="," data-tab="">Público</a>\
  46. 			</li>\
  47. 			</ul>\
  48. 					<ul class="clearfix player-post">\
  49. 							<li><a href="/shoutNavigator.php?shoutId='+$('.shout-item').attr('data-fetchid')+'&amp;type=prev" original-title="Shout anterior (más viejo)" class="icon-rew before hastipsy"></a></li>\
  50. 							<li><a href="/shoutNavigator.php?shoutId='+$('.shout-item').attr('data-fetchid')+'&amp;type=random" original-title="Shout aleatorio" class="icon-random shuffle hastipsy"></a></li>\
  51. 							<li><a href="/shoutNavigator.php?shoutId='+$('.shout-item').attr('data-fetchid')+'&amp;type=next" original-title="Shout siguiente (más nuevo)" class="icon-ff next hastipsy"></a></li>\
  52. 					</ul>\
  53. </nav>\
  54. 							</div>\
  55. 		</div>';
  56.     
  57.     $(htmlTBar).insertAfter($('body .v6').first());
  58.     
  59.     
  60.     //COMMENT CREATOR
  61.     
  62.    // $('#commentBox').insertAfter($('.comment-replies-container.parent-comment').last());
  63.     $('#commentBox').insertAfter($('#comments'));
  64.     $('.comments__title').insertAfter('.shout-item');
  65.     
  66.     
  67.     //UserData
  68.  
  69.     $('.shout-user-info').prepend('<div class="uData"><ul></ul></div>');
  70.     
  71.     var dataName=$('.shout-user .shout-user_name').attr('data-uid');
  72.     
  73.     //GetData
  74.     $.ajax({
  75.         url:'http://api.taringa.net/user/view/'+dataName,
  76.         type:'get',
  77.         success:function(ev){
  78.             
  79.             var vals=ev;
  80.             $.ajax({
  81.                 url:'/'+vals.nick,             
  82.                 beforeSend:function(er,rr){
  83.                     rr.url='/'+vals.nick+'/posts';
  84.                     er.setRequestHeader('X-Requested-With', {toString: function(){ return ''; }});
  85.                 },
  86.                 success:function(rev){
  87.                     var re = /<style>body{background:\s*url\(\"(.*?)}<\/style>/ig; 
  88.                     var res = re.exec(rev);
  89.                     $('body').css('background','url("'+res[1]+'');
  90.                 }
  91.             });
  92.             
  93.                           
  94.             $('.shout-user-info').prepend('<div class="user-rank">'+vals.range.name+'</div>');
  95.             $.ajax({
  96.                 url:'http://api.taringa.net/user/stats/view/'+vals.id,
  97.                 type:'get',
  98.                 success:function(res){
  99.                     
  100.                     var dd = res;
  101.                     $('.uData ul').append('<li class="user-followers"><i class="icon followers"></i><span>'+addCommas(dd.followers)+'</span> Seguidores</li>');
  102.                     $('.uData ul').append('<li class="user-points"><i class="icon points"></i><span>'+addCommas(dd.points)+'</span> Puntos</li>');
  103.                     $('.uData ul').append('<li class="user-shouts"><i class="icon sprite-document-text-image"></i><span>'+addCommas(dd.shouts)+'</span> Shouts</li>');
  104.                     
  105.                     if($('.shout-user .shout-user_name').attr('data-uid') == global_data.user){
  106.                         $('.shout-user-info .follow-buttons').remove();
  107.                     }
  108.                     userNick=vals.nick;
  109.                     var hasImage= $('.shout-main-content').hasClass('image');
  110.                     var hasVideo= $('.shout-main-content').hasClass('video');
  111.                     shoutType="shout";
  112.                     if(hasImage){
  113.                         shoutTitle= userNick+ " compartió una imagen - Taringa!";
  114.                     }
  115.                     else if(hasVideo){
  116.                         shoutTitle= userNick+ " compartió una video - Taringa!";
  117.                     }
  118.                     else{
  119.                         var shoutC=$('.shout-txt').html();                        
  120.                         shoutC = shoutC.substr(0, 50);
  121.                         shoutC = shoutC.substr(0, Math.min(shoutC.length, shoutC.lastIndexOf(" ")))
  122.                         shoutC= shoutC + "...";
  123.                         shoutTitle= shoutC + "- @" + userNick +" - Taringa!";
  124.                     }
  125.                     //Title
  126.                     setInterval(function(){
  127.                         var dattt= JSON.parse(localStorage.syncTabs_Data);
  128.                         var counts=dattt[0].params[0].counts.notification;
  129.                         if(counts>0){
  130.                             shoutNot= "("+counts+") "+ shoutTitle;
  131.                             document.title = shoutNot;
  132.                         }
  133.                         else{
  134.                             document.title = shoutTitle;
  135.                         }
  136.                     },800);
  137.  
  138.                     //Show body again
  139.                   $('body').show();
  140.                 }
  141.             }).error(function(){$('body').show();});
  142.         }    
  143.     }).error(function(){$('body').show();});
  144.       
  145.    
  146. });
  147. //http://stackoverflow.com/questions/3753483/javascript-thousand-separator-string-format
  148. function addCommas(nStr) {
  149.     nStr += '';
  150.     x = nStr.split('.');
  151.     x1 = x[0];
  152.     x2 = x.length > 1 ? '.' + x[1] : '';
  153.     var rgx = /(\d+)(\d{3})/;
  154.     while (rgx.test(x1)) {
  155.             x1 = x1.replace(rgx, '$1' + '.' + '$2');
  156.     }
  157.     return x1 + x2;
  158. }