您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Active Topics Panel for your dashboard
// ==UserScript== // @name Wanikani Dashboard Active Topics Panel // @namespace mempo // @description Active Topics Panel for your dashboard // @include https://www.wanikani.com/dashboard // @include https://www.wanikani.com/ // @run-at document-end // @version 1.6.1 // @grant none // ==/UserScript== console.log('started Wanikani Dashboard Active Topics Panel'); ///////////////////////////////// //PREPARATION BEFORE LOADING ///////////////////////////////// var nonCleanDashboardCss = '.DATP-i-small { ' + 'left: 0px !important; '+ 'top: 0px !important; '+ 'line-height: 0px !important; '+ 'margin: -20px 0px 0px 150px !important; '+ 'width: 15px !important; '+ 'height: 15px !important; '+ '}'; addStyle(nonCleanDashboardCss); var DATPcss = '.DATP-i-small { ' + 'font-size: 15px !important; '+ 'position: relative; '+ 'left: 70% !important; '+ 'top: 20px !important; '+ 'border: 0px !important; '+ 'box-shadow: none !important;' + '}' + '.DATP-section { ' + 'width: inherit ;'+ '}' + '.DATP-table-wrapper { ' + 'position: relative ;'+ 'height: 400px ;'+ //TODO maybe replace hard coded value 'overflow: hidden ;'+ // 'line-height: 15px ;'+ '}' + '.DATP-table-wrapper table { ' + ' position: absolute; ' + '} ' + '.DATP-table-wrapper table tr td:last-child { ' + //' padding-right: 30px; ' + '} ' + '.DATP-table-left { ' + 'left: 0 ;'+ 'top: 0 ;'+ 'bottom: 0 ;'+ '}' + '.DATP-table-right { ' + 'left: 1170px ;'+ 'top: 0 ;'+ 'bottom: 0 ;'+ '}' + '.forum-topics-list table { ' + 'height: 400px ;'+ '}'; addStyle(DATPcss); var blog = $(".blog"); blog.removeClass(); blog.addClass("forum-topics-list dashboard-sub-section DATP-section"); //MAKE THE FORUM LIST SPAN 6 AGAIN $(".forum-topics-list").parent().removeClass().addClass("span6"); //ADD 'LOADING' ROW $(".DATP-section h3").after("<table></table>"); $(".DATP-section table").append('<tbody><tr><td>Panel is loading. Please be patient</td></tr></tbody>'); $(".DATP-section").css('background-color', "#D5D5D5"); a = $(".DATP-section .see-more a"); a.html("Visit the user panel..."); a.attr("href","https://www.wanikani.com/community/panel/"); var i = $(".DATP-section .heading-symbol i"); i.removeClass(); i.addClass("icon-comments-alt"); $( ".DATP-section h3" ).html(function(i,oldhtml){return oldhtml.slice(0, oldhtml.indexOf('WaniKani News')) + '<span class="DATP-title">Topics Active In</span>'; }); $('.DATP-section h3').prepend('<div class="heading-symbol"><i class="icon-edit"></i></div>'); $(".DATP-section").addClass("DATP-section"); $(".DATP-section>h3>div:last-child").addClass("DATP-i-big"); $(".DATP-section>h3>div:first-child").addClass("DATP-i-small"); $(".DATP-section table").wrap('<div class="DATP-table-wrapper"></div>'); $(".DATP-table-wrapper table").addClass('DATP-table-left'); /* var forumHeight = document.defaultView.getComputedStyle($('.forum-topics-list')[0], null).height; console.log(forumHeight); $(".DATP-table-wrapper").css('min-height',forumHeight); */ $(".DATP-table-wrapper").append('<table class="DATP-table-right DATP-loading"><tbody><tr><td>Panel is loading. Please be patient</td></tr></tbody></table>'); var panel = $(".DATP-section").parent().detach(); $(".forum-topics-list").parent().after(panel); ///////////////////////////// //ADD FUNCTIONALITY TO ICON ///////////////////////////// $('.DATP-i-small').click(function(){ var icon = $( ".DATP-i-small>i" ); if(icon.hasClass('icon-comments-alt')){ icon.removeClass().addClass('icon-edit'); }else{ icon.removeClass().addClass('icon-comments-alt'); } icon = $('.DATP-i-big>i'); if(icon.hasClass('icon-comments-alt')){ icon.removeClass().addClass('icon-edit'); }else{ icon.removeClass().addClass('icon-comments-alt'); } var $table = $('.DATP-table-wrapper .DATP-table-left'); $table.animate({ left: parseInt($table.css('left'),10) == 0 ? -$table.outerWidth() : 0 }); var $tableRight = $('.DATP-table-wrapper .DATP-table-right'); if($tableRight.hasClass('DATP-loading')){ loadCreatedTopics(); } $tableRight.animate({ left: parseInt($tableRight.css('left'),10) == 0 ? $table.outerWidth() : 0 }); if($( ".DATP-title" )[0].innerHTML.indexOf('Created Topics') !== -1){ $( ".DATP-title" )[0].innerHTML = $( ".DATP-title" )[0].innerHTML.replace('Created Topics','Topics Active In'); }else{ $( ".DATP-title" )[0].innerHTML = $( ".DATP-title" )[0].innerHTML.replace('Topics Active In','Created Topics'); } }); ///////////////////////////// //LOAD PARTIAL USER PANEL ///////////////////////////// $( ".DATP-section .DATP-table-left" ).load( "https://www.wanikani.com/community/panel #active-topics table", function(){ $( ".DATP-section .DATP-table-left>table" ).unwrap(); $(".DATP-table-wrapper table:first-child").addClass('DATP-table-left'); $( ".DATP-section .DATP-table-left thead" ).remove(); $( ".DATP-section .DATP-table-left tbody tr" ).unwrap(); $( ".DATP-section .DATP-table-left>tr>td:nth-child(2)" ).remove(); $( ".DATP-section .DATP-table-left>tr>td:nth-child(2)" ).remove(); $( ".DATP-section .DATP-table-left .description" ).html(function(i,oldhtml){return oldhtml.slice(0, oldhtml.indexOf('<br>')); }); $(".DATP-section .DATP-table-left td").css('padding', '15px 30px 15px 15px').css('width','130px'); //PADDING AND WIDTH OF TIMESTAMP TD $(".DATP-section .DATP-table-left td:first-child").css('width','270px').css('padding','15px 0px 15px 30px'); var a = $(".DATP-section .DATP-table-left a"); a.css('display', 'inline'); a.css('padding', '0'); $(".dashboard section.DATP-section .DATP-table-left td:first-child a:first-child").after('<br>'); $(".dashboard section.DATP-section .DATP-table-left tr").after('<tr><td colspan="2"><hr></td></tr>'); $(".dashboard section.DATP-section .DATP-table-left tr:last-child").remove(); }); ///////////////////////////// function loadCreatedTopics(){ $( ".DATP-section .DATP-table-right" ).load( "https://www.wanikani.com/community/panel #created-topics table", function(){ $( ".DATP-section .DATP-table-right>table" ).unwrap(); $(".DATP-table-wrapper table:last-child").addClass('DATP-table-right'); $( ".DATP-section .DATP-table-right thead" ).remove(); $( ".DATP-section .DATP-table-right tbody tr" ).unwrap(); $( ".DATP-section .DATP-table-right>tr>td:nth-child(2)" ).remove(); $( ".DATP-section .DATP-table-right>tr>td:nth-child(2)" ).remove(); $( ".DATP-section .DATP-table-right .description" ).html(function(i,oldhtml){return oldhtml.slice(0, oldhtml.indexOf('<br>')); }); $(".DATP-section .DATP-table-right td").css('padding', '15px 30px 15px 15px').css('width','130px'); //PADDING AND WIDTH OF TIMESTAMP TD $(".DATP-section .DATP-table-right td:first-child").css('width','270px').css('padding','15px 0px 15px 30px'); var a = $(".DATP-section .DATP-table-right a"); a.css('display', 'inline'); a.css('padding', '0'); $(".dashboard section.DATP-section .DATP-table-right td:first-child a:first-child").after('<br>'); $(".dashboard section.DATP-section .DATP-table-right tr").after('<tr><td colspan="2"><hr></td></tr>'); $(".dashboard section.DATP-section .DATP-table-right tr:last-child").remove(); $( ".DATP-section .DATP-table-right").css('left', '0px'); $('.DATP-table-wrapper .DATP-table-right').removeClass('DATP-loading'); }); } function addStyle(aCss) { var head, style; head = document.getElementsByTagName('head')[0]; if (head) { style = document.createElement('style'); style.setAttribute('type', 'text/css'); style.textContent = aCss; head.appendChild(style); return style; } return null; }
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址