☰

steamgifts.com improved game filter

Makes hiding giveaways for specific games much quicker and easier

当前为 2016-04-16 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        steamgifts.com improved game filter
  3. // @description Makes hiding giveaways for specific games much quicker and easier
  4. // @namespace   Barefoot Monkey
  5. // @include     https://www.steamgifts.com/
  6. // @include     https://www.steamgifts.com/giveaways/search?*
  7. // @require     https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
  8. // @version     2
  9. // @grant       GM_setValue
  10. // @grant       GM_getValue
  11. // @grant       unsafeWindow
  12. // @noframes
  13. // ==/UserScript==
  14.  
  15. var version = 2
  16. var OLD_VERSION_KEY = 'previous version'
  17.  
  18. $('<style>')
  19. .text(
  20. 	'.BarefootMonkey-popup-bg {'
  21. 	+'	background: #3C424D;'
  22. 	+'	position: fixed;'
  23. 	+'	top: 0;'
  24. 	+'	bottom: 0;'
  25. 	+'	left: 0;'
  26. 	+'	right: 0;'
  27. 	+'	opacity: 0.85;'
  28. 	+'	z-index: 9988;'
  29. 	+'	cursor: pointer;'
  30. 	+'}'
  31.  
  32. 	+'.BarefootMonkey-popup ul {'
  33. 	+'	list-style: inside;'
  34. 	+'}'
  35. 	
  36. 	+'.BarefootMonkey-popup p {'
  37. 	+'	margin: 0.7em 0;'
  38. 	+'}'
  39.  
  40. 	+'.BarefootMonkey-popup h1 i {'
  41. 	+'	font-size: 0.5em;'
  42. 	+'	font-weight: bold;'
  43. 	+'}'
  44.  
  45. 	+'.BarefootMonkey-popup a {'
  46. 	+'	color: #4B72D4;'
  47. 	+'	font-weight: bold;'
  48. 	+'}'
  49. 	+'.BarefootMonkey-popup em {'
  50. 	+'	font-style: italic;'
  51. 	+'}'
  52. 	+'.BarefootMonkey-popup h1 {'
  53. 	+'	font-size: 1.5em;'
  54. 	+'	margin: 0px 0px 0.5em;'
  55. 	+'	border-bottom: 1px solid #6B7A8C;'
  56. 	+'	padding-bottom: 0.5em;'
  57. 	+'}'
  58. 	+'.BarefootMonkey-popup key, .BarefootMonkey-popup b {'
  59. 	+'	font-weight: bold;'
  60. 	+'}'
  61. 	
  62. 	+'.BarefootMonkey-popup {'
  63. 	+'	background: #F0F2F5 none repeat scroll 0% 0%;'
  64. 	+'	z-index: 9999;'
  65. 	+'	position: fixed;'
  66. 	+'	left: calc(50vw - 18em);'
  67. 	+'	top: 20vh;'
  68. 	+'	border-radius: 4px;'
  69. 	+'	color: #6B7A8C;'
  70. 	+'	font: 300 17px "Open Sans",sans-serif;'
  71. 	+'	padding: 1em;'
  72. 	+'	width: 36em;'
  73. 	+'	max-height: calc(80vh - 3em);'
  74. 	+'	overflow: auto;'
  75. 	+'}'
  76. )
  77. .appendTo(document.head)
  78.  
  79. function cmpVersion(a, b) {
  80. 	var i, cmp, len, re = /(\.0)+[^\.]*$/;
  81. 	a = (a + '').replace(re, '').split('.');
  82. 	b = (b + '').replace(re, '').split('.');
  83. 	len = Math.min(a.length, b.length);
  84. 	for( i = 0; i < len; i++ ) {
  85. 		cmp = parseInt(a[i], 10) - parseInt(b[i], 10);
  86. 		if( cmp !== 0 ) {
  87. 			return cmp;
  88. 		}
  89. 	}
  90. 	return a.length - b.length;
  91. }
  92.  
  93. function close_popup() {
  94. 	GM_setValue(OLD_VERSION_KEY, version)
  95. 	$('.BarefootMonkey-popup-bg, .BarefootMonkey-popup').fadeOut(500, function() { $(this).remove() })
  96. }
  97. function open_popup() {
  98. 	var bg = $('<div class="BarefootMonkey-popup-bg">')
  99. 	.hide()
  100. 	.appendTo(document.body)
  101. 	.click(close_popup)
  102.  
  103. 	var popup = $('<aside class="BarefootMonkey-popup">')
  104. 	.hide()
  105. 	.html('<h1>improved game filter <i>steamgifts.com userscript, version '+version+'</i></h1>'
  106. 		+"<p>This script replaces steamgifts.com's default \"Hide Game\" interface with one that's a bit more practical.</p>"
  107. 		+"<p>Click on the <i class=\"giveaway__icon giveaway__hide fa fa-eye-slash\"></i> icon next to the name of a game you want to hide and the game will be hidden without asking you for confirmation.</p>"
  108. 		+"<p>Skipping the confirmation makes hiding games quicker, but increases the chance that you accidentally hide the wrong game. To solve that problem, <b>steamgifts.com improved game filter</b> doesn't actually remove games from the page as soon as you hide them - it merely adds a visual indication that they're hidden. That way you can see what games you've just hidden and undo any accidents by clicking on the <i class=\"giveaway__icon giveaway__hide fa fa-eye-slash\"></i> icons again to undo hiding them.</p>"
  109. 		+"<p>If you have any comments or questions about the <b>improved game filter</b> userscript then feel free to <a href=\"http://www.steamgifts.com/discussion/c1xhr/userscript-improved-game-filter\">join this discussion</a>.</p>"
  110. 		+"<h1>recent changes</h1>"
  111. 		+"<ul>"
  112. 		+"<li>Compatible with 2016-04-13 site update: <a href=\"https://www.steamgifts.com/discussion/ppoZ7/https\">HTTPS</a></li>"
  113. 		+"<li>Compatible with 2016-04-11 site update: <a href=\"http://www.steamgifts.com/discussion/QQvgS/hide-games-faster\">Hide Games Faster</a></li>"
  114. 		+"</ul>"
  115. 	)
  116. 	.appendTo(document.body)
  117.  
  118. 	$('.BarefootMonkey-popup-bg, .BarefootMonkey-popup').fadeIn(500)
  119. }
  120.  
  121. var old_version = GM_getValue(OLD_VERSION_KEY)
  122. if (old_version == null || cmpVersion(old_version, version) < 0) {
  123. 	open_popup()
  124. }
  125.  
  126. console.debug("start")
  127. 	$('<style>')
  128. 	.text(
  129. 		'@keyframes rotate-right-60px {'
  130. 		+'	from {'
  131. 		+'		background-position: 0px 0;'
  132. 		+'	}'
  133. 		+'	to {'
  134. 		+'		background-position: 300px 0;'
  135. 		+'	}'
  136. 		+'}'
  137.  
  138. 		+'@keyframes rotate-left-60px {'
  139. 		+'	from {'
  140. 		+'		background-position: 0px 0;'
  141. 		+'	}'
  142. 		+'	to {'
  143. 		+'		background-position: -300px 0;'
  144. 		+'	}'
  145. 		+'}'
  146.  
  147. 		+'.giveaway__row-outer-wrap {'
  148. 		+'	transition: opacity 1s linear;'
  149. 		+'}'
  150.  
  151. 		+'.BarefootMonkey-hidden {'
  152. 		+'	opacity: 0.6;'
  153. 		+'	background: repeating-linear-gradient(45deg, transparent 0px, transparent 10px, #ccc, 10px, #ccc 12px, transparent 12px), repeating-linear-gradient(-45deg, transparent 0px, transparent 10px, #ccc, 10px, #ccc 12px, transparent 12px);'
  154. 		+'}'
  155.  
  156. 		+'.BarefootMonkey-hiding, .BarefootMonkey-unhiding {'
  157. 		+'	opacity: 0.6;'
  158. 		+'	animation-duration: 12s;'
  159. 		+'	animation-iteration-count: infinite;'
  160. 		+'	animation-timing-function: linear;'
  161. 		+'}'
  162.  
  163. 		+'.BarefootMonkey-hiding {'
  164. 		+'	animation-name: rotate-right-60px;'
  165. 		+'	background: repeating-linear-gradient(45deg, transparent 0px, transparent 10px, #ccc, 10px, #ccc 12px);'
  166. 		+'}'
  167.  
  168. 		+'.BarefootMonkey-unhiding {'
  169. 		+'	animation-name: rotate-left-60px;'
  170. 		+'	background: repeating-linear-gradient(-45deg, transparent 0px, transparent 10px, #ccc, 10px, #ccc 12px);'
  171. 		+'}'
  172. 	)
  173. 	.appendTo(document.head)
  174.  
  175. 	function update_filter(id, token, action, url, prior_class, progress_class, complete_class) {
  176.  
  177. 		console.debug('update_filter', id, token, action, url, prior_class, progress_class, complete_class)
  178.  
  179. 		$('.giveaway__row-outer-wrap[data-game-id='+id+']')
  180. 		.addClass(progress_class)
  181. 		.removeClass('BarefootMonkey-error')
  182. 		.removeClass(prior_class)
  183.  
  184. 		$.ajax({
  185. 			url: url,
  186. 			method: 'POST',
  187. 			context: {id: id, progress_class: progress_class, complete_class: complete_class},
  188. 			data: {
  189. 				'xsrf_token':token,
  190. 				'game_id':id,
  191. 				'do': action
  192. 			},
  193. 			'error': function() {
  194. 				console.debug("error")
  195. 				$('.giveaway__icon.giveaway__hide[data-popup="popup--hide-games"][data-game-id='+this.id+']')
  196. 				.closest('.giveaway__row-outer-wrap')
  197. 				.removeClass(this.progress_class)
  198. 				.addClass('BarefootMonkey-error')
  199. 			},
  200. 			'success': function() {
  201. 				$('.giveaway__row-outer-wrap[data-game-id='+this.id+']')
  202. 				.removeClass(this.progress_class)
  203. 				.addClass(this.complete_class)
  204. 			}
  205. 		})
  206. 	}
  207.  
  208. 	function callback(event) {
  209.  
  210. 		var closest = $(this).closest('.giveaway__row-outer-wrap[data-game-id]')
  211. 		if (closest.length > 0) {
  212.  
  213. 			// get id and token
  214. 			var id = closest.data('game-id')
  215. 			var token = $('.popup--hide-games form input[name="xsrf_token"]').val()
  216.  
  217. 			// hide or unhide the game
  218. 			if (id && token) {
  219. 				console.debug(id, token, closest)
  220. 				if (closest.hasClass('BarefootMonkey-hidden')) {
  221. 					console.debug("hidden, unhiding")
  222. 					update_filter(id, token, 'remove_filter', '/ajax.php', 'BarefootMonkey-hidden', 'BarefootMonkey-unhiding', null)
  223. 				} else if (!closest.hasClass('BarefootMonkey-unhiding') && !closest.hasClass('BarefootMonkey-hiding')) {
  224. 					console.debug("unhidden, hiding")
  225. 					update_filter(id, token, 'hide_giveaways_by_game_id', '/ajax.php', null, 'BarefootMonkey-hiding', 'BarefootMonkey-hidden')
  226. 				}
  227. 			}
  228. 		}
  229.  
  230. 		event.stopPropagation()
  231. 	}
  232.  
  233. 	setTimeout(function() {
  234.  
  235. 		// remove existing hide button click handler
  236. 		unsafeWindow.$('.giveaway__icon.giveaway__hide').off('click')
  237.  
  238. 		// handle clicking on hide button
  239. 		$('.giveaway__icon.giveaway__hide')
  240. 		.click(callback)
  241.  
  242. 		// observe DOM tree mutations to improve compatibility with endless scrolling userscripts
  243. 		var container = document.querySelector('.page__outer-wrap>.page__inner-wrap>.widget-container>.sidebar+div')
  244. 		var observer = new MutationObserver(function(mutations) {
  245. 			mutations.forEach(function(mutation) {
  246. 				var added = mutation.addedNodes
  247. 				for (var i = 0; i < mutation.addedNodes.length; i += 1) {
  248. 					var node = $(mutation.addedNodes[i])
  249.  
  250. 					node.find('.giveaway__icon.giveaway__hide')
  251. 					.off()
  252. 					.click(callback)
  253. 				}
  254. 			});    
  255. 		});
  256. 		observer.observe(container, {childList:true});
  257.  
  258. 	}, 10)
  259. //*/
  260. console.debug("end")