☰

Google+ Photos Download

Download Google+ Album using Picasa, showing all full size images in new tab

  1. // ==UserScript==
  2. // @name           Google+ Photos Download
  3. // @description    Download Google+ Album using Picasa, showing all full size images in new tab
  4. // @author         vinsai
  5. // @version        1.6.0
  6. // @include        *.google.com/*
  7. // @require        https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
  8. // @namespace https://greasyfork.org/users/7446
  9. // ==/UserScript==
  10. var MAX_IMAGES = 100;
  11.  
  12. GM_registerMenuCommand("G+->Maximum Images", SetMax);
  13.  
  14. function SetMax() {
  15. 	var maximum = prompt("Maximum Number of Images to show:",GM_getValue(MAX_IMAGES, 30));
  16.  
  17. 	maximum = parseInt(maximum, 10);
  18. 	
  19. 	GM_setValue(MAX_IMAGES, maximum);
  20. }
  21.  
  22. function getDocHeight() {
  23.     //utility function to find dimensions of page
  24.     var D = document;
  25.     return Math.max(
  26.         Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
  27.         Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
  28.         Math.max(D.body.clientHeight, D.documentElement.clientHeight)
  29.     );
  30. }
  31.  
  32. (function()
  33. {
  34.  
  35. 	var css =
  36. 		'<style type="text/css">\n\
  37. 		img {margin: 5px auto;}\n\
  38. 		#imagesCollection {display:table-cell;vertical-align:middle;text-align:center;}\n\
  39. 		a {color:white;text-align:center;}\n\
  40. 		body {background-color:black;width:99%;height:98%;display:table;font-family:"メイリオ",Meiryo;}\n\
  41. 		</style>\n';
  42. 		
  43. 	var plainTextCSS =
  44. 		'<style type="text/css">\n\
  45. 		#imagesCollection {vertical-align:middle;text-align:left;}\n\
  46. 		a {color:white;text-align:left;}\n\
  47. 		body {background-color:black;font-family:"メイリオ",Meiryo;}\n\
  48. 		</style>\n';	
  49. 	
  50. 	var js = 
  51. 		'<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>\n\
  52. 		<script type="text/javascript">\n\
  53. 			function setMaxWidth(){\n\
  54. 				var mwidth = $(document).width()-15;\n\
  55. 				$("img").css("max-width", mwidth);\n\
  56. 			}\n\
  57. 			$(document).ready(function(){\n\
  58. 				setMaxWidth();\n\
  59. 			});\n\
  60. 			$(window).resize(function(){\n\
  61. 				setMaxWidth();\n\
  62. 			});\n\
  63. 		</script>\n';
  64.  
  65. 	var append = '<div id="gplus"><div class="d-k-l b-c b-c-R b-c-da-ja mFd i1d" id="PicasaDownload">Picasa</div>';
  66.  
  67. 	append += '<div class="d-k-l b-c b-c-R b-c-da-ja mFd i1d" id="NewPage">Full Size Images</div>';
  68. 	
  69. 	append += '<div class="d-k-l b-c b-c-R b-c-da-ja mFd i1d" id="ScrollToBottom">︾</div></div>';	
  70.  
  71.  
  72. //	var d = document.querySelector('#gbvg>.gbtc>.gbt');
  73. 	var d = document.querySelector('body');
  74. 	d.insertAdjacentHTML('beforeEnd', append);
  75. //	console.log($('.Koa').offset());
  76. //	console.log($('.Koa').offset().top);
  77. 	$('#gplus').css('top', 12);
  78. 	$('#gplus').css('left', $(document).width()-600);
  79. 	$('#gplus').css('position', 'fixed');
  80. 	$('#gplus').css('z-index', 1000);
  81. 	
  82. //===============================================================================
  83. //			- Scroll to bottom -
  84. //===============================================================================
  85.  
  86. 	var scrolling = false;
  87. 	var terminate = false;
  88.  
  89. 	
  90. 	$('#ScrollToBottom').click(function(e) {
  91. 		if (scrolling == false) {
  92. 			scrolling = true;
  93. 			terminate = false;
  94. 		}
  95. 		else {
  96. 			scrolling = false;
  97. 			terminate = true;
  98. 		}
  99. 		
  100. 		var delay = 100;
  101. 		var retry = 30;
  102. 		var fail = 0;
  103. 		var top = 0;
  104. 		
  105. 		function scrollB() {
  106. 			if (terminate == false) {
  107. 				var mTop = getDocHeight() + $(window).height();
  108.  
  109. 				if ( top < mTop) {
  110. 					top = mTop;
  111. 					fail = 0;
  112. //					$(document).scrollTop(mTop);
  113. 					$('html, body').animate({scrollTop:mTop}, 200);
  114. 					setTimeout(scrollB,delay);
  115. 				}
  116. 				else if (fail < retry) {
  117. 					fail++;
  118. 					setTimeout(scrollB,delay);
  119. 				}
  120. 				else {
  121. 					scrolling = false;
  122. 				}
  123. 			}
  124. 		}
  125. 		scrollB();
  126. 	});
  127. //===============================================================================
  128. //			- End of Scroll to bottom -
  129. //===============================================================================
  130. 	
  131. //===============================================================================
  132. //			- Picasa Download -
  133. //===============================================================================
  134. 	$('#PicasaDownload').click(function() {
  135. 		var currentPage = location.href;
  136.  
  137. 		if (currentPage.search('plus.google.com/') != -1 && currentPage.search('/photos/') != -1 && currentPage.search('/albums/') != -1) {
  138. 			var findex = currentPage.indexOf("photos");
  139. 			if (findex > 0) {
  140. 				findex += 7;
  141. 				
  142. 				var lindex = currentPage.indexOf("/albums/");
  143. 				if(lindex >0) {
  144. 					var userID
  145. 					var albumID;
  146. 					userID = currentPage.substr(findex, lindex-findex);
  147. 					findex = lindex + 8;
  148. 					lindex = currentPage.lastIndexOf("/");
  149. 					if (findex == lindex) {
  150. 						albumID = currentPage.substr(findex);
  151. 					}
  152. 					else {
  153. 						albumID = currentPage.substr(findex, lindex);
  154. 					}
  155. 					
  156. 					var picasa_dl_url = 'picasa://downloadfeed/'
  157. 					 + '?url=https://picasaweb.google.com/data/feed/back_compat'
  158. 					 + '/user/' + userID + '/albumid/' + albumID
  159. 					 + '?kind=photo&alt=rss&imgdl=1';				
  160. 					 
  161. 					window.location = picasa_dl_url;
  162. 				}
  163. 			}
  164. 		}
  165. 	});
  166. 	$('#PicasaDownload').mouseover(function() {
  167. 		var currentPage = location.href;
  168. 		
  169. 		if (currentPage.search('plus.google.com/') != -1 && currentPage.search('/photos/') != -1 && currentPage.search('/albums/') != -1) {
  170. 			$(this).find('span').css('color', '#C53727');//"rgb(197,55,39)";
  171. 		}
  172. 		else {
  173. 			$(this).find('span').css('color', '#666666');//"rgb(107,107,107)";
  174. 		}
  175. 	});
  176. //===============================================================================
  177. //			- End of Picasa Download -
  178. //===============================================================================		
  179. 	
  180. //===============================================================================
  181. //			- Full Size images -
  182. //===============================================================================	
  183. 	$('#NewPage').click(function() {	
  184. 		var images = $('.sp img');
  185. 		
  186. 		var album = $('.yh .kq');
  187. 		console.log(album);
  188. 		
  189. 		var page = "<html>\n<head>\n<meta charset='utf-8'>\n<title>";
  190. 		page += "Google+ Images";
  191. 		if (images.length <= GM_getValue(MAX_IMAGES, 30)) {
  192. 			page += '</title>\n'  + css + js + '</head>\n<body>\n';
  193. 		}
  194. 		else {
  195. 			page += '</title>\n'  + plainTextCSS + '</head>\n<body>\n';
  196. 		}
  197. 		page += '<div id=imagesCollection>\n';
  198.  
  199. 		var url = "";
  200. 		var findex = -1;
  201. 		var lindex = -1;
  202.  
  203. 		images.each(function(i, image) {
  204. 			var	src = image.src;
  205. 			lindex = src.lastIndexOf("/");
  206. 			if (lindex > -1 && src.search("focus-opensocial") < 0) {
  207. 				if (src.match('=.*-p-no')) {
  208. 					url = src.replace(/=.*p-no/, '=s0');
  209. 				}
  210. 				else {
  211. 					findex = src.substr(0,lindex).lastIndexOf("/");
  212. 					if (findex > -1) {
  213. 						url = src.substr(0, findex) + "/s0" + src.substr(lindex);
  214. 					}
  215. 				}
  216. 			}
  217. 			
  218. 			if (url) {
  219. 				if (images.length <= GM_getValue(MAX_IMAGES, 30)) {
  220. 					page += '<a href="' + url + '" target="_blank"><img id="img' + i + '" src=' + url + '></a><br />\n';
  221. 				}
  222. 				else {
  223. //						page += '<a href="' + url + '" target="_blank"><img style="width:auto;height:300px;" src=' + images.item(i).src+ '><br />' + url + '</a><br />';
  224. 					page += '<a href="' + url + '" target="_blank">' + url + '</a><br />\n';
  225. 				}
  226. 			}
  227.         });	
  228.  
  229. 		page += "</div>\n</body>\n</html>";
  230. 		
  231. 		var uriContent = "data:text/html;charset=utf-8," + encodeURIComponent(page);
  232. 		window.open(uriContent);
  233. 	});
  234. //===============================================================================
  235. //			- End of Full Size images -
  236. //===============================================================================	
  237.  
  238. //===============================================================================
  239. //			- View images -
  240. //===============================================================================	
  241. 	var app = '<div class="a-f-e dk view" title="View images in new tap" tabindex="0" role="button">'
  242. 		+ '<img alt="Im" class="sr" src="http://cdn1.iconfinder.com/data/icons/fatcow/32x32_0500/image_add.png" style="width:16px;height:auto;" /></div>';
  243.  
  244. 	$(document).off('mouseover', '.qf');
  245. 	$(document).on('mouseover', '.qf', function() {
  246. 		if ($(this).find('.Ry>.Mm').length && !$(this).find('.LI>.view').length) {
  247. 			var add = $(this).find('.LI>.rE');
  248. 			add.before(app);
  249. 			
  250. 			$(this).find('.LI>.view').click( function() {
  251. 				var page = "<html>\n<head>\n<meta charset='utf-8'>\n<title>";
  252. 				page += "Google+ Images";
  253. 				page += '</title>\n'  + css + js + '</head>\n<body>\n';
  254. 				page += '<div id=imagesCollection>\n';
  255. 		
  256. 				var url = "";
  257. 				var findex = -1;
  258. 				var lindex = -1;			
  259. 	
  260. 				var images = $(this).closest('.qf').find('.Mm').find('img').each(function(i, image) {
  261. 					src = image.src;
  262. 					lindex = src.lastIndexOf("/");
  263. 	
  264. 					if (lindex > -1 && src.search("focus-opensocial") < 0) {
  265. 						url = src.substr(0,lindex);
  266. 		
  267. 						findex = url.lastIndexOf("/");
  268. 						if (findex > -1) {
  269. 							url = src.substr(0, findex) + "/s0" + src.substr(lindex);		
  270. 							page += '<a href="' + url + '" target="_blank"><img id="img' + i + '" src=' + url + '></a><br />\n';
  271. 						}
  272. 					}                           
  273. 				});
  274. 		
  275. 				page += "</div>\n</body>\n</html>";
  276. 				
  277. 				var uriContent = "data:text/html;charset=utf-8," + encodeURIComponent(page);
  278. 				window.open(uriContent);
  279. 			});			
  280. 		}
  281. 	});
  282.  
  283. //===============================================================================
  284. //			- End of View images -
  285. //===============================================================================
  286.  
  287. //===============================================================================
  288. //			- View album image -
  289. //===============================================================================
  290. //	var ap = '<div class="downloadIt a-f-e m-la-qONoCf-Id-jNm5if fu Bchcbd" title="View in new tab" ><a  href="';
  291. //	var ap2 = '" target="_blank"><img alt="Im" src="http://cdn1.iconfinder.com/data/icons/fatcow/32x32_0500/image_add.png" style="z-index:1000;width:26px;height:auto;" /></a></div>';
  292.  
  293. var ap = '<div class="downloadIt"><div class="yKm1Pc ufIVef"></div><span class="wILgub ufIVef" data-tooltip="Open in new tab" data-tooltip-align="b" style="left:50px !important;"><a  href="';
  294. var ap2 = '" target="_blank"><img alt="Im" src="http://cdn1.iconfinder.com/data/icons/fatcow/32x32_0500/image_add.png" style="z-index:1000;width:26px;height:auto;" /></a></span></div>';
  295. 	$(document).off('mouseover', '.PkkLkd');
  296. 	$(document).on('mouseover', '.PkkLkd', function() {
  297. 		if (!$(this).find('.downloadIt').length) {
  298. //			var t = $(this).find('.m-la-qONoCf-Id-soaiwe-b');
  299. 			
  300. 			var src = $(this).find('img').attr('src');
  301. 			
  302. 			var url ="";
  303. 			var findex = -1;
  304. 			var lindex = -1;
  305. 			if (src.match('=.*-p-no')) {
  306. 				url = src.replace(/=.*p-no/, '=s0');
  307. 			}
  308. 			else {
  309. 				lindex = src.lastIndexOf("/");
  310. 				findex = src.substr(0,lindex).lastIndexOf("/");
  311. 				if (findex > -1) {
  312. 					url = src.substr(0, findex) + "/s0" + src.substr(lindex);
  313. 				}
  314. 			}
  315. 	
  316. 			$(this).append(ap + url +ap2);
  317. 		}
  318. 	});
  319. 	
  320. 	$(document).off('mouseover', '.downloadIt');
  321. 	$(document).on('mouseover', '.downloadIt', function(e) {
  322. 		$(this).removeClass('ufIVef');
  323. 	});
  324. 	
  325. //===============================================================================
  326. //			- End of View album image -
  327. //===============================================================================
  328.  
  329. })();
  330.  
  331.  
  332. //===============================================================================
  333. //			- Weekly Auto-Update Check -
  334. //===============================================================================
  335. // CheckForUpdate() will verify if the time has come to look if an update is available.
  336. // CheckVersion() will verify if this script version is the latest available.
  337. //===============================================================================
  338. var script_title = "Google+ Photos Download";
  339. var source_location = "http://userscripts.org/scripts/source/135225.user.js";
  340. var current_version = "1.6.0";
  341. var latest_version = " ";
  342. var gm_updateparam = "GoogleDownload_lastupdatecheck";
  343. var lastupdatecheck = GM_getValue(gm_updateparam, "never");
  344.  
  345. // a google document is used to store the latest version number (If the version in that file does not match the current_version variable, an update will be triggered)
  346. var version_holder = "http://dl.dropbox.com/u/4978696/userscripts/GooglePhotosDownloadversion.txt";
  347.  
  348. //Add a command to the menu in case someone wants to manually check for an update.
  349. GM_registerMenuCommand("Google+ Download->Manually Update", CheckVersion);
  350.  
  351. //Initiate the download of the new script version.
  352. function GetNewVersion() {
  353.         var today = new Date();
  354.         GM_setValue(gm_updateparam, String(today));
  355.         window.location = source_location;
  356. }
  357.  
  358. //Verify if it's time to update
  359. function CheckForUpdate()
  360. {	
  361. 	var today = new Date();
  362. 	var one_day = 24 * 60 * 60 * 1000; //One day in milliseconds
  363.  
  364. 	if(lastupdatecheck != "never")
  365. 	{
  366. 		today = today.getTime(); //Get today's date
  367. 		var lastupdatecheck = new Date(lastupdatecheck).getTime();
  368. 		var interval = (today - lastupdatecheck) / one_day; //Find out how much days have passed		
  369.  
  370. 		//If a week has passed since the last update check, check if a new version is available
  371. 		if(interval >= 7)			
  372. 			CheckVersion();
  373. 	}
  374. 	else
  375. 		CheckVersion();
  376. }
  377.  
  378. //Make sure we don't have the latest version
  379. function CheckVersion()
  380. {
  381. 	GM_xmlhttpRequest({
  382. 		    method: 'GET',
  383. 		    url: version_holder,
  384. 		    headers: {'Content-type':'application/x-www-form-urlencoded'},		    
  385. 		    onload: function(responseDetails)
  386. 			{
  387. 				var line = String(responseDetails.responseText.match(/version=[0-9].[0-9]?[0-9].[0-9]?[0-9]/));				
  388. 				
  389. 				if(line != null)
  390. 				{
  391. 					var strSplit = new Array();
  392. 					strSplit = line.split('=');					
  393. 					latest_version = strSplit[1];
  394.  
  395. 					if(current_version != latest_version && latest_version != "undefined")
  396. 					{
  397. 						if(confirm("A more recent version of " + script_title + " (" + latest_version + ") has been found.\r\nWould you like to get it now?"))
  398. 							GetNewVersion();
  399. 						else
  400. 							AskForReminder();
  401. 					} 
  402. 					else if(current_version == latest_version)
  403. 						alert("You have the latest version of " + script_title + ".");
  404. 				}
  405. 				else
  406. 				{
  407. 					alert("Could not locate the version holder file.\r\nThis should be reported to the script author.\r\nThank you!");
  408. 					SkipWeeklyUpdateCheck();
  409. 				}
  410. 					
  411. 		    }
  412. 		});
  413. }
  414.  
  415. //Ask the user to be reminded in 24 hours or only next week.
  416. function AskForReminder()
  417. {
  418. 	if(confirm("Would you like to be reminded in 24 hours ?\r\n(Cancel to be reminded next week only)"))
  419. 	{
  420. 		var today = new Date();
  421. 		today = today.getTime();		
  422. 		var sixdays_ms = 6 * 24 * 60 * 60 * 1000;
  423. 		var sda_ms = today - sixdays_ms;		
  424. 		var sixdaysago = new Date(sda_ms)
  425.  
  426. 		//Since we check for updates after 7 days, just make it seem like the last check was 6 days ago.
  427. 		GM_setValue(gm_updateparam, String(sixdaysago));
  428. 	}
  429. 	else
  430. 		SkipWeeklyUpdateCheck();
  431. }
  432.  
  433. //Set the next update check in seven days
  434. function SkipWeeklyUpdateCheck()
  435. {
  436. 	var today = new Date();
  437. 	//As if we've just updated the script, the next check will only be next week.
  438. 	GM_setValue(gm_updateparam, String(today));
  439. }
  440. //===============================================================================
  441. //			- Weekly Auto-Update Check -
  442. //===============================================================================