☰

Greasy Fork is available in English.

Unsolved tab on PSE

Add "Unsolved" tab on Puzzling Stack Exchange

  1. // ==UserScript== 
  2. // @name          Unsolved tab on PSE
  3. // @version	  0.1
  4. // @author	  Lord of dark (http://stackexchange.com/users/5950528/lord-of-dark)
  5. // @description   Add "Unsolved" tab on Puzzling Stack Exchange
  6. // @include       http://puzzling.stackexchange.com/*
  7. // @require 	  http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  8. // @grant         GM_xmlhttpRequest
  9. // @namespace https://greatest.deepsurf.us/users/49190
  10. // ==/UserScript==
  11.  
  12.  
  13. var unanswered = document.querySelectorAll('[id="nav-unanswered"]')[0];
  14. var tabs = unanswered.parentNode.parentNode;
  15. var unsolved = unanswered.cloneNode(true);
  16. unsolved.id="nav-unsolved";
  17. unsolved.innerHTML="Unsolved";
  18. unsolved.setAttribute("href","/unsolved");
  19. var li_unsolved = document.createElement('li');
  20. li_unsolved.appendChild(unsolved);
  21. tabs.appendChild(li_unsolved);
  22.  
  23. var unsolved_url="puzzling.stackexchange.com/unsolved"
  24. if(content.document.location.href.indexOf(unsolved_url) > -1){
  25. 	// Update page title :
  26. 	document.title = "Unsolved Questions - Puzzling Stack Exchange";
  27. 	
  28. 	// Add focus on unsolved tab, remove from other tabs
  29. 	tabs_youarehere = tabs.querySelectorAll('[class="youarehere"]')
  30. 	for (var i = 0; i < tabs_youarehere.length; i++) { tabs_youarehere[i].removeAttribute("class");};
  31. 	unsolved.parentNode.setAttribute("class","youarehere");
  32. 	
  33. 	//remove every thing in the blank part :
  34. 	var center_html = document.getElementById("content");
  35. 	center_html.innerHTML="";
  36. 	
  37. 	// Check the type of reasearch type :
  38. 	var researchType = findResearchType();
  39. 	
  40. 	// Check the page
  41. 	var page= findPage();
  42. 	
  43. 	// Call the unanswered and copy it
  44. 	GM_xmlhttpRequest({
  45.   	method: "GET",
  46.  	  url: "http://puzzling.stackexchange.com/unanswered",
  47. 	  onload: function(response) {
  48. 		    // Add all the content from UNANSWERED
  49. 			var tempDiv = document.createElement('html');
  50. 			tempDiv.innerHTML = response.responseText;
  51. 			var all_div = tempDiv.getElementsByTagName("div");
  52. 			for (var i=0;i<all_div.length;i++){
  53. 				if (all_div[i].getAttribute('id')=="content"){
  54. 					var content = all_div[i].innerHTML;
  55. 					center_html.innerHTML=content;
  56. 				}
  57. 			}		
  58. 			 updateBodyContext(researchType);
  59. 			 //http://puzzling.stackexchange.com/search?page=1&q=hasaccepted%3Afalse+closed%3Afalse+duplicate%3Afalse+locked%3Afalse+hasnotice%3Afalse+answers%3A0
  60. 			 var urlSearch;
  61. 			 switch(researchType) {
  62. 				case "noanswers":
  63. 					urlSearch="http://puzzling.stackexchange.com/search?page="+page+"&q=hasaccepted%3Afalse+closed%3Afalse+duplicate%3Afalse+locked%3Afalse+hasnotice%3Afalse+answers%3A0"
  64. 				break;
  65. 				default:
  66. 					urlSearch="http://puzzling.stackexchange.com/search?page="+page+"&tab="+researchType+"&q=hasaccepted%3afalse%20closed%3afalse%20duplicate%3afalse%20locked%3afalse"
  67. 			} 
  68. 					
  69. 				
  70. 			GM_xmlhttpRequest({
  71. 				method: "GET",
  72. 				url: urlSearch,
  73. 				
  74. 				onload: function(response) {
  75.  
  76. 				var tempDiv = document.createElement('div');
  77. 				tempDiv.innerHTML = response.responseText.replace(/<script(.|\s)*?\/script>/g, '');
  78. 				
  79. 				var nb_questions = tempDiv.getElementsByTagName("h2")[0].firstChild;
  80. 				document.getElementsByClassName("summarycount al")[0].innerHTML=nb_questions.nodeValue
  81. 				
  82. 				var questionsText = tempDiv.getElementsByClassName("search-results js-search-results")[0];
  83. 				var questions_area = document.getElementById("questions");
  84. 				questions_area.innerHTML= questionsText.innerHTML
  85.  
  86. 				document.getElementsByClassName("mod-flair").remove();
  87. 				
  88. 				var all_answer_links = document.querySelectorAll('[data-searchsession]');
  89. 				for (var i = 0; i < all_answer_links.length; i++) {
  90. 				all_answer_links[i].removeAttribute("data-searchsession");
  91. 				all_answer_links[i].setAttribute("class","question-hyperlink");
  92. 				all_answer_links[i].innerHTML= all_answer_links[i].innerHTML.replace("Q: ","");
  93. 				var wrapper = document.createElement('h3');
  94. 				all_answer_links[i].parentNode.appendChild(wrapper);
  95. 				wrapper.appendChild(all_answer_links[i])
  96. 				}
  97.  
  98. 				var alluserid=""
  99. 				
  100. 				var all_from = document.querySelectorAll('[class="started fr"]');
  101. 				for (var i = 0; i < all_from.length; i++) {
  102. 					var relative_time = all_from[i].getElementsByTagName('span')[0];
  103. 					var a_childs= all_from[i].getElementsByTagName('a');
  104. 					var user;//= '<a href="/users/0/user">user</a>'
  105. 					if (a_childs.length>0){
  106. 						user= a_childs[0];
  107. 					} else { // if there is no <a> then the user has been deleted
  108. 						user = document.createElement('a');
  109. 						user.setAttribute("href","/users/0/user");
  110. 						user.innerHTML='deleted user'
  111. 					}
  112. 					all_from[i].innerHTML= all_from[i].innerHTML.replace("asked","");
  113. 					all_from[i].innerHTML= all_from[i].innerHTML.replace("by","");
  114. 					var userName = user.cloneNode(true);
  115. 					var userid = userName.getAttribute("href").replace("/users/","").replace(/\/.*/gi,"");
  116. 					alluserid=alluserid+userid+";";
  117. 					user.innerHTML='<div class="gravatar-wrapper-32"><img src="http://i.stack.imgur.com/Fe45R.png" alt="" height="32" width="32"></div>';
  118. 					var gravatarDiv = document.createElement('div');
  119. 					gravatarDiv.setAttribute("class","user-gravatar32");
  120. 					gravatarDiv.appendChild(user);
  121. 					all_from[i].innerHTML="";
  122. 					all_from[i].appendChild(relative_time);
  123. 					all_from[i].appendChild(gravatarDiv);
  124. 					
  125. 					var detailsDiv = document.createElement('div');
  126. 					detailsDiv.setAttribute("class","user-details");
  127. 					all_from[i].appendChild(detailsDiv);
  128. 					detailsDiv.appendChild(userName);
  129. 				}
  130. 				alluserid = alluserid.replace(/;$/,"");
  131.  
  132. 				
  133. 				var all_dates = document.querySelectorAll('[class="relativetime"]');
  134. 				for (var i = 0; i < all_dates.length; i++) {
  135. 					var infoDiv = document.createElement('div');
  136. 					infoDiv.setAttribute("class","user-info");
  137. 					all_dates[i].parentNode.appendChild(infoDiv);
  138. 					var timeDiv = document.createElement('div');
  139. 					timeDiv.innerHTML="asked ";
  140. 					timeDiv.setAttribute("class","user-action-time");
  141. 					timeDiv.appendChild(all_dates[i]);
  142. 					infoDiv.appendChild(timeDiv);
  143. 					infoDiv.appendChild(infoDiv.parentNode.getElementsByClassName("user-gravatar32")[0]);
  144. 					infoDiv.appendChild(infoDiv.parentNode.getElementsByClassName("user-details")[0]);
  145.  
  146. 					//add flair
  147. 					var flairDiv = document.createElement('div');
  148. 					flairDiv.setAttribute("class","-flair");
  149. 					infoDiv.getElementsByClassName("user-details")[0].appendChild(flairDiv);
  150. 					flairDiv.innerHTML='<span class="reputation-score" title="reputation score " dir="ltr">???</span>';
  151. 				}
  152.  
  153. 				createPageNav(page,researchType)
  154. 				updateUserProfil(alluserid);
  155.  
  156. 				
  157. 			  }
  158. 			});
  159. 			
  160. 	  }
  161. 	});
  162. 	
  163. 	// Actions before requesting the questions, applied to context.
  164. 	function updateBodyContext(researchType) {
  165. 		// update the title
  166. 		var title_body = document.getElementById("h-unanswered-questions");
  167. 		title_body.innerHTML="Unsolved Questions";
  168. 		
  169. 		// setcontent to empty
  170. 		var questionsDiv = document.getElementById("questions");
  171. 		questionsDiv.innerHTML="";
  172. 		
  173. 		// set question count to 0$
  174. 		var counter = document.getElementsByClassName('summarycount al')[0];
  175. 		counter.innerHTML="?";
  176. 		counter.parentNode.getElementsByTagName("span")[0].innerHTML='questions with no accepted answers';
  177.  
  178. 		// remove page navigation :
  179. 		document.getElementsByClassName('pager fl').remove()
  180. 		
  181. 		// Change tab links
  182. 		var tabs_link = document.getElementById("tabs");
  183. 		var links = tabs_link.getElementsByTagName("a");
  184. 		for (var i = 0; i < links.length; i++) {
  185. 			links[i].setAttribute("href",links[i].getAttribute("href").replace("unanswered","unsolved"));
  186. 			if (links[i].getAttribute("href").indexOf(researchType)>-1){
  187. 				links[i].setAttribute("class","youarehere");
  188. 			} else {
  189. 				links[i].removeAttribute("class");
  190. 			}
  191. 			if (links[i].getAttribute("href")=="/unsolved/tagged?tab=mytags"){
  192. 				links[i].innerHTML="";
  193. 			}
  194. 		}
  195. 			
  196. 			
  197. 	}
  198. 	
  199. 	function findPage() {
  200. 		var ind1=document.location.href.indexOf("page=");
  201. 		if (ind1 <1){
  202. 			return "1"
  203. 		}
  204. 		else{
  205. 			var ind2=document.location.href.indexOf("&",ind1+1);
  206. 			if (ind2>4){
  207. 				return document.location.href.substring(ind1+5,ind2);
  208. 			} else {
  209. 				return document.location.href.substring(ind1+5);
  210. 			}
  211. 		}
  212. 		return "1"
  213. 	}
  214. 	
  215. 	function findResearchType() {
  216. 		var ind1=document.location.href.indexOf("tab=");
  217. 		if (ind1 <1){
  218. 			return "newest"
  219. 		}
  220. 		else{
  221. 			var ind2=document.location.href.indexOf("&",ind1+1);
  222. 			if (ind2>4){
  223. 				return document.location.href.substring(ind1+4,ind2);
  224. 			} else {
  225. 				return document.location.href.substring(ind1+4);
  226. 			}
  227. 		}
  228. 		return "newest"
  229. 	}
  230. 	
  231. 	// Define HTTP client to get the JSON
  232. 	function httpGetAsync(theUrl, callback)
  233. 	{
  234. 		var xmlHttp = new XMLHttpRequest();
  235. 		xmlHttp.onreadystatechange = function() { 
  236. 			if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
  237. 				callback(xmlHttp.responseText);
  238. 		}
  239. 		xmlHttp.open("GET", theUrl, true); // true for asynchronous 
  240. 		xmlHttp.send(null);
  241. 	}
  242. 	
  243. 	
  244. 	// This function update the profil (gravatar / reputation / badges)
  245. 	// Use API to get this data -> API without login limited at 300 request/day
  246. 	function updateUserProfil(alluserid){
  247. 		//var jsonUrl ='https://api.stackexchange.com/2.2/users/'+alluserid+'?page=1&pagesize=50&order=desc&sort=reputation&site=puzzling&filter=!LnNkvq0X3NNP1zDzft3_WF';
  248. 		var jsonUrl ='https://api.stackexchange.com/2.2/users/'+alluserid+'?page=1&pagesize=50&order=desc&sort=reputation&site=puzzling&filter=!LnO)*RBcCzpAXUnHZRkHoo'
  249. 		httpGetAsync(jsonUrl, function(response) {
  250. 			var userJson = JSON.parse(response);
  251. 			var items = userJson.items;
  252. 			function jsonHasId(id){
  253. 				for(var i = 0; i < items.length; i++){
  254. 						if (items[i].user_id==id){
  255. 							return true;
  256. 						}
  257. 				}
  258. 				return false;
  259. 			}
  260. 			
  261. 			function getImgUrl(id){
  262. 				for(var i = 0; i < items.length; i++){
  263. 						if (items[i].user_id==id){
  264. 							return items[i].profile_image;
  265. 						}
  266. 				}
  267. 				return "";
  268. 			};
  269. 			
  270. 			function getRepBadges(id){
  271. 				for(var i = 0; i < items.length; i++){
  272. 						if (items[i].user_id==id){
  273. 						return [items[i].reputation,items[i].badge_counts.gold,items[i].badge_counts.silver,items[i].badge_counts.bronze,items[i].user_type=="moderator"];
  274. 						}
  275. 				}
  276. 				return [1,0,0,0];
  277. 			};
  278. 			
  279. 			// Loop on the users to update their profil pictures
  280. 			var all_gravatars = document.querySelectorAll('[class="user-gravatar32"]');
  281. 			for (var i = 0; i < all_gravatars.length; i++) {
  282. 				var userName=all_gravatars[i].getElementsByTagName('a')[0].getAttribute("href").replace("/users/","").replace(/\/.*/gi,"");
  283. 				if(jsonHasId(userName)){
  284. 					all_gravatars[i].getElementsByTagName('img')[0].setAttribute("src",getImgUrl(userName));
  285. 					var flair=all_gravatars[i].nextSibling.lastChild;
  286. 					var repBadges =  getRepBadges(userName);
  287. 					flair.innerHTML='<span class="reputation-score" title="reputation score " dir="ltr">'+repBadges[0]+'</span>';
  288. 					if (repBadges[1]>0) {
  289. 						flair.innerHTML+='<span title="'+repBadges[1]+' gold badges"><span class="badge1"></span><span class="badgecount">'+repBadges[1]+'</span></span>';
  290. 					}
  291. 					if (repBadges[2]>0) {
  292. 						flair.innerHTML+='<span title="'+repBadges[2]+' silver badges"><span class="badge2"></span><span class="badgecount">'+repBadges[2]+'</span></span>';
  293. 					}
  294. 					flair.innerHTML+='<span title="'+repBadges[3]+' bronze badges"><span class="badge3"></span><span class="badgecount">'+repBadges[3]+'</span></span>';
  295. 					// Add moderator Diamonds
  296. 					if (repBadges[4]){
  297. 						var mod = document.createElement('span');
  298. 						mod.setAttribute('class','mod-flair');
  299. 						mod.setAttribute('title',"moderator");
  300. 						mod.innerHTML="♦";
  301. 						flair.parentNode.insertBefore(mod,flair);
  302. 					}
  303. 				}
  304. 			}
  305. 		});
  306. 	}
  307. 	
  308. 	// Create the footer to navigate in other pages
  309. 	function createPageNav(page,researchType) {
  310. 		var maxPages = Math.ceil(document.getElementsByClassName('summarycount al')[0].innerHTML /50);
  311. 		var pagerfl = document.createElement('div');
  312. 		pagerfl.setAttribute('class','pager fl');
  313. 		pagerfl.innerHTML="";
  314. 		if (page > 1) { // add prev button
  315. 			pagerfl.appendChild(addPage(page-1, researchType, "prev"));
  316. 		}
  317. 		if (page > 3) {
  318. 			pagerfl.appendChild(addPage(1, researchType, "1"));
  319. 		}
  320. 		if (page > 4) {
  321. 			pagerfl.innerHTML+='<span class="page-numbers dots">…</span>';
  322. 		}
  323. 		if (page > 2) {
  324. 			pagerfl.appendChild(addPage(page-2, researchType, page-2));
  325. 		}
  326. 		if (page > 1) {
  327. 			pagerfl.appendChild(addPage(page-1, researchType, page-1));
  328. 		}
  329. 		pagerfl.innerHTML+='<span class="page-numbers current">'+page+'</span>' // add current page number
  330.  
  331. 		if (page < maxPages){
  332. 			pagerfl.appendChild(addPage(page-(-1), researchType, page-(-1)));
  333. 		}
  334. 		if (page < maxPages-1){
  335. 			pagerfl.appendChild(addPage(page-(-2), researchType, page-(-2)));
  336. 		}
  337. 		if (page < maxPages-3){
  338. 			pagerfl.innerHTML+='<span class="page-numbers dots">…</span>';
  339. 		}
  340. 		if (page < maxPages-2){
  341. 			pagerfl.appendChild(addPage(maxPages, researchType, maxPages));
  342. 		}
  343.  
  344. 		if (page < maxPages){
  345. 			pagerfl.appendChild(addPage(page+1, researchType, "next"));
  346. 		}
  347. 		// add next button
  348. 		var pageplus1 = page+1
  349. 		
  350. 		document.getElementById('mainbar').appendChild(pagerfl);
  351. 	}
  352. 	
  353. 	// function to create a page number span
  354. 	function addPage(page, researchType, name){
  355. 		var a_page= document.createElement('a');
  356. 		a_page.setAttribute("href","/unsolved?page="+page+"&tab="+researchType);
  357. 		a_page.setAttribute("title","go to page "+page);
  358. 		var span_page= document.createElement('span');
  359. 		span_page.setAttribute("class","page-numbers "+page);
  360. 		span_page.innerHTML=name;
  361. 		a_page.appendChild(span_page);
  362. 		a_page.innerHTML+=" ";
  363. 		return a_page;
  364. 	}
  365.  
  366. 	// Remove node list
  367. 	NodeList.prototype.remove = HTMLCollection.prototype.remove = function() {
  368.     		for(var i = this.length - 1; i >= 0; i--) {
  369.         	if(this[i] && this[i].parentElement) {
  370.           		this[i].parentElement.removeChild(this[i]);
  371.         	}
  372.     }
  373. }
  374. 	
  375. }