☰

Tumblr Timestamp

Adds Timestamp on Dashboard (even on private blogs)

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

  1. // ==UserScript==
  2. // @name       		Tumblr Timestamp
  3. // @namespace  		http://wolfspirals.tumblr.com/
  4. // @version    		0.7
  5. // @description  	Adds Timestamp on Dashboard (even on private blogs)
  6. // @include     	*://www.tumblr.com/*
  7. // @grant			gm_uwin
  8. // @copyright  		2015+, Allyson Moisan
  9. // ==/UserScript==
  10.  
  11. (function () {
  12.     // insertionQuery v1.0.0 (2014-03-06) 
  13.     // license:MIT 
  14.     // naugtur <naugtur@gmail.com> (http://naugtur.pl/) 
  15.     var insertionQ = function(){"use strict";function a(a,b){var d,e="insQ_"+g++,f=function(a){(a.animationName===e||a[i]===e)&&(c(a.target)||b(a.target))};d=document.createElement("style"),d.innerHTML="@"+j+"keyframes "+e+" {  from {  outline: 1px solid transparent  } to {  outline: 0px solid transparent }  }\n"+a+" { animation-duration: 0.001s; animation-name: "+e+"; "+j+"animation-duration: 0.001s; "+j+"animation-name: "+e+";  } ",document.head.appendChild(d);var h=setTimeout(function(){document.addEventListener("animationstart",f,!1),document.addEventListener("MSAnimationStart",f,!1),document.addEventListener("webkitAnimationStart",f,!1)},n.timeout);return{destroy:function(){clearTimeout(h),d&&(document.head.removeChild(d),d=null),document.removeEventListener("animationstart",f),document.removeEventListener("MSAnimationStart",f),document.removeEventListener("webkitAnimationStart",f)}}}function b(a){a.QinsQ=!0}function c(a){return n.strictlyNew&&a.QinsQ===!0}function d(a){return c(a.parentNode)?a:d(a.parentNode)}function e(a){for(b(a),a=a.firstChild;a;a=a.nextSibling)void 0!==a&&1===a.nodeType&&e(a)}function f(f,g){var h=[],i=function(){var a;return function(){clearTimeout(a),a=setTimeout(function(){h.forEach(e),g(h),h=[]},10)}}();return a(f,function(a){if(!c(a)){b(a);var e=d(a);h.indexOf(e)<0&&h.push(e),i()}})}var g=100,h=!1,i="animationName",j="",k="Webkit Moz O ms Khtml".split(" "),l="",m=document.createElement("div"),n={strictlyNew:!0,timeout:20};if(m.style.animationName&&(h=!0),h===!1)for(var o=0;o<k.length;o++)if(void 0!==m.style[k[o]+"AnimationName"]){l=k[o],i=l+"AnimationName",j="-"+l.toLowerCase()+"-",h=!0;break}var p=function(b){return h&&b.match(/[^{}]/)?(n.strictlyNew&&e(document.body),{every:function(c){return a(b,c)},summary:function(a){return f(b,a)}}):!1};return p.config=function(a){for(var b in a)a.hasOwnProperty(b)&&(n[b]=a[b])},p}();
  16.     
  17.     var gm_uwin = ( function() {
  18.             var a;
  19.             try {
  20.                 a = unsafeWindow == window ? false : unsafeWindow;
  21.                 // Chrome: window == unsafeWindow
  22.             } catch(e) {
  23.             }
  24.             return a || ( function() {
  25.                     var el = document.createElement('p');
  26.                     el.setAttribute('onclick', 'return window;');
  27.                     return el.onclick();
  28.                 }());
  29.         }());
  30.     
  31.     var $ = gm_uwin.jQuery;
  32.     
  33.     if ( typeof $ !== "undefined") {
  34.         $(document).ready(function() {
  35.           $("head").append('<style type="text/css"> .post_timestamp { font-weight: normal; clear: both; position: absolute; top: 16px; left: 20px; font-size: 11px; } </style>');
  36.             if ($('li.post_container').length > 0) {
  37.                 $('li.post_container').each(function(i, v) {
  38.                     processPostDate(v);
  39.                 });
  40.             }
  41.             insertionQ('li.post_container').every(function(v) {
  42.                 processPostDate(v);
  43.             });
  44.         });
  45.     }
  46.     
  47.     function parsePostDate(post) {
  48.     	var postDate = new Date(), timeBox = $(post).contents().find("a.post_permalink").get(0);
  49.     	if (typeof timeBox != "undefined") {
  50. 	    	var timeText = timeBox.title.substr(timeBox.title.indexOf(" - ") + 3);
  51. 	    	if(timeText.length > 0) {
  52. 	    		if(timeText.indexOf("day") > -1) {
  53. 	    			// post time is not today, within past week
  54. 	    			var txtDay = timeText.substr(0, timeText.indexOf(",")),
  55. 	    				numDay = getDayChange(txtDay, postDate.getDay()),
  56. 	    				ap = timeText.substr(timeText.length - 2),
  57. 	    				hr = parseInt(timeText.substr(timeText.indexOf(", ") + 2, timeText.indexOf(":")), 0),
  58. 	    				mn = parseInt(timeText.substr(timeText.indexOf(":") + 1, 2), 10);
  59. 	    			if ((postDate.getDate() + numDay) < -1){
  60. 		    			postDate.setDate(-1);
  61. 		    			postDate.setDate(postDate.getDate() + numDay + 1);
  62. 		    		} else {
  63. 		    			postDate.setDate(postDate.getDate() + numDay);
  64. 		    		}
  65. 		    		if (hr !== 12) {
  66. 	    				hr = hr + ((ap === "am") ? 0 : 12);
  67. 	    			} else {
  68. 	    				hr = hr - ((ap === "am") ? 12 : 0);
  69. 	    			}
  70. 	    			postDate.setHours(hr);
  71. 	    			postDate.setMinutes(mn);
  72. 	    		} else if (timeText.indexOf(",") > -1) {
  73. 	    			// post time is older than a week
  74. 	    			var dateParts = timeText.split(" ");
  75. 	    			if (dateParts.length > 3) { // happened another year
  76. 	    				var year = parseInt(dateParts[2].substr(0, 4)),
  77. 	    					month = getMonthNumber(dateParts[0]),
  78. 	    					date = parseInt(dateParts[1], 0),
  79. 	    					ap = dateParts[3].substr(dateParts[3].length - 2),
  80. 	    					hr = parseInt(dateParts[3].substr(0, dateParts[3].indexOf(":")), 0),
  81. 	    					mn = parseInt(dateParts[3].substr(dateParts[3].indexOf(":") + 1, 2), 10),
  82. 	    					sec = postDate.getSeconds(),
  83. 	    					ms = postDate.getMilliseconds();
  84. 	    					if (hr !== 12) {
  85. 	    						hr = hr + ((ap === "am") ? 0 : 12);
  86. 		    				} else {
  87. 		    					hr = hr - ((ap === "am") ? 12 : 0);
  88. 		    				}
  89. 	    				postDate = new Date(year, month, date, hr, mn, sec, ms);
  90. 	    			} else { // happened this year
  91. 	    				var year = postDate.getFullYear(),
  92. 	    					month = getMonthNumber(dateParts[0]),
  93. 	    					date = parseInt(dateParts[1], 0),
  94. 	    					ap = dateParts[2].substr(dateParts[2].length - 2),
  95. 	    					hr = parseInt(dateParts[2].substr(0, dateParts[2].indexOf(":")), 0),
  96. 	    					mn = parseInt(dateParts[2].substr(dateParts[2].indexOf(":") + 1, 2), 10),
  97. 	    					sec = postDate.getSeconds(),
  98. 	    					ms = postDate.getMilliseconds();
  99. 	    					if (hr !== 12) {
  100. 		    					hr = hr + ((ap === "am") ? 0 : 12);
  101. 		    				} else {
  102. 		    					hr = hr - ((ap === "am") ? 12 : 0);
  103. 		    				}
  104. 	    				postDate = new Date(year, month, date, hr, mn, sec, ms);
  105. 	    			}
  106. 	    		} else {
  107. 	    			// post time is today
  108. 	    			var ap = timeText.substr(timeText.length - 2),
  109. 	    				hr = parseInt(timeText.substr(0, timeText.indexOf(":")), 0),
  110. 	    				mn = parseInt(timeText.substr(timeText.indexOf(":") + 1, 2), 10);
  111. 	    				if (hr !== 12) {
  112. 	    					hr = hr + ((ap === "am") ? 0 : 12);
  113. 	    				} else {
  114. 	    					hr = hr - ((ap === "am") ? 12 : 0);
  115. 	    				}
  116. 		   			postDate.setHours(hr);
  117. 	    			postDate.setMinutes(mn);
  118. 	    		}
  119. 	    	}
  120. 	    	return postDate;
  121.     	} else {
  122.     		return false;
  123.     	}
  124.     	
  125.     }
  126.     
  127.     function getDayChange(oldDayText, newDay){
  128.     	var oldDay = -1;
  129.     	switch (oldDayText) {
  130.     		case "Monday":
  131.     			oldDay = 1;
  132.     			break;
  133.     		case "Tuesday":
  134.     			oldDay = 2;
  135.     			break;
  136.     		case "Wednesday":
  137.     			oldDay = 3;
  138.     			break;
  139.     		case "Thursday":
  140.     			oldDay = 4;
  141.     			break;
  142.     		case "Friday":
  143.     			oldDay = 5;
  144.     			break;
  145.     		case "Saturday":
  146.     			oldDay = 6;
  147.     			break;
  148.     		default:
  149.     			oldDay = 0;
  150.     			break;
  151.     	}
  152.     	var retday = oldDay - newDay;
  153.     	if (newDay < oldDay) {
  154.     		retday = retday - 7;
  155.     	}
  156.     	return retday;
  157.     }
  158.     
  159.     function getMonthNumber(monthText) {
  160.     	var monthNum = -1;
  161.     	switch (monthText) {
  162.     		case "February":
  163.     			monthNum = 1;
  164.     			break;
  165.     		case "March":
  166.     			monthNum = 2;
  167.     			break;
  168.     		case "April":
  169.     			monthNum = 3;
  170.     			break;
  171.     		case "May":
  172.     			monthNum = 4;
  173.     			break;
  174.     		case "June":
  175.     			monthNum = 5;
  176.     			break;
  177.     		case "July":
  178.     			monthNum = 6;
  179.     			break;
  180.     		case "August":
  181.     			monthNum = 7;
  182.     			break;
  183.     		case "September":
  184.     			monthNum = 8;
  185.     			break;
  186.     		case "October":
  187.     			monthNum = 9;
  188.     			break;
  189.     		case "November":
  190.     			monthNum = 10;
  191.     			break;
  192.     		case "December":
  193.     			monthNum = 11;
  194.     			break;
  195.     		default:
  196.     			monthNum = 0;
  197.     			break;
  198.     	}
  199.     	return monthNum;
  200.     }
  201.     
  202.     function relativePostTime(current, previous) {
  203.  
  204. 	    var msPerMinute = 60 * 1000;
  205. 	    var msPerHour = msPerMinute * 60;
  206. 	    var msPerDay = msPerHour * 24;
  207. 	    var msPerWeek = msPerDay * 7;
  208. 	    var msPerMonth = msPerDay * 30;
  209. 	    var msPerYear = msPerDay * 365;
  210. 	
  211. 	    var elapsed = ((current > previous) ? (current - previous) : (previous - current));
  212. 	    
  213. 	    if (elapsed < msPerMinute) {
  214. 	    	return 'a few seconds ago';
  215. 	    } else if (elapsed < msPerHour) {
  216. 	    	var ret = Math.round(elapsed/msPerMinute);
  217.             if (ret === 1) {
  218.             	return ret + ' minute ago';
  219.             } else {
  220.                 return ret + ' minutes ago';
  221.             }
  222. 	    } else if (elapsed < msPerDay ) {
  223. 	    	var ret = Math.round(elapsed/msPerHour);
  224. 	    	if (ret === 1) {
  225.             	return ret + ' hour ago';
  226.             } else {
  227.                 return ret + ' hours ago';
  228.             } 
  229. 	    } else if (elapsed < msPerWeek ) {
  230. 	    	var ret = Math.round(elapsed/msPerDay);
  231. 	    	if (ret === 1) {
  232.             	return ret + ' day ago';
  233.             } else {
  234.                 return ret + ' days ago';
  235.             } 
  236. 	    } else if (elapsed < msPerMonth ) {
  237. 	    	var ret = Math.round(elapsed/msPerWeek);
  238. 	    	if (ret === 1) {
  239.             	return ret + ' week ago';
  240.             } else {
  241.                 return ret + ' weeks ago';
  242.             } 
  243. 	    } else if (elapsed < msPerYear) {
  244. 	    	var ret = Math.round(elapsed/msPerMonth);
  245. 	    	if (ret === 1) {
  246.             	return ret + ' month ago';
  247.             } else {
  248.                 return ret + ' months ago';
  249.             }  
  250. 	    } else {
  251. 	    	var ret = Math.round(elapsed/msPerYear);
  252. 	    	if (ret === 1) {
  253.             	return ret + ' year ago';
  254.             } else {
  255.                 return ret + ' years ago';
  256.             }    
  257. 	    }
  258. 	}
  259.  
  260. 	function formatDate(myDate) {
  261.         var weekDays = [], monthNames = [], theDate = myDate.getDate(), finalReturn = "";
  262.         weekDays[0] = "Sun";
  263.         weekDays[1] = "Mon";
  264.         weekDays[2] = "Tue";
  265.         weekDays[3] = "Wed";
  266.         weekDays[4] = "Thu";
  267.         weekDays[5] = "Fri";
  268.         weekDays[6] = "Sat";
  269.         monthNames[0] = "January";
  270.         monthNames[1] = "February";
  271.         monthNames[2] = "March";
  272.         monthNames[3] = "April";
  273.         monthNames[4] = "May";
  274.         monthNames[5] = "June";
  275.         monthNames[6] = "July";
  276.         monthNames[7] = "August";
  277.         monthNames[8] = "September";
  278.         monthNames[9] = "October";
  279.         monthNames[10] = "November";
  280.         monthNames[11] = "December";
  281.         
  282.         finalReturn += weekDays[myDate.getDay()] + " " + monthNames[myDate.getMonth()] + " " + myDate.getDate().toString();
  283.         
  284.         if(myDate.getDate() === 1 || myDate.getDate() === 21 || myDate.getDate() === 31) {
  285.         	finalReturn += "st, ";
  286.         } else if (myDate.getDate() === 2 || myDate.getDate() === 22) {
  287.         	finalReturn += "nd, ";
  288.         } else if (myDate.getDate() === 3 || myDate.getDate() === 23) {
  289.         	finalReturn += "rd, ";
  290.         } else {
  291.         	finalReturn += "th, ";
  292.         }
  293.         
  294.         finalReturn += myDate.getFullYear().toString() + " at ";
  295.         
  296.         if (myDate.getHours() === 0) {
  297.         	finalReturn += (myDate.getHours() + 12).toString() + ":";
  298.         } else if (myDate.getHours() <= 12) {
  299.         	finalReturn += (myDate.getHours()).toString() + ":";
  300.         } else {
  301.         	finalReturn += (myDate.getHours() - 12).toString() + ":";
  302.         }
  303.         
  304.         if (myDate.getMinutes() < 10) {
  305.         	finalReturn += "0" + myDate.getMinutes().toString() + " ";
  306.         } else {
  307.         	finalReturn += myDate.getMinutes().toString() + " ";
  308.         }
  309.         
  310.         if(myDate.getHours() < 12) {
  311.         	finalReturn += "AM";
  312.         } else {
  313.         	finalReturn += "PM";
  314.         }
  315.         
  316.         return finalReturn;
  317. 	}
  318.     
  319.     function insertPostDate(post, postTime, relativeTime) {
  320.     	var d = document.createElement("div");
  321.     	d.setAttribute("class", "post_timestamp");
  322.         $(d).html(formatDate(postTime) + " &bull; " + relativeTime);
  323.     	$(d).appendTo($(post).contents().find("div.post_header").get(0));
  324.     }
  325.     
  326.     function processPostDate(post) {
  327.         if ($(post).children("div.post_timestamp").length === 0) {
  328.         	var postTime = parsePostDate(post);
  329.         	if (postTime) {
  330.         		var relativeTime = relativePostTime((new Date()).getTime(), postTime.getTime());
  331.         		insertPostDate(post, postTime, relativeTime);
  332.         	}
  333.         	return false;
  334.         }
  335.     }
  336. })();