☰

WaniKani Level Duration

This will display the number of days since your last level-up. Two display options are offered. By RhosVeedcy.

安装此脚本?
作者推荐脚本

您可能也喜欢Wanikani: Level Duration 2。

安装此脚本 
  1. // ==UserScript==
  2. // @name          WaniKani Level Duration
  3. // @namespace     https://www.wanikani.com
  4. // @description   This will display the number of days since your last level-up. Two display options are offered.  By RhosVeedcy.
  5. // @version 1.3.3
  6. // @include       https://www.wanikani.com/
  7. // @include       https://www.wanikani.com/dashboard
  8. // @include       https://www.wanikani.com/level/*
  9. // @include       https://www.wanikani.com/radicals*
  10. // @include       https://www.wanikani.com/lattice/*
  11. // @include       https://www.wanikani.com/kanji*
  12. // @include       https://www.wanikani.com/vocabulary*
  13. // @include       https://www.wanikani.com/community*
  14. // @include       https://www.wanikani.com/chat/*
  15. // @include       https://www.wanikani.com/about
  16. // @include       https://www.wanikani.com/api
  17. // @include       https://www.wanikani.com/faq
  18. // @run-at	  document-end
  19. // @grant	  GM_registerMenuCommand
  20.  
  21. // ==/UserScript==
  22.  
  23.  
  24. function get(id) {
  25.     console.log('get fct');
  26.     if (id && typeof id === 'string') {
  27. 	console.log(id);
  28.         id = document.getElementById(id);
  29.     }
  30.     return id || null;
  31. }
  32.  
  33.  
  34. function dateSuffix(d) {
  35.   if(d>3 && d<21) return 'th'; // http://stackoverflow.com/questions/15397372/javascript-new-date-ordinal-st-nd-rd-th
  36.   switch (d % 10) {
  37.         case 1:  return "st";
  38.         case 2:  return "nd";
  39.         case 3:  return "rd";
  40.         default: return "th";
  41.     }
  42. }
  43.  
  44.  
  45. function GMsetup() {
  46.  
  47.   if (GM_registerMenuCommand) {
  48.  
  49.     GM_registerMenuCommand('WaniKani Level Duration: Switch display type', function() {
  50. 	var curDType = localStorage.getItem("WKlvldurDType") || 0;
  51. 	curDType++;
  52. 	curDType %= 2;
  53. 	localStorage.setItem("WKlvldurDType", curDType);
  54. 	location.reload();
  55.     });
  56.  
  57.     GM_registerMenuCommand('WaniKani Level Duration: Set manually', function() {
  58.       var minusDays = prompt('How many days ago did you level up?');
  59.       if (minusDays != null) {
  60. 	minusDays = Number(minusDays);
  61. 	if (isNaN(minusDays) || minusDays < 0) { 
  62. 		
  63. 		return; 
  64. 	}
  65. 	var d = new Date();
  66. 	var n = d.getTime();
  67. 	minusDays *= 24*60*60*1000;
  68. 	localStorage.setItem("WKlvlupLevTime", n - minusDays); // record level-up time
  69. 	location.reload();
  70.       }
  71.     });
  72.  
  73.   }
  74. }
  75.  
  76.  
  77. function checkLevel() {
  78.  
  79. 	console.log("checkLevel() start");
  80.  
  81. 	var lastKnownLevel = localStorage.getItem("WKlvlupPrevLevel") || 1;
  82. 	var levelEls = document.getElementsByClassName("levels");
  83.  
  84. 	if (!levelEls || !levelEls[0]) {
  85.  
  86. 		return -1;
  87. 	}
  88.  
  89. 	var spanEls = levelEls[0].getElementsByTagName("span");
  90.  
  91. 	if (!spanEls || !spanEls[0]) {
  92.  
  93. 		return -1;
  94. 	}
  95.  
  96.  
  97. 	var curlevel = spanEls[0].innerHTML || lastKnownLevel;
  98.  
  99. 	var prev = Number(lastKnownLevel);
  100. 	var cur  = Number(curlevel);
  101. 	var next = prev + 1;
  102.  
  103. 	if (cur == next) { 
  104. 		console.log("leveled up!");
  105. 		var d = new Date();
  106. 		var n = d.getTime();
  107. 		localStorage.setItem("WKlvlupLevTime", n); // record level-up time
  108. 		localStorage.setItem("WKlvlupPrevLevel", cur);  // update 'lastKnownLevel' for next time
  109.  
  110. 	} else if (cur != prev) {
  111. 		// either this is the first time we're running, or there's a different user here, 
  112. 		// or the user's subscription status has changed, or something else weird is going on.
  113.  
  114. 		// if cur == 2, assume the user's subscription expired; leave everything be and wait for renewal. Otherwise,
  115.  
  116. 		if (cur != 2 || ! localStorage.getItem("WKlvlupPrevLevel")) { 
  117.  
  118.  
  119. 			// clear WKlvlupLevTime to make sure we don't display incorrect level info
  120. 			console.log("reinitializing");
  121. 			localStorage.setItem("WKlvlupLevTime", 0);
  122. 			localStorage.setItem("WKlvlupPrevLevel", cur);  // update 'lastKnownLevel' for next time
  123. 		}
  124.  
  125. 	} //else cur == prev, so 'lastKnownLevel' is still correct (or it will continue to default to 1 if it hasn't been stored yet)
  126.  
  127. 	console.log("prev level: ", prev);
  128. 	console.log("cur level: ", cur);
  129. 	console.log("next level: ", next);
  130. 	console.log("checkLevel() end");
  131.  
  132. 	return cur;
  133. }
  134.  
  135.  
  136.  
  137. function displayLastLevTime( curLevel ) {
  138.  
  139.    console.log('displayLastLevTime()');
  140.  
  141.    var lastKnownLevel = localStorage.getItem("WKlvlupPrevLevel") || 1;
  142.    var levTime = localStorage.getItem("WKlvlupLevTime") || 0;
  143.    var wkPage = window.location.pathname;
  144.  
  145.    if (levTime != 0 && curLevel == lastKnownLevel) {
  146.  
  147. 	var datetime = new Date(Number(levTime));
  148. 	var now = new Date;
  149. 	var one10thDay = 24*60*60*100;	// hours*minutes*seconds*milliseconds/10
  150. 	var diffDays = (Math.round((now.getTime() - datetime.getTime())/(one10thDay))) / 10;
  151. 	var curDType = localStorage.getItem("WKlvldurDType") || 0;
  152.  
  153. 	console.log("diffDays    = ", diffDays);
  154. 	console.log("displayType = ", curDType);
  155.  
  156. 	if (curDType == 0) { // display type 0
  157.  
  158. 	   var levelsbox = document.getElementsByClassName("levels")[0].getElementsByTagName("a")[0];
  159.  
  160. 	   if (levelsbox) {
  161.  
  162. 		var t2 = document.createElement('div');
  163.  		t2.innerHTML = '<div id="WKlvldurLBTxt"> </div>'+
  164.   		     		'</div>';
  165.  
  166.   		levelsbox.appendChild(t2);
  167.  
  168. 		var thing3 = get("WKlvldurLBTxt");
  169.  
  170. 		if (thing3 && diffDays >= 0) {
  171.  
  172. 			var dayString = ((diffDays > 1.0) ? " days)" : " day)");
  173.  
  174. 			if (diffDays < 0.1) {
  175.  
  176. 				diffDays = "< 0.1";   // (< 0.1 day)
  177. 			}
  178.  
  179. 			thing3.innerHTML = "(" + diffDays + dayString;
  180.  
  181. 			// this next block is to make everything else in the navbar line up properly (popups mainly)
  182.  
  183. 			var boxnames = ["title", "lessons", "reviews", "radicals", "kanji", "vocabulary", "account"];
  184.  
  185. 			for (var i=0; i < boxnames.length; i++) {
  186.  
  187. 				var innerStr = '<div id=' + boxnames[i] + 'xxlvlup' + ' style="color:#F2F2F2"> </div>'+ '</div>';
  188. 				var thebox = document.getElementsByClassName(boxnames[i])[0].getElementsByTagName("a")[0];
  189. 				var stubby = document.createElement('div');
  190.  				stubby.innerHTML = innerStr;
  191. 				thebox.appendChild(stubby);
  192. 				var theThing = get(boxnames[i]+'xxlvlup');
  193. 				theThing.innerHTML = ".";
  194. 			}
  195. 		}
  196. 	    }
  197. 	} else if (wkPage === "/" || wkPage === "/dashboard") { // display type 1
  198.  
  199. 	   var celebrationImg = get("WKlvlupImg");
  200. 	   var celebrationTxt = get("WKlvlupTxt");
  201.  
  202. 	   if (celebrationImg || celebrationTxt) { return; } // WK LevelUP Celebrator is doing its thing, don't crash the party
  203.  
  204. 	   var msg = get("search");
  205.  
  206. 	   if (msg) {
  207.  
  208.    		var t = document.createElement('div');
  209.  
  210.  		t.innerHTML = '<div id="WKlvldurTxt" align="center" style="margin:18px;text-align:center;line-height:110%;font-size:100%;"> </div>'+
  211.       		  		'</div>';
  212.  
  213. 		t.style.fontFamily = "'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif";
  214. 	    	msg.appendChild(t);
  215.  
  216. 		var thing2 = get("WKlvldurTxt");
  217.  
  218. 		if (thing2) {
  219.  
  220. 			var daynames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  221. 			var monthnames = ["January ", "February ", "March ", "April ", "May ", "June ", "July ", "August ", "September ", "October ", "November ", "December "];
  222. 			var dd = datetime.getDate();
  223. 			var hours = datetime.getHours();
  224. 			var minutes = datetime.getMinutes();
  225. 			var ampm = "AM";
  226.  
  227. 			if (hours > 12) {
  228.  
  229. 				hours -= 12;
  230. 				ampm = "PM";
  231. 			}
  232.  
  233. 			if (minutes < 10) {
  234.  
  235. 				minutes = "0" + String(minutes);
  236. 			}
  237.  
  238. 			var theTxt = "You reached Level " + curLevel + " on " + daynames[datetime.getDay()] + ", " + monthnames[datetime.getMonth()] + dd + dateSuffix(dd) + " at " + hours + ":" + minutes + " " + ampm;
  239.  
  240. 			if (diffDays >= 0 && diffDays < 0.1) {
  241.  
  242. 				theTxt += " (< 0.1 day ago)";
  243. 			
  244. 			} else if (diffDays >= 0.1 && diffDays <= 1) {
  245.  
  246. 				theTxt += " (" + diffDays + " day ago)";
  247.  
  248. 			} else if (diffDays > 1) {
  249.  
  250. 				theTxt += " (" + diffDays + " days ago)";
  251. 			}
  252.  
  253. 			thing2.innerHTML= theTxt;
  254. 		}
  255. 	    }
  256. 	}
  257.   }
  258. }
  259.  
  260.  
  261. function init () {
  262.  
  263. 	console.log('init() start');
  264.  
  265. 	var curDType = localStorage.getItem("WKlvldurDType");
  266.     
  267.       	if (!curDType) {
  268.         	localStorage.setItem("WKlvldurDType", 0);
  269.       	}
  270.       
  271. 	console.log('init() end');
  272. }
  273.  
  274.  
  275.  
  276. function main () {
  277.  
  278. 	var curLevel;
  279.  
  280. 	console.log("pathname: ", window.location.pathname);
  281.  
  282. 	console.log("main()");
  283.  
  284. 	init();
  285.  
  286. 	GMsetup();
  287.  
  288. 	curLevel = checkLevel();
  289.  
  290. 	if (curLevel != -1) {
  291.  
  292. 		displayLastLevTime(curLevel);
  293. 	}
  294. }
  295.  
  296. window.addEventListener("load", main, false);
  297.  
  298. console.log('script load end');