☰

slideshow

View Imgur media in a slideshow format

  1. // ==UserScript==
  2. // @name       		    slideshow
  3. // @namespace  		    https://greatest.deepsurf.us/en/users/94062-oshaw
  4. // @version    		    3
  5. // @description			View Imgur media in a slideshow format
  6. // @author				Oscar Shaw
  7. // @grant   			none
  8. // @include				https://*.reddit.*/r/*
  9. // @include			 	http://imgur.com/*
  10. // @include				https://imgur.com/*
  11. // @require				http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
  12. // @run-at				document-start
  13. // ==/UserScript==
  14.  
  15. /* "name":				"library.js",
  16.    "program":			"Slideshow",
  17.    "description":   	""
  18. */
  19.  
  20. function say(str_input,     tab_input = window) {
  21. 	
  22. 	tab_input.console.log(str_input);
  23. 	
  24. } say("Compiled");
  25. function list(arrkvp_input, tab_input = window) {
  26. 	
  27. 	var str_output = "";
  28. 	
  29. 	for (var i = 0; i < arrkvp_input.length; i++) {
  30. 		
  31. 		str_output += (
  32. 			
  33. 			  arrkvp_input[i][0] + ": \t\t"
  34. 			+ arrkvp_input[i][1] + "\n"
  35. 		);
  36. 	}
  37. 	
  38. 	say(str_output, tab_input);
  39. }
  40. function shout(str_input,   tab_input = window) {
  41. 	
  42. 	tab_input.alert(str_input);
  43. }
  44. function tag(str_element,   tab_input = window) {
  45. 	
  46. 	switch (str_element[0]) {
  47. 		
  48. 		case '.': return tab_input.document.getElementsByClassName(str_element.substring(1));
  49. 		case '#': return tab_input.document.getElementById(str_element.substring(1));
  50. 		default: return;
  51. 	}
  52. }
  53. function sayTab(str_body,   str_title = "")     {
  54. 	
  55. 	window.open().document.body.appendChild(document.createElement('pre')).innerHTML
  56. 		= (str_title != "" ? str_function + "\n\n" : "")
  57. 		+ str_body;
  58. }
  59. function tryCatch(anon)                         {
  60. 	
  61. 	try { anon(); }
  62. 	catch(str_error) { say(str_error); }
  63. }
  64. function isDef(var_input)                       {
  65. 	
  66. 	return !(var_input == null || var_input == undefined || var_input == "");
  67. }
  68. function func_xhr(obj_input)                    {
  69. 	
  70. 	say("func_xhr requesting " + obj_input.url_destination);
  71. 	
  72. 	var xhr	= new XMLHttpRequest();
  73. 	xhr.onload = function() {
  74. 		
  75. 		try { var json = JSON.parse(this.responseText); }
  76. 		catch(str_error) {
  77. 			
  78. 			say("func_error\n\n" + str_error + "\n\n" + this.responseText);
  79. 			obj_input.func_error(str_error);
  80. 		}
  81. 		
  82. 		if (!isDef(json.status)) obj_input.func_success(json);
  83. 		if (json.status == 200) {
  84. 			
  85. 			say("func_success");
  86. 			obj_input.func_success(json);
  87. 		}
  88. 		else {
  89. 			
  90. 			say("func_failure");
  91. 			obj_input.func_failure(json.status);
  92. 		}
  93. 	};
  94. 	xhr.open("GET", obj_input.url_destination, true);
  95. 	
  96. 	if (obj_input.str_headerKey != undefined && obj_input.str_headerValue != undefined) {
  97. 		
  98. 		xhr.setRequestHeader(
  99. 		
  100. 			obj_input.str_headerKey,
  101. 			obj_input.str_headerValue
  102. 		);
  103. 	}
  104. 	xhr.send();
  105. }
  106. function func_htmlUnescape(str_input)           {
  107. 	
  108.     return str_input
  109. 		.replace(/&quot;/g, '"')
  110. 		.replace(/&#39;/g, "'")
  111. 		.replace(/&lt;/g, '<')
  112. 		.replace(/&gt;/g, '>')
  113. 		.replace(/&amp;/g, '&');
  114. }
  115.  
  116. /* "name":				"parsers.js",
  117.    "program":			"Slideshow",
  118.    "description":   	""
  119. */
  120.  
  121. function func_imgurUrlToJson(url_input, func_callback, arrstr_endpoints = ["append", "album", "image"]) {
  122. 	
  123. 	const constr_imgurApiId = "b5abfbf0e29baf1";
  124. 	var hash_source = url_input.substring(url_input.lastIndexOf("/") + 1);
  125. 	var anon_request = function(str_endpoint, func_next) {
  126. 		
  127. 		var obj_xhrInputs;
  128. 		switch(str_endpoint) {
  129. 			
  130. 			case "append": {
  131. 				
  132. 				obj_xhrInputs = { url_destination: url_input + ".json" }
  133. 				break;
  134. 			}
  135. 			case "album": {
  136. 				
  137. 				obj_xhrInputs = {
  138. 					
  139. 					  url_destination: "https://api.imgur.com/3/album/" + hash_source
  140. 					, str_headerKey: "Authorization"
  141. 					, str_headerValue: "Client-ID " + constr_imgurApiId
  142. 				}
  143. 				break;
  144. 			}
  145. 			case "image": {
  146. 				
  147. 				obj_xhrInputs = {
  148. 					
  149. 					  url_destination: "https://api.imgur.com/3/image/" + hash_source
  150. 					, str_headerKey: "Authorization"
  151. 					, str_headerValue: "Client-ID " + constr_imgurApiId
  152. 				}
  153. 				break;
  154. 			}
  155. 			
  156. 			default: break;
  157. 		}
  158. 		
  159. 		func_xhr({
  160. 			
  161. 			  url_destination: obj_xhrInputs.url_destination
  162. 			, func_success: function(json_response) { func_callback(json_response); }
  163. 			, func_error: func_next
  164. 			, func_failure: func_next
  165. 			, str_headerKey: obj_xhrInputs.str_headerKey
  166. 			, str_headerValue: obj_xhrInputs.str_headerValue
  167. 		});
  168. 	};
  169. 	
  170. 	var i = 0;
  171. 	anon_request(arrstr_endpoints[i], function() {
  172. 		
  173. 		if (isDef(arrstr_endpoints[i + 1])) {
  174. 			
  175. 			i++;
  176. 			anon_request(arrstr_endpoints[i], function() {
  177. 				
  178. 				if (isDef(arrstr_endpoints[i + 1])) {
  179. 					
  180. 					i++;
  181. 					anon_request(arrstr_endpoints[i]);
  182. 				}
  183. 			});
  184. 		}
  185. 	}, function() {
  186. 		
  187. 		if (isDef(arrstr_endpoints[i + 1])) {
  188. 			
  189. 			i++;
  190. 			anon_request(arrstr_endpoints[i], function() {
  191. 				
  192. 				if (isDef(arrstr_endpoints[i + 1])) {
  193. 					
  194. 					i++;
  195. 					anon_request(arrstr_endpoints[i]);
  196. 				}
  197. 			});
  198. 		}
  199. 	});
  200. }
  201. function func_imgurJsonToSsdn(json_input)         {
  202. 	
  203. 	say("func_imgur_jsonToSsdn");
  204. 	
  205. 	var bool_isAppend = json_input.data.hasOwnProperty("image");
  206. 	var node_inputHeader = bool_isAppend ? json_input.data.image : json_input.data;
  207. 	var node_imageArray = bool_isAppend ? json_input.data.image.album_images.images : json_input.data.images;
  208. 	
  209. 	var ssdn_output = {
  210. 		
  211. 		node_header:
  212. 		{
  213. 			  str_title:			(node_inputHeader.title === null) ? "" : node_inputHeader.title
  214. 			, str_description:		(node_inputHeader.description === null) ? "" : node_inputHeader.description
  215. 			, str_poster:			node_inputHeader.account_url
  216. 			, int_length:			bool_isAppend ? node_inputHeader.num_images : node_inputHeader.images_count
  217. 			, int_views:			node_inputHeader.views
  218. 			, int_points:			node_inputHeader.points
  219. 			, int_ups:				node_inputHeader.ups
  220. 			, int_downs:			node_inputHeader.downs
  221. 		}
  222. 		, node_payload:				[]
  223. 	};
  224. 	var int_outputLength = ssdn_output.node_header.int_length;
  225. 	ssdn_output.node_header.int_length = (int_outputLength == null) ? 1 : int_outputLength;
  226. 	
  227. 	if (ssdn_output.node_header.int_length > 1) { // If album
  228. 		
  229. 		$.each(node_imageArray, function(i, node_image) {
  230. 		
  231. 			ssdn_output.node_payload.push({
  232. 				
  233. 				  str_title:		(node_image.title === null) ? "" : node_image.title
  234. 				, str_description:	(node_image.description === null) ? "" : node_image.description
  235. 				, url_direct:		bool_isAppend ? "http://i.imgur.com/" + node_image.hash + node_image.ext : node_image.link
  236. 			});
  237. 		});
  238. 		
  239. 	}
  240. 	else { // If image
  241. 		
  242. 		ssdn_output.node_payload.push({
  243. 			
  244. 			  str_title:			undefined
  245. 			, str_description:		undefined
  246. 			, url_direct:			node_inputHeader.link
  247. 		});
  248. 	}
  249. 	
  250. 	say("func_imgur_jsonToSsdn payload completed");
  251. 	return ssdn_output;
  252. }
  253. function class_redditParser(url_input, func_send) {
  254. 	
  255. 	function func_stringToUrlArray(str_input) {
  256. 		
  257. 		// say("func_stringToUrlArray");
  258. 		
  259. 		var array_urls = [];
  260. 		
  261. 		if (isDef(str_input.match(/http(.*?)(?=["?])/g))) {
  262. 			
  263. 			$.each(str_input.match(
  264. 			
  265. 				/http(.*?)(?=["?])/g
  266. 			
  267. 			), function(i, url) { array_urls.push(url); });
  268. 		}
  269. 		
  270. 		// say("func_stringToUrlArray completed");
  271. 		return array_urls;
  272. 	}
  273. 	function func_isUrlImageDirect(url_input) {
  274. 		
  275. 		return (url_input.indexOf(".jpg") != -1
  276. 				|| url_input.indexOf(".png") != -1
  277. 				|| url_input.indexOf(".gif") != -1);
  278. 	}
  279. 	function func_redditThreadHeaderToSsdnHeader(json_redditHeader) {
  280. 		
  281. 		return {
  282. 			
  283. 			node_header: {
  284. 				
  285. 				str_title: json_redditHeader.title
  286. 			}
  287. 		};
  288. 	}
  289. 	function func_urlWithRedditContextToSsdnPayload(url, json_redditComment) {
  290. 		
  291. 		return {
  292. 			
  293. 			node_payload:
  294. 			[
  295. 				{
  296. 					  str_title: json_redditComment.author
  297. 					, str_description: func_htmlUnescape(json_redditComment.body_html)
  298. 					, int_points: json_redditComment.score
  299. 					, url_direct: url
  300. 				}
  301. 			]
  302. 		};
  303. 	}
  304. 	function func_main() {
  305. 		
  306. 		func_xhr({ url_destination: url_input + ".json", func_success: function(json_reddit) {
  307. 			
  308. 			{ func_send( // Fabricate and send header
  309. 			
  310. 				func_redditThreadHeaderToSsdnHeader
  311. 				(json_reddit[0].data.children[0].data)
  312.  
  313. 			); }
  314. 			
  315. 			$.each(json_reddit[1].data.children, function(i, json_comment) { // Each comment
  316. 				
  317. 				if (!isDef(json_comment.data.body_html)) return;
  318. 				
  319. 				$.each(func_stringToUrlArray(json_comment.data.body_html), function(j, url) {
  320. 					
  321. 					if (func_isUrlImageDirect(url)) { // Direct
  322. 						
  323. 						{ func_send(
  324. 						
  325. 							func_urlWithRedditContextToSsdnPayload
  326. 							(url, json_comment.data)
  327. 							
  328. 						); }
  329. 					}
  330. 					else if (url.indexOf("imgur") != -1) { // Indirect
  331. 						
  332. 						func_imgurUrlToJson(url, function(json_indirectUrlResponse) {
  333. 							
  334. 							$.each(json_indirectUrlResponse.data.images,
  335. 								function(k, json_imgurImage) {
  336. 								
  337. 								ssdn_output = func_urlWithRedditContextToSsdnPayload(
  338. 									json_imgurImage.link,
  339. 									json_comment.data);
  340. 								
  341. 								var node_image = ssdn_output.node_payload[0];
  342. 								node_image.int_index = k + 1;
  343. 								node_image.int_length = json_indirectUrlResponse.data.images.length;
  344. 								node_image.url_album = url;
  345. 								
  346. 								func_send(ssdn_output);
  347. 							});
  348. 							
  349. 						}, ["album", "image"]);
  350. 					}
  351. 					
  352. 				}); // Next url in comment
  353. 				
  354. 			}); // Next comment
  355. 		}});
  356. 		
  357. 	} func_main();
  358. 	
  359. 	say("class_redditParser completed");
  360. }
  361.  
  362. /* "name":				"slideshow.js",
  363.    "program":			"Slideshow",
  364.    "description":   	""
  365. */
  366.  
  367. function class_slideshow(tab) {
  368. 	
  369. 	const contab_home       = tab;
  370. 	
  371. 	var css_head            = ""; { // CSS
  372. 		
  373. 		{ css_head += 
  374. 			"\
  375. 			<script type='text/javascript' src='http://ajax.googleapis.com/\
  376. 			ajax/libs/jquery/1.4.1/jquery.min.js'></script>\
  377. 		"; }
  378. 		{ css_head += "<title></title><style>"; }
  379. 		{ css_head += // #ctn_main, #ctn_image, 
  380. 			"\
  381. 			#ctn_main\
  382. 			{\
  383. 				top:					0px;\
  384. 				right:					0px;\
  385. 				height: 				" + contab_home.innerHeight + "px;\
  386. 				width: 					" + contab_home.innerWidth + "px;\
  387. 				position: 				absolute;\
  388. 			}\
  389. 			#ctn_image\
  390. 			{\
  391. 				height: 				" + contab_home.innerHeight + "px;\
  392. 				width:					100%;\
  393. 			}\
  394. 			#act_image\
  395. 			{\
  396. 				display:				block;\
  397. 				height:					" + contab_home.innerHeight + "px;\
  398. 				width:				 	100%;\
  399. 				position:				absolute;\
  400. 				background-position:	center center;\
  401. 				background-repeat:		no-repeat;\
  402. 				background-size:		contain;\
  403. 				z-index:				1;\
  404. 			}\
  405. 		"; }
  406. 		{ css_head += // .grp_details
  407. 			"\
  408. 			.grp_textBoxes\
  409. 			{\
  410. 				margin:					0px;\
  411. 				text-align:				center;\
  412. 			}\
  413. 			.grp_details\
  414. 			{\
  415. 				display:				none;\
  416. 				z-index:				1;\
  417. 			}\
  418. 			.grp_bold\
  419. 			{\
  420. 				font-weight:			bold;\
  421. 			}\
  422. 			#ctn_header\
  423. 			{\
  424. 				width:					100%;\
  425. 			}\
  426. 			#act_header\
  427. 			{\
  428. 				box-sizing:				border-box;\
  429. 				padding-top:			0px;\
  430. 				padding-bottom:			7px;\
  431. 				padding-left:			45px;\
  432. 				padding-right:			45px;\
  433. 			}\
  434. 			#ctn_footer\
  435. 			{\
  436. 				width: 					100%;\
  437. 			}\
  438. 			#act_footer\
  439. 			{\
  440. 				box-sizing:				border-box;\
  441. 				padding-top:			10px;\
  442. 				padding-bottom:			10px;\
  443. 				padding-left:			45px;\
  444. 				padding-right:			45px;\
  445. 				bottom:					0px;\
  446. 				width:					100%;\
  447. 			}\
  448. 			#p_imageNumbers\
  449. 			{\
  450. 				display:				none;\
  451. 			}\
  452. 			ul\
  453. 			{\
  454. 				padding:				0px;\
  455. 				margin:					0px;\
  456. 			}\
  457. 			ol\
  458. 			{\
  459. 				padding:				0px;\
  460. 				margin:					0px;\
  461. 			}\
  462. 			p\
  463. 			{\
  464. 				padding:				0px;\
  465. 				margin:					0px;\
  466. 			}\
  467. 		"; }
  468. 		{ css_head += // .grp_navButtons
  469. 			"\
  470. 			.grp_navButtons\
  471. 			{\
  472. 				top:					0px;\
  473. 				display:				none;\
  474. 				line-height:			" + contab_home.innerHeight + "px;\
  475. 				height:					100%;\
  476. 				margin:					0px;\
  477. 				cursor:					pointer;\
  478. 				text-align:				center;\
  479. 				vertical-align:			middle;\
  480. 				position:				absolute;\
  481. 				z-index:				10;\
  482. 			}\
  483. 			#btn_prev\
  484. 			{\
  485. 				left:					0px;\
  486. 				padding-left:			15px;\
  487. 				padding-right:			15px;\
  488. 			}\
  489. 			#btn_next\
  490. 			{\
  491. 				padding-left:			15px;\
  492. 				padding-right:			15px;\
  493. 				right:					0px;\
  494. 			}\
  495. 		"; }
  496. 		{ css_head += // css_head suffix
  497. 			"\
  498. 			</style>\
  499. 		"; }
  500. 	}
  501. 	var html_body           = ""; { // HTML
  502. 		
  503. 		{ html_body += // #ctn_main prefix
  504. 			"\
  505. 			<div id = 'ctn_main'>\
  506. 		"; }
  507. 		{ html_body += // #ctn_header
  508. 			"\
  509. 			<div class = 'grp_details' id = 'ctn_header'>\
  510. 				<div id = 'act_header'>\
  511. 					<h1 class = 'grp_textBoxes' id = 'h1_title'></h1>\
  512. 					<p class = 'grp_textBoxes' id = 'p_subtitle'></p>\
  513. 				</div>\
  514. 			</div>\
  515. 		"; }
  516. 		{ html_body += // #ctn_image
  517. 			"\
  518. 			<div class = 'grp_image' id = 'ctn_image'>\
  519. 				<div class = 'grp_image' id = 'act_image'></div>\
  520. 			</div>\
  521. 		"; }
  522. 		{ html_body += // #ctn_footer
  523. 			"\
  524. 			<div class = 'grp_details' id = 'ctn_footer'>\
  525. 				<div id = 'act_footer'>\
  526. 					<p class = 'grp_textBoxes' id = 'p_desc'></p>\
  527. 					<p class = 'grp_textBoxes grp_bold' id = 'p_imageNumbers'></p>\
  528. 				</div>\
  529. 			</div>\
  530. 		"; }
  531. 		{ html_body += // #ctn_main suffix, .grp_navButtons, 
  532. 			"\
  533. 				<div class = 'grp_navButtons' id = 'btn_prev'></div>\
  534. 				<div class = 'grp_navButtons' id = 'btn_next'></div>\
  535. 			</div>\
  536. 		"; }
  537. 	}
  538. 	var ssdn_source         = { node_header: {}, node_payload: [] };
  539. 	var int_imageCurrent    = 0;
  540. 	var bool_detailsDisplay = false;
  541. 	
  542. 	function func_detailsDisplay(bool_newDetailsDisplay = bool_detailsDisplay) {
  543. 		
  544. 		bool_detailsDisplay = bool_newDetailsDisplay;
  545. 		if (bool_detailsDisplay) { // Show
  546. 			
  547. 			var int_allocateHeightHeader = 0;
  548. 			var int_allocateHeightFooter = 0;
  549. 			{ var bool_showHeader = 
  550. 			
  551. 				   isDef(tag("#h1_title", contab_home).textContent)
  552. 				|| isDef(tag("#p_subtitle", contab_home).textContent)
  553. 			};
  554. 			{ var bool_showFooter = 
  555. 			
  556. 				    isDef(tag("#p_desc", contab_home).textContent)
  557. 				|| tag("#p_imageNumbers", contab_home).style.display == "block"
  558. 			};
  559. 			
  560. 			if (bool_showHeader) {
  561. 				
  562. 				tag("#ctn_header", contab_home).style.display = "block";
  563. 				int_allocateHeightHeader = tag("#ctn_header", contab_home).clientHeight;
  564. 			}
  565. 			if (bool_showFooter) {
  566. 				
  567. 				tag("#ctn_footer", contab_home).style.display = "block";
  568. 				int_allocateHeightFooter = tag("#act_footer", contab_home).clientHeight;
  569. 			}
  570. 			
  571. 			$.each(tag(".grp_image", contab_home), function(i, elmt) {
  572. 				
  573. 				elmt.style.height = (
  574. 				
  575. 					  contab_home.innerHeight
  576. 					- int_allocateHeightHeader
  577. 					- int_allocateHeightFooter
  578. 						
  579. 				).toString() + "px";
  580. 			});
  581. 		}
  582. 		else { // Hide
  583. 			
  584. 			$.each(tag(".grp_details", contab_home), function(i, elmt) {
  585. 				
  586. 				elmt.style.display = "none";
  587. 			});
  588. 			$.each(tag(".grp_image", contab_home), function(i, elmt) {
  589. 				
  590. 				elmt.style.height = contab_home.innerHeight.toString() + "px";
  591. 			});
  592. 		}
  593. 		
  594. 		say("func_detailsDisplay completed", contab_home);
  595. 	}
  596. 	function func_imageDisplay(int_newImageCurrent = int_imageCurrent) {
  597. 		
  598. 		// If reached end or beginning of album, stop
  599. 		if (!isDef(ssdn_source.node_payload[int_newImageCurrent])) {
  600. 			
  601. 			say("func_imageDisplay completed early with " + int_imageCurrent, contab_home);
  602. 			return;
  603. 		}
  604. 		
  605. 		int_imageCurrent = int_newImageCurrent;
  606. 		var node_image = ssdn_source.node_payload[int_imageCurrent];
  607. 		
  608. 		{ tag("#act_image", contab_home).style.backgroundImage = (
  609. 		
  610. 			  "url(" 
  611. 			+ ((!isDef(node_image.url_direct)) ? "" : node_image.url_direct)
  612. 			+ ")"
  613. 			
  614. 		); }
  615. 		{ tag("#p_desc", contab_home).innerHTML = (
  616. 		
  617. 			(
  618. 				(!isDef(node_image.str_title)) ? ""
  619. 				: (	"<span class = 'grp_bold'>"
  620. 					+ node_image.str_title
  621. 					+ "</span> " )
  622. 					
  623. 			) + (
  624. 			
  625. 				(!isDef(node_image.str_description)) ? ""
  626. 				: node_image.str_description
  627. 			)
  628. 		); }
  629. 		{ tag("#p_imageNumbers", contab_home).innerHTML = (
  630. 			
  631. 			(int_imageCurrent + 1).toString()
  632. 			+ " / "
  633. 			+ (
  634. 			
  635. 				(!isDef(ssdn_source.node_header))
  636. 				? ssdn_source.node_payload.length
  637. 				: (
  638. 				
  639. 					(!isDef(ssdn_source.node_header.int_length))
  640. 					? ssdn_source.node_payload.length
  641. 					: ssdn_source.node_header.int_length
  642. 					
  643. 				)
  644. 				
  645. 			).toString()
  646. 			
  647. 		); }
  648. 		
  649. 		if (isDef(tag(".md", contab_home)[0])) {
  650. 			
  651. 			$.each(tag(".md", contab_home)[0].querySelectorAll('a'), function(i, elmt) {
  652. 			
  653. 				if (elmt.href.indexOf(node_image.url_direct) != -1
  654. 					|| elmt.href.indexOf(node_image.url_album) != -1) {
  655. 					
  656. 					var str_indexAndLength = "";
  657. 					if (isDef(node_image.int_index)
  658. 						&& isDef(node_image.int_length)
  659. 						&& (node_image.int_length != 1)) {
  660. 						
  661. 						str_indexAndLength
  662. 							= " (" + node_image.int_index + " / "
  663. 							+ node_image.int_length + ")";
  664. 					}
  665. 					
  666. 					elmt.innerHTML = (
  667. 					
  668. 						'<span class = "grp_bold">'
  669. 						+ elmt.innerHTML
  670. 						+ str_indexAndLength
  671. 						+ '</span>'
  672. 					);
  673. 				}
  674. 			});
  675. 		}
  676. 		
  677. 		func_detailsDisplay();
  678. 	}
  679. 	function func_headerUpdate() {
  680. 		
  681. 		var node = (!isDef(ssdn_source.node_header))
  682. 			? {}
  683. 			: ssdn_source.node_header;
  684. 		
  685. 		{ (tag("#h1_title", contab_home)).textContent =
  686. 		
  687. 			(!isDef(node.str_title)) ? ""
  688. 			: node.str_title;
  689. 		}
  690. 		{ (tag("#p_subtitle", contab_home)).innerHTML =
  691. 		
  692. 			((!isDef(node.str_poster)) ? "" :
  693. 			
  694. 				"Posted by <span class = 'grp_bold'>\
  695. 				<a href = 'http://imgur.com/user/"
  696. 				+ node.str_poster + "'>"
  697. 				+ node.str_poster
  698. 				+ "</a></span>"
  699. 			
  700. 			) +
  701. 			
  702. 			((isDef(node.str_poster) && (isDef(node.int_points)
  703. 				|| isDef(node.int_views))) ? " with " : "") +
  704. 		
  705. 			((!isDef(node.int_points)) ? "" :
  706. 			
  707. 				"<span class = 'grp_bold'>"
  708. 				+ node.int_points
  709. 				+ " point" + ((node.int_points > 1) ? "s" : "") + "</span>"
  710. 			
  711. 			) +
  712. 			
  713. 			((isDef(node.int_points) && isDef(node.int_views)) ? " and " : "") +
  714. 			
  715. 			((!isDef(node.int_views)) ? "" :
  716. 			
  717. 				"<span class = 'grp_bold'>"
  718. 				+ node.int_views
  719. 				+ " view" + ((node.int_views > 1) ? "s" : "") + "</span>"
  720. 			
  721. 			)
  722. 		}
  723. 		
  724. 		if (isDef(ssdn_source.node_header.str_title)) func_detailsDisplay(true);
  725. 		
  726. 		contab_home.document.title = ssdn_source.node_header.str_title;
  727. 	}
  728. 	function func_pageSetup() {
  729. 		
  730. 		// contab_home.document.head.innerHTML = css_head   ;
  731. 		// contab_home.document.body.innerHTML = html_body  ;
  732. 		// contab_home.document.title          = "Slideshow";
  733. 		
  734. 		$("html").html("<head></head><body></body>");
  735. 		$("head").html(css_head);
  736. 		$("body").html(html_body);
  737. 		
  738. 		tag("#btn_prev", contab_home).textContent = "<"  ;
  739. 		tag("#btn_next", contab_home).textContent = ">"  ;
  740. 		
  741. 		say("func_pageSetup completed", contab_home);
  742. 	}
  743. 	function func_pageListeners() {
  744. 		
  745. 		say("func_pageListeners", contab_home);
  746. 		
  747. 		contab_home.document.addEventListener('keydown', function(key) {
  748. 			
  749. 			key.cancelBubble = true;
  750. 			key.stopImmediatePropagation();
  751. 			
  752. 			switch(key.keyCode) {
  753. 				
  754. 			case 39: func_imageDisplay(int_imageCurrent + 1); break;
  755. 			case 37: func_imageDisplay(int_imageCurrent - 1); break;
  756. 			case 38: case 40: func_detailsDisplay(!bool_detailsDisplay); break;
  757. 			
  758. 			default: break;
  759. 			
  760. 			}
  761. 			return false;
  762. 			
  763. 		}, !contab_home.opera);
  764. 		contab_home.addEventListener("resize", function() {
  765. 			
  766. 			tag("#ctn_main", contab_home).style.width = contab_home.innerWidth + "px";
  767. 			tag("#ctn_main", contab_home).style.height = contab_home.innerHeight + "px";
  768. 			
  769. 			func_detailsDisplay();
  770. 			$.each(tag(".grp_navButtons", contab_home), function(i, elmt) {
  771. 				
  772. 				elmt.style.lineHeight = contab_home.innerHeight + "px";
  773. 			});
  774. 		});
  775. 		
  776. 		tag("#btn_prev",  contab_home).onmousedown = function() {
  777. 			
  778. 			func_imageDisplay(int_imageCurrent - 1);
  779. 		};
  780. 		tag("#btn_next",  contab_home).onmousedown = function() {
  781. 			
  782. 			func_imageDisplay(int_imageCurrent + 1);
  783. 		};
  784. 		tag("#act_image", contab_home).onmousedown = function() {
  785. 			
  786. 			func_detailsDisplay(!bool_detailsDisplay);
  787. 		};
  788. 		
  789. 		say("func_pageListeners completed", contab_home);
  790. 	}
  791. 	function func_main() {
  792. 		
  793. 		func_pageSetup();
  794. 		func_pageListeners();
  795. 		func_detailsDisplay();
  796. 		
  797. 		say("class_slideshow.func_main completed", contab_home);
  798. 		
  799. 	} func_main();
  800. 	
  801. 	this.meth_sourceAdd = function(ssdn_input) { try {
  802. 		
  803. 		if (isDef(ssdn_input.node_header)) { // Header
  804. 			
  805. 			ssdn_source.node_header = ssdn_input.node_header;
  806. 			func_headerUpdate();
  807. 		}
  808. 		if (isDef(ssdn_input.node_payload)) { // If input payload exists
  809. 			
  810. 			$.each(ssdn_input.node_payload, function(i, node) {
  811. 				
  812. 				ssdn_source.node_payload.push(node);
  813. 			});
  814. 		}
  815. 		if (ssdn_source.node_payload.length > 1) { // Update
  816. 			
  817. 			$("#p_imageNumbers").css("display", "block");
  818. 			$(".grp_navButtons").css("display", "block");
  819. 			$("#act_menuButton").css("display", "block");
  820. 			$("#btn_next").text(">");
  821. 			$("#btn_prev").text("<");
  822. 			
  823. 			(tag("#p_imageNumbers", contab_home)).style.display = "block";
  824. 			$.each(tag(".grp_navButtons", contab_home), function(i, elmt) {
  825. 				
  826. 				elmt.style.display = "block";
  827. 			});
  828. 		}
  829. 		
  830. 		func_imageDisplay();
  831. 		
  832. 	} catch(str_error) { say(str_error, contab_home); } };
  833. }
  834.  
  835. /* "name":				"launcher.js",
  836.    "program":			"Slideshow",
  837.    "description":   	""
  838. */
  839.  
  840. function func_main(str_source)                    {
  841. 	
  842. 	window.stop();
  843. 	var obj_slideshow = new class_slideshow(window);
  844. 	
  845. 	if (str_source == "imgur") {
  846. 		
  847. 		func_imgurUrlToJson(location.href, function(json_output) {
  848. 			
  849. 			var ssdn_input = func_imgurJsonToSsdn(json_output);
  850. 			obj_slideshow.meth_sourceAdd(ssdn_input);
  851. 			
  852. 			if (ssdn_input.node_header.int_length > ssdn_input.node_payload.length) {
  853. 				
  854. 				func_imgurUrlToJson(location.href, function(json_output) {
  855. 					
  856. 					var ssdn_append = func_imgurJsonToSsdn(json_output);
  857. 					ssdn_append.node_header = null;
  858. 					ssdn_append.node_payload.splice(0, ssdn_input.node_payload.length);
  859. 					
  860. 					obj_slideshow.meth_sourceAdd(ssdn_append);
  861. 					
  862. 				}, ["album"]);
  863. 			}
  864. 		});
  865. 	}
  866. 	if (str_source == "reddit") {
  867. 		
  868. 		var obj_redditParser = new class_redditParser(location.href, function(ssdn_outputEntry) {
  869. 			
  870. 			obj_slideshow.meth_sourceAdd(ssdn_outputEntry);
  871. 		});
  872. 	}
  873. 	say("func_main completed");
  874. 	
  875. }
  876. function func_handler()                           {
  877. 	
  878. 	if (location.href.includes("imgur.com")) func_main("imgur");
  879. 	if (location.href.includes("reddit.com")) {
  880. 		
  881. 		$(function() {
  882. 			
  883. 			var p_launch   = document.createElement("p");  {
  884. 				
  885. 				p_launch.textContent = "slideshow";
  886. 				p_launch.onclick = function() { func_main("reddit"); };
  887. 				{ p_launch.setAttribute(
  888. 				
  889. 					"style", "\
  890. 					background: none !important; \
  891. 					background-color: Transparent !important;\
  892. 					padding: 0 !important;\
  893. 					font: inherit;\
  894. 					border: none !important;\
  895. 					cursor: pointer;\
  896. 					font-weight: bold;"
  897. 				); }
  898. 				{ p_launch.style.color = (
  899. 				
  900. 					window
  901. 					.getComputedStyle(tag(".bylink comments may-blank")[0])
  902. 					.color
  903. 				); }
  904. 			}
  905. 			var ctn_launch = document.createElement("li"); {
  906. 				
  907. 				ctn_launch.appendChild(p_launch);
  908. 			}
  909. 			
  910. 			{ tag(".flat-list buttons")[0].insertBefore(
  911. 		
  912. 				ctn_launch,
  913. 				tag(".flat-list buttons")[0].children[1]
  914. 			); }
  915. 		});
  916. 	}
  917. 	
  918. } func_handler();