SteamGifts script

SUBMITTED BY: Djarid

DATE: May 14, 2016, 9:45 p.m.

FORMAT: JavaScript

SIZE: 63.6 kB

Raw Download

HITS: 416

Report
  1. // ==UserScript==
  2. // @name SteamGifts Filter
  3. // @description Giveaway filter
  4. // @author No Body
  5. // @include http://www.steamgifts.com/
  6. // @include http://www.steamgifts.com/giveaways*
  7. // @include http://www.steamgifts.com/user/*
  8. // @include https://www.steamgifts.com/
  9. // @include https://www.steamgifts.com/giveaways*
  10. // @include https://www.steamgifts.com/user/*
  11. // @version 0.1
  12. // @grant GM_getValue
  13. // @grant GM_setValue
  14. // ==/UserScript==
  16. // Keys for persistent settings, the keys for different views also represent "page keys" used as certain parameters to make things more simple
  17. var KEY_EXCLUDE_GROUP_GIVEAWAYS = "excludeGroupGiveaways";
  18. var KEY_EXCLUDE_WHITELIST_GIVEAWAYS = "excludeWhitelistGiveaways";
  19. var KEY_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS = "excludeRegionalGiveaways"
  20. var KEY_EXCLUDE_PINNED_GIVEAWAYS = "excludePinnedGiveaways";
  21. var KEY_ENABLE_FILTERING_BY_ENTRY_COUNT = "enableFilteringByEntryCount";
  22. var KEY_MAX_NUMBER_OF_ENTRIES = "maxNumberOfEntries";
  23. var KEY_MIN_LEVEL_TO_DISPLAY = "minLevelToDisplay";
  24. var KEY_MAX_LEVEL_TO_DISPLAY = "maxLevelToDisplay";
  25. var KEY_MIN_POINTS_TO_DISPLAY = "minPointsToDisplay";
  26. var KEY_MAX_POINTS_TO_DISPLAY = "maxPointsToDisplay";
  27. var KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW = "applyToAllGiveawaysView";
  28. var KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW = "applyToGroupGiveawaysView";
  29. var KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW = "applyToWishlistGiveawaysView";
  30. var KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW = "applyToNewGiveawaysView";
  31. var KEY_APPLY_TO_USER_PROFILE_VIEW = "applyToUserProfileView";
  32. var KEY_APPLY_TO_SEARCH_RESULTS_VIEW = "applyToSearchResultsView";
  33. var KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW = "applyToRecommendedGiveawaysView";
  34. var KEY_REMOVE_PAGINATION = "removePagination";
  35. var KEY_HIDE_ENTERED_GIVEAWAYS = "hideEnteredGiveaways_2";
  36. var HIDE_ENTERED_GIVEAWAYS_CONSTANTS = ["No", "Yes", "Always"];
  38. // Default values of persistent settings
  39. var DEFAULT_EXCLUDE_GROUP_GIVEAWAYS = true;
  40. var DEFAULT_EXCLUDE_WHITELIST_GIVEAWAYS = true;
  41. var DEFAULT_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS = false;
  42. var DEFAULT_EXCLUDE_PINNED_GIVEAWAYS = false;
  43. var DEFAULT_ENABLE_FILTERING_BY_ENTRY_COUNT = true;
  44. var DEFAULT_MAX_NUMBER_OF_ENTRIES = 200;
  45. var DEFAULT_MIN_LEVEL_TO_DISPLAY = 0;
  46. var DEFAULT_MAX_LEVEL_TO_DISPLAY = 10;
  47. var DEFAULT_MIN_POINTS_TO_DISPLAY = 0;
  48. var DEFAULT_MAX_POINTS_TO_DISPLAY = 150;
  49. var DEFAULT_APPLY_TO_ALL_GIVEAWAYS_VIEW = true;
  50. var DEFAULT_APPLY_TO_GROUP_GIVEAWAYS_VIEW = false;
  51. var DEFAULT_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW = false;
  52. var DEFAULT_APPLY_TO_NEW_GIVEAWAYS_VIEW = true;
  53. var DEFAULT_APPLY_TO_USER_PROFILE_VIEW = false;
  54. var DEFAULT_APPLY_TO_SEARCH_RESULTS_VIEW = false;
  55. var DEFAULT_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW = false;
  56. var DEFAULT_REMOVE_PAGINATION = true;
  57. var DEFAULT_HIDE_ENTERED_GIVEAWAYS = HIDE_ENTERED_GIVEAWAYS_CONSTANTS[0];
  59. // IDs of filter UI elements
  60. var FILTER_CONTROLS_ID = "filterControls";
  61. var FILTER_CAPTION_ID = "filterCaption";
  62. var FILTER_DETAILS_ID = "filterDetails";
  63. var FILTER_HIDE_ID = "filterHide";
  65. // Does all the filtering
  66. function filterGiveaways() {
  67. if (!isFilteringEnabledOnCurrentPage()) {
  68. // Since it's not enabled, remove any possible filtering
  69. var giveaways = getGiveaways();
  70. for ( i = 0; i < giveaways.length; i++) {
  71. removeFiltering(giveaways[i]);
  72. }
  73. handlePinnedBlock();
  74. return;
  75. }
  77. // Dirty hack to "fix" endless scrolling in SG++ when a lot of GAs on the same page got removed
  78. window.scrollBy(0, 1);
  79. window.scrollBy(0, -1);
  81. var minLevelToDisplay = GM_getValue(KEY_MIN_LEVEL_TO_DISPLAY, DEFAULT_MIN_LEVEL_TO_DISPLAY);
  82. var maxLevelToDisplay = GM_getValue(KEY_MAX_LEVEL_TO_DISPLAY, DEFAULT_MAX_LEVEL_TO_DISPLAY);
  83. var minPointsToDisplay = GM_getValue(KEY_MIN_POINTS_TO_DISPLAY, DEFAULT_MIN_POINTS_TO_DISPLAY);
  84. var maxPointsToDisplay = GM_getValue(KEY_MAX_POINTS_TO_DISPLAY, DEFAULT_MAX_POINTS_TO_DISPLAY);
  85. var excludeWhitelistGiveaways = GM_getValue(KEY_EXCLUDE_WHITELIST_GIVEAWAYS, DEFAULT_EXCLUDE_WHITELIST_GIVEAWAYS);
  86. var excludeGroupGiveaways = GM_getValue(KEY_EXCLUDE_GROUP_GIVEAWAYS, DEFAULT_EXCLUDE_GROUP_GIVEAWAYS);
  87. var excludeRegionRestrictedGiveaways = GM_getValue(KEY_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS, DEFAULT_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS);
  88. var excludePinnedGiveaways = GM_getValue(KEY_EXCLUDE_PINNED_GIVEAWAYS, DEFAULT_EXCLUDE_PINNED_GIVEAWAYS);
  89. var enableFilteringByEntryCount = GM_getValue(KEY_ENABLE_FILTERING_BY_ENTRY_COUNT, DEFAULT_ENABLE_FILTERING_BY_ENTRY_COUNT);
  90. var maxNumberOfEntries = GM_getValue(KEY_MAX_NUMBER_OF_ENTRIES, DEFAULT_MAX_NUMBER_OF_ENTRIES);
  91. var hideEnteredGiveaways = GM_getValue(KEY_HIDE_ENTERED_GIVEAWAYS, DEFAULT_HIDE_ENTERED_GIVEAWAYS);
  93. var giveawaysToRemove = [];
  94. var giveaways = getGiveaways();
  95. for ( i = 0; i < giveaways.length; i++) {
  96. // Remove the filtering
  97. removeFiltering(giveaways[i]);
  99. // Handle entered giveaways - ALWAYS option
  100. if (hideEnteredGiveaways === HIDE_ENTERED_GIVEAWAYS_CONSTANTS[2]) {
  101. if (isGiveawayEntered(giveaways[i])) {
  102. giveawaysToRemove.push(giveaways[i]);
  103. continue;
  104. }
  105. }
  107. // Handle whitelist giveaways
  108. if (excludeWhitelistGiveaways) {
  109. if (isGiveawayFromWhitelist(giveaways[i])) {
  110. continue;
  111. }
  112. }
  114. // Handle group giveaways
  115. if (excludeGroupGiveaways) {
  116. if (isGiveawayFromGroup(giveaways[i])) {
  117. continue;
  118. }
  119. }
  121. // Handle pinned giveaways
  122. if (excludePinnedGiveaways) {
  123. if (isGiveawayPinned(giveaways[i])) {
  124. continue;
  125. }
  126. }
  128. // Handle region-restricted giveaways
  129. if (excludeRegionRestrictedGiveaways) {
  130. if (isGiveawayRegionRestricted(giveaways[i])) {
  131. continue;
  132. }
  133. }
  135. // Handle entered giveaways - YES option
  136. if (hideEnteredGiveaways === HIDE_ENTERED_GIVEAWAYS_CONSTANTS[1]) {
  137. if (isGiveawayEntered(giveaways[i])) {
  138. giveawaysToRemove.push(giveaways[i]);
  139. continue;
  140. }
  141. }
  143. // Evaluate the contributor level
  144. var contributorLevel = getContributorLevel(giveaways[i]);
  145. if (contributorLevel < minLevelToDisplay || contributorLevel > maxLevelToDisplay) {
  146. giveawaysToRemove.push(giveaways[i]);
  147. continue;
  148. }
  150. // Evaluate the points
  151. var points = getPoints(giveaways[i]);
  152. if (points < minPointsToDisplay || points > maxPointsToDisplay) {
  153. giveawaysToRemove.push(giveaways[i]);
  154. continue;
  155. }
  157. // Handle entry-count filtering
  158. if (enableFilteringByEntryCount) {
  159. var numberOfEntries = getNumberOfEntries(giveaways[i]);
  160. if (numberOfEntries > maxNumberOfEntries) {
  161. giveawaysToRemove.push(giveaways[i]);
  162. continue;
  163. }
  164. }
  165. }
  167. // Remove the giveaways
  168. for ( i = 0; i < giveawaysToRemove.length; i++) {
  169. giveawaysToRemove[i].style.display = "none";
  170. }
  172. // Handle the pinned giveaways block
  173. handlePinnedBlock();
  175. handlePagination();
  177. // Dirty hack to "fix" endless scrolling in SG++ when a lot of GAs on the same page got removed
  178. window.scrollBy(0, 1);
  179. window.scrollBy(0, -1);
  181. }
  183. // Parses the giveaway elements from the whole page
  184. function getGiveaways() {
  185. var giveawaysSgpp = document.getElementsByClassName("SGPP__gridTile");
  186. var giveaways = document.getElementsByClassName("giveaway__row-outer-wrap");
  187. var allGiveaways = [];
  188. allGiveaways.push.apply(allGiveaways, giveawaysSgpp);
  189. allGiveaways.push.apply(allGiveaways, giveaways);
  190. return allGiveaways;
  191. }
  193. // Returns true if the giveaway is for a whitelist, false otherwise
  194. function isGiveawayFromWhitelist(giveaway) {
  195. return giveaway.getElementsByClassName("giveaway__column--whitelist").length > 0;
  196. }
  198. // Returns true if the giveaway is for a group, false otherwise
  199. function isGiveawayFromGroup(giveaway) {
  200. return giveaway.getElementsByClassName("giveaway__column--group").length > 0;
  201. }
  203. // Returns true if the giveaway is region-restricted, false otherwise
  204. function isGiveawayRegionRestricted(giveaway) {
  205. return giveaway.getElementsByClassName("giveaway__column--region-restricted").length > 0;
  206. }
  208. // Returns true if the giveaway is pinned, false otherwise
  209. function isGiveawayPinned(giveaway) {
  210. var outerParent = giveaway.parentElement.parentElement;
  211. return outerParent.className === "pinned-giveaways__outer-wrap";
  212. }
  214. function isGiveawayEntered(giveaway) {
  215. return giveaway.getElementsByClassName("giveaway__row-inner-wrap is-faded").length > 0 ||
  216. giveaway.className === "SGPP__gridTile is-faded";
  217. }
  219. // Returns the contributor level of a giveaway, return 0 if no level is specified
  220. function getContributorLevel(giveaway) {
  221. var contributorLevels = [];
  223. var contributorLevelsPositive = giveaway.getElementsByClassName("giveaway__column--contributor-level giveaway__column--contributor-level--positive");
  224. var contributorLevelsNegative = giveaway.getElementsByClassName("giveaway__column--contributor-level giveaway__column--contributor-level--negative");
  225. contributorLevels.push.apply(contributorLevels, contributorLevelsPositive);
  226. contributorLevels.push.apply(contributorLevels, contributorLevelsNegative);
  228. if (contributorLevels.length === 0) {
  229. return 0;
  230. }
  232. var contributorLevel = contributorLevels[0].innerHTML;
  234. var substringStart = 0;
  235. // Remove the "Level " at the start of the string, if present (SG++ grid view doesn't have it)
  236. if (contributorLevel.indexOf("Level ") === 0) {
  237. substringStart = 6;
  238. }
  240. // Parse the level, remove the "+" from the end
  241. var level = contributorLevel.substring(substringStart, contributorLevel.length - 1);
  243. return parseInt(level);
  244. }
  248. // Returns the points of a giveaway
  249. function getPoints(giveaway) {
  250. var pointsEle = giveaway.getElementsByClassName("giveaway__heading__thin");
  251. // Since the points are the last element in a giveaway, just take the last item if available
  252. if (pointsEle.length > 0) {
  253. var pointsTxt = pointsEle[pointsEle.length-1].innerHTML;
  255. var substringStart = 0;
  256. // Remove the "(" at the start of the string, if present (SG++ grid view doesn't have it)
  257. if (pointsTxt.indexOf("(") === 0) {
  258. substringStart = 1;
  259. }
  261. // Parse the points, remove the "P)" from the end
  262. var points = pointsTxt.substring(substringStart, pointsTxt.length - 2);
  264. return parseInt(points);
  265. }
  267. // SG++ GridView
  268. pointsEle = giveaway.getElementsByClassName("SGPP__gridTileInfo global__image-outer-wrap");
  269. if (pointsEle.length > 0) {
  270. // Go through the element and find the points part, can't really find it any easier since the elements have no IDs and no classes
  271. var pointsTxt = pointsEle[0].children[2].children[1].children[0].innerHTML;
  273. // Parse the points, remove the "P" from the end
  274. var points = pointsTxt.substring(0, pointsTxt.length - 1);
  275. return parseInt(points);
  276. }
  278. // If nothing could be parsed, return 0
  279. return 0;
  281. }
  283. // Parses the number of entries for a giveaway
  284. function getNumberOfEntries(giveaway) {
  285. // Parse from SGv2 layout
  286. var spanElements = giveaway.getElementsByTagName("span");
  287. for ( j = 0; j < spanElements.length; j++) {
  288. if (spanElements[j].innerHTML.indexOf("entr") != -1) {
  289. return parseInt(spanElements[j].innerHTML.substring(0, spanElements[j].innerHTML.indexOf(" ")).replace(",", ""));
  290. }
  291. }
  293. // Parse from SG++ grid layout
  294. var divElements = giveaway.getElementsByTagName("div");
  295. for ( j = 0; j < divElements.length; j++) {
  296. if (divElements[j].style.cssFloat == "left" && divElements[j].innerHTML.indexOf("ntr") != -1) {
  297. var strongElements = divElements[j].getElementsByTagName("strong");
  298. // Just pick first, there is only one anyway
  299. if (strongElements.length > 0) {
  300. return parseInt(strongElements[0].innerHTML.replace(",", ""));
  301. }
  302. }
  303. }
  304. }
  306. // Removes filtering from a given giveaway
  307. function removeFiltering(giveaway) {
  308. giveaway.style.display = "";
  309. }
  311. // Hides the pinned block completely if all the giveaways got filtered, shows it if it contains at least one giveaway
  312. function handlePinnedBlock() {
  313. var pinnedBlocks = document.getElementsByClassName("pinned-giveaways__outer-wrap");
  315. // No pinned giveaways
  316. if (pinnedBlocks.length === 0) {
  317. return;
  318. }
  320. var pinnedGiveaways = pinnedBlocks[0].getElementsByClassName("giveaway__row-outer-wrap");
  321. var giveawayRemaining = false;
  323. for ( i = 0; i < pinnedGiveaways.length; i++) {
  324. if (pinnedGiveaways[i].style.display !== "none") {
  325. giveawayRemaining = true;
  326. break;
  327. }
  328. }
  330. if (giveawayRemaining) {
  331. pinnedBlocks[0].style.display = "";
  332. } else {
  333. pinnedBlocks[0].style.display = "none";
  334. }
  336. }
  338. var giveawayOrder = 1;
  339. // Handles the pagination. Moves the GAs in SG++ grid layout into one grid if pagination should be removed
  340. function handlePagination() {
  341. var removePagination = GM_getValue(KEY_REMOVE_PAGINATION, DEFAULT_REMOVE_PAGINATION);
  343. // Handle the pagination itself, leave the last pagination element in place (the magical -2 in the loop condition)
  344. var paginationDivs = document.getElementsByClassName("table__heading");
  345. for ( i = 0; i < paginationDivs.length - 2; i++) {
  346. if (removePagination) {
  347. paginationDivs[i].style.display = "none";
  348. } else {
  349. paginationDivs[i].style.display = "";
  350. }
  351. }
  353. // GAs should be moved to the first gridview if using the SG++ GA grid view
  354. var sgppGridviews = document.getElementsByClassName("SGPP__gridView");
  355. if (sgppGridviews.length > 0) {
  356. // Tag the giveaways
  357. for ( i = 0; i < sgppGridviews.length; i++) {
  358. var sgppGiveawayDivs = sgppGridviews[i].getElementsByClassName("SGPP__gridTile");
  359. var pageNumber = getSgppPageNumber(sgppGridviews[i]);
  360. for ( j = 0; j < sgppGiveawayDivs.length; j++) {
  361. if (sgppGiveawayDivs[j].dataset.originalPage === undefined) {
  362. sgppGiveawayDivs[j].dataset.originalPage = pageNumber;
  363. }
  364. if (sgppGiveawayDivs[j].dataset.order === undefined) {
  365. sgppGiveawayDivs[j].dataset.order = giveawayOrder++;
  366. }
  367. }
  368. }
  370. var sgppFirstGridview = sgppGridviews[0];
  371. for ( i = 0; i < sgppGridviews.length; i++) {
  372. if(getSgppPageNumber(sgppGridviews[i]) === 1) {
  373. sgppFirstGridview = sgppGridviews[i];
  374. break;
  375. }
  376. }
  378. if (removePagination) {
  379. // Move the GAs in SG++ grid layout to the first grid
  380. for ( i = 1; i < sgppGridviews.length; i++) {
  381. var currentGridview = sgppGridviews[i];
  382. var sgppGiveawayDivs = currentGridview.getElementsByClassName("SGPP__gridTile");
  383. for ( j = 0; j < sgppGiveawayDivs.length; j++) {
  384. var sgppGiveawayDiv = sgppGiveawayDivs[j];
  385. currentGridview.removeChild(sgppGiveawayDiv);
  386. insertGiveawayIntoGridview(sgppGiveawayDiv, sgppFirstGridview);
  387. }
  388. }
  389. } else {
  390. // Move the GAs back from the first grid to their respective page grids
  391. var sgppGiveawayDivs = sgppFirstGridview.getElementsByClassName("SGPP__gridTile");
  392. for ( i = 0; i < sgppGiveawayDivs.length; i++) {
  393. var sgppGiveawayDiv = sgppGiveawayDivs[i];
  394. var originalPage = parseInt(sgppGiveawayDiv.dataset.originalPage);
  395. if (originalPage > 1) {
  396. sgppFirstGridview.removeChild(sgppGiveawayDiv);
  397. for ( j = 0; j < sgppGridviews.length; j++) {
  398. var pageNumber = getSgppPageNumber(sgppGridviews[j]);
  399. if (pageNumber === originalPage) {
  400. insertGiveawayIntoGridview(sgppGiveawayDiv, sgppGridviews[j]);
  401. break;
  402. }
  403. }
  404. }
  405. }
  406. }
  407. }
  408. }
  410. // Determines the page number from SG++ grid view
  411. function getSgppPageNumber(sgppGridview) {
  412. var currentPage = sgppGridview.previousElementSibling.getElementsByClassName("endless_page")[0].innerHTML;
  413. var pageNumber = parseInt(currentPage.substring(5, currentPage.indexOf(" ", 6)));
  414. return pageNumber;
  415. }
  417. // Inserts a GA into specified gridview based on its dataset.order value
  418. function insertGiveawayIntoGridview(giveaway, gridview) {
  419. var sgppSortedGiveawayDivs = gridview.getElementsByClassName("SGPP__gridTile");
  420. var inserted = false;
  421. for ( i = 0; i < sgppSortedGiveawayDivs.length; i++) {
  422. if (parseInt(sgppSortedGiveawayDivs[i].dataset.order) > parseInt(giveaway.dataset.order)) {
  423. gridview.insertBefore(giveaway, sgppSortedGiveawayDivs[i]);
  424. inserted = true;
  425. break;
  426. }
  427. }
  428. if (!inserted) {
  429. gridview.appendChild(giveaway);
  430. }
  431. }
  433. // Returns true if filtering is enabled on the current page, false otherwise
  434. function isFilteringEnabledOnCurrentPage() {
  435. var applyToAllGiveawaysView = GM_getValue(KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_ALL_GIVEAWAYS_VIEW);
  436. var applyToGroupGiveawaysView = GM_getValue(KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_GROUP_GIVEAWAYS_VIEW);
  437. var applyToWishlistGiveawaysView = GM_getValue(KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW);
  438. var applyToNewGiveawaysView = GM_getValue(KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_NEW_GIVEAWAYS_VIEW);
  439. var applyToUserProfileView = GM_getValue(KEY_APPLY_TO_USER_PROFILE_VIEW, DEFAULT_APPLY_TO_USER_PROFILE_VIEW);
  440. var applyToSearchResultsView = GM_getValue(KEY_APPLY_TO_SEARCH_RESULTS_VIEW, DEFAULT_APPLY_TO_SEARCH_RESULTS_VIEW);
  441. var applyToRecommendedView = GM_getValue(KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW);
  443. if (applyToAllGiveawaysView && isCurrentPage(KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW)) {
  444. return true;
  445. }
  447. if (applyToGroupGiveawaysView && isCurrentPage(KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW)) {
  448. return true;
  449. }
  451. if (applyToWishlistGiveawaysView && isCurrentPage(KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW)) {
  452. return true;
  453. }
  455. if (applyToUserProfileView && isCurrentPage(KEY_APPLY_TO_USER_PROFILE_VIEW)) {
  456. return true;
  457. }
  459. if (applyToNewGiveawaysView && isCurrentPage(KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW)) {
  460. return true;
  461. }
  463. if (applyToSearchResultsView && isCurrentPage(KEY_APPLY_TO_SEARCH_RESULTS_VIEW)) {
  464. return true;
  465. }
  467. if (applyToRecommendedView && isCurrentPage(KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW)) {
  468. return true;
  469. }
  471. return false;
  472. }
  474. function isCurrentPage(pageKey) {
  475. var currentPage = window.location.href;
  476. if (pageKey === KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW) {
  477. return (currentPage.indexOf("https://www.steamgifts.com/giveaways/search?page=") === 0
  478. || currentPage === "https://www.steamgifts.com" || currentPage === "https://www.steamgifts.com/"
  479. || currentPage === "https://www.steamgifts.com/giveaways"
  480. || currentPage.indexOf("http://www.steamgifts.com/giveaways/search?page=") === 0
  481. || currentPage === "http://www.steamgifts.com" || currentPage === "https://www.steamgifts.com/"
  482. || currentPage === "http://www.steamgifts.com/giveaways");
  483. }
  484. if (pageKey === KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW) {
  485. return (currentPage.indexOf("http://www.steamgifts.com/giveaways/search?type=group") === 0 || currentPage.indexOf("https://www.steamgifts.com/giveaways/search?type=group") === 0);
  486. }
  487. if (pageKey === KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW) {
  488. return (currentPage.indexOf("http://www.steamgifts.com/giveaways/search?type=wishlist") === 0 || currentPage.indexOf("https://www.steamgifts.com/giveaways/search?type=wishlist") === 0);
  489. }
  490. if (pageKey === KEY_APPLY_TO_USER_PROFILE_VIEW) {
  491. return (currentPage.indexOf("http://www.steamgifts.com/user/") === 0 || currentPage.indexOf("https://www.steamgifts.com/user/") === 0);
  492. }
  493. if (pageKey === KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW) {
  494. return (currentPage.indexOf("http://www.steamgifts.com/giveaways/search?type=new") === 0 || currentPage.indexOf("https://www.steamgifts.com/giveaways/search?type=new") === 0);
  495. }
  496. if (pageKey === KEY_APPLY_TO_SEARCH_RESULTS_VIEW) {
  497. return (currentPage.indexOf("http://www.steamgifts.com/giveaways/search?q") === 0 || currentPage.indexOf("https://www.steamgifts.com/giveaways/search?q") === 0);
  498. }
  499. if (pageKey === KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW) {
  500. return (currentPage.indexOf("http://www.steamgifts.com/giveaways/search?type=recommended") === 0 || currentPage.indexOf("https://www.steamgifts.com/giveaways/search?type=recommended") === 0);
  501. }
  502. return false;
  503. }
  505. // Draws the filter UI into the SG page
  506. (function drawUi() {
  507. // Create the filter details element and add content to it
  508. var detailsContentDiv = document.createElement("div");
  509. detailsContentDiv.setAttribute("class", 'pinned-giveaways__inner-wrap filterDetails');
  510. detailsContentDiv.appendChild(createFilterUiFilterOptionsRow());
  511. detailsContentDiv.appendChild(createFilterUiExcludeOptionsRow());
  512. detailsContentDiv.appendChild(createFilterUiEnabledPagesRow());
  513. detailsContentDiv.appendChild(createFilterUiOtherOptionsRow());
  515. var detailsDiv = document.createElement("div");
  516. detailsDiv.id = FILTER_DETAILS_ID;
  517. detailsDiv.style.display = "none";
  518. detailsDiv.appendChild(detailsContentDiv);
  519. detailsDiv.appendChild(createFilterUiHideFilterDetailsRow());
  521. // Create the filter UI element
  522. var controlsDiv = document.createElement("div");
  523. controlsDiv.setAttribute("id", FILTER_CONTROLS_ID);
  524. controlsDiv.setAttribute("class", 'pinned-giveaways__inner-wrap');
  526. controlsDiv.appendChild(createFilterUiCaptionRow());
  527. controlsDiv.appendChild(detailsDiv);
  529. // Add the filter UI to the correct place on the current page
  530. insertFilterUi(controlsDiv);
  531. updateFilterCaptionTextColor();
  533. // Append Stylesheet
  534. var filterCss = '.giveaway__row-outer-wrap[data-gridview*="sgpp_gridview"] {display: none;}\
  535. .filterDetails {margin: -1px -14px !important; border-radius: 0px !important;}\
  536. #filterDetails span {padding: 0 5px; font-size: 12px;}\
  537. #filterCaption {cursor: pointer; display: flex; border-top-left-radius: 4px; border-top-right-radius: 4px; font:700 14px/22px "Open Sans",sans-serif !important; margin: 0px -13px; padding: 5px 10px; border: none;}\
  538. #filterHide {border-top-right-radius: 0px; border-top-left-radius: 0px; margin: 1px -14px -1px; padding: 5px 0px; justify-content: center; cursor: pointer;}\
  539. #filterControls {margin-bottom: 5px; background-image: none;}\
  540. #filterControls select, #filterControls input {padding: 2px 4px;}\
  541. #filterHide.sidebar__navigation__item__link, #filterHide.sidebar__navigation__item__link:hover {border-top: none;}\
  542. .filterCheckbox {width: 13px; margin: 5px;}\
  543. .filterNumberInput {margin: 5px 0;}\
  544. .enableContainer, .excludeContainer {margin-top: 3px;}\
  545. .enableContainer.markdown hr, .excludeContainer.markdown hr, .filteringContainer.markdown hr {margin: 0px;}\
  546. .otherContainer {padding: 5px 0;}\
  547. .filteringContainer{padding-top: 1px;}\
  548. .flexLeft {display: flex; align-items: center; justify-content: flex-start; flex-grow: 1; flex-basis: 0px;}\
  549. .flexCenter {display: flex; align-items: center; justify-content: center; flex-grow: 1; flex-basis: 0px; margin-top: -1px;}\
  550. .flexRight {display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; flex-basis: 0px;}\
  551. .help-tip {text-align: center; border-style: dotted; border-width: 1px; margin-left: 2px; margin-right: -5px; padding: 1px; cursor: help;}\
  552. .sidebar__shortcut-tooltip-absolute.tooltip {display: none; box-shadow: none; padding: 8px !important; margin-left: -275px; margin-top: 10px; width: 406px; line-height: 16px; -webkit-filter: saturate(0); filter: saturate(0); }\
  553. .sidebar__shortcut-tooltip-absolute, .table__row-outer-wrap {color:inherit;}\
  554. .help-tip:hover .sidebar__shortcut-tooltip-absolute.tooltip {display: block;}';
  556. var style = document.createElement('style');
  557. if (style.styleSheet) {
  558. style.styleSheet.cssText = filterCss;
  559. } else {
  560. style.appendChild(document.createTextNode(filterCss));
  561. }
  562. document.getElementsByTagName('head')[0].appendChild(style);
  564. })();
  566. // Creates the top-level caption that is visible all the time on a giveaway page
  567. function createFilterUiCaptionRow() {
  568. var filterOptionsCaption = document.createElement("div");
  569. filterOptionsCaption.id = FILTER_CAPTION_ID;
  570. filterOptionsCaption.appendChild(document.createTextNode(getFilterCaption()));
  571. filterOptionsCaption.onclick = function() {
  572. // Clicking on the caption opens/closes the filter details UI
  573. var detailsDiv = document.getElementById(FILTER_DETAILS_ID);
  574. if (detailsDiv.style.display === "") {
  575. detailsDiv.style.display = "none";
  576. } else {
  577. detailsDiv.style.display = "";
  578. }
  579. };
  580. return filterOptionsCaption;
  581. }
  583. // Creates the row with filtering options (level, number of entries, ...)
  584. function createFilterUiFilterOptionsRow() {
  585. var minLevelToDisplay = GM_getValue(KEY_MIN_LEVEL_TO_DISPLAY, DEFAULT_MIN_LEVEL_TO_DISPLAY);
  586. var maxLevelToDisplay = GM_getValue(KEY_MAX_LEVEL_TO_DISPLAY, DEFAULT_MAX_LEVEL_TO_DISPLAY);
  587. var minPointsToDisplay = GM_getValue(KEY_MIN_POINTS_TO_DISPLAY, DEFAULT_MIN_POINTS_TO_DISPLAY);
  588. var maxPointsToDisplay = GM_getValue(KEY_MAX_POINTS_TO_DISPLAY, DEFAULT_MAX_POINTS_TO_DISPLAY);
  589. var enableFilteringByEntryCount = GM_getValue(KEY_ENABLE_FILTERING_BY_ENTRY_COUNT, DEFAULT_ENABLE_FILTERING_BY_ENTRY_COUNT);
  590. var maxNumberOfEntries = GM_getValue(KEY_MAX_NUMBER_OF_ENTRIES, DEFAULT_MAX_NUMBER_OF_ENTRIES);
  592. // The "minimal level to display" number input
  593. var minLevelToDisplayInput = document.createElement("input");
  594. minLevelToDisplayInput.setAttribute("type", "number");
  595. minLevelToDisplayInput.setAttribute("maxLength", "2");
  596. minLevelToDisplayInput.setAttribute("class", "filterNumberInput");
  597. minLevelToDisplayInput.style.width = "55px";
  598. minLevelToDisplayInput.value = minLevelToDisplay;
  599. minLevelToDisplayInput.onchange = function() {
  600. // Filter out invalid values
  601. var minLevelToDisplayInputValue = parseInt(minLevelToDisplayInput.value);
  602. if (minLevelToDisplayInputValue < DEFAULT_MIN_LEVEL_TO_DISPLAY) {
  603. minLevelToDisplayInput.value = DEFAULT_MIN_LEVEL_TO_DISPLAY;
  604. } else if (minLevelToDisplayInputValue > maxLevelToDisplay) {
  605. minLevelToDisplayInput.value = maxLevelToDisplay;
  606. }
  607. // If the value changed, save it and update the UI
  608. if (minLevelToDisplay != minLevelToDisplayInput.value) {
  609. GM_setValue(KEY_MIN_LEVEL_TO_DISPLAY, minLevelToDisplayInput.value);
  610. minLevelToDisplay = minLevelToDisplayInput.value;
  611. updateFilterCaption();
  612. filterGiveaways();
  613. }
  614. };
  615. // Accept only digits
  616. minLevelToDisplayInput.onkeypress = function(event) {
  617. return isDigit(event.charCode);
  618. };
  620. // The "maximal level to display" number input
  621. var maxLevelToDisplayInput = document.createElement("input");
  622. maxLevelToDisplayInput.setAttribute("type", "number");
  623. maxLevelToDisplayInput.setAttribute("maxLength", "2");
  624. maxLevelToDisplayInput.style.width = "55px";
  625. maxLevelToDisplayInput.value = maxLevelToDisplay;
  626. maxLevelToDisplayInput.onchange = function() {
  627. // Filter out invalid values
  628. var maxLevelToDisplayInputValue = parseInt(maxLevelToDisplayInput.value);
  629. if (maxLevelToDisplayInputValue > DEFAULT_MAX_LEVEL_TO_DISPLAY) {
  630. maxLevelToDisplayInput.value = DEFAULT_MAX_LEVEL_TO_DISPLAY;
  631. } else if (maxLevelToDisplayInputValue < minLevelToDisplay) {
  632. maxLevelToDisplayInput.value = minLevelToDisplay;
  633. }
  634. // If the value changed, save it and update the UI
  635. if (maxLevelToDisplay != maxLevelToDisplayInput.value) {
  636. GM_setValue(KEY_MAX_LEVEL_TO_DISPLAY, maxLevelToDisplayInput.value);
  637. maxLevelToDisplay = maxLevelToDisplayInput.value;
  638. updateFilterCaption();
  639. filterGiveaways();
  640. }
  641. };
  642. // Accept only digits
  643. maxLevelToDisplayInput.onkeypress = function(event) {
  644. return isDigit(event.charCode);
  645. };
  647. // Create and add the level filter
  648. var showLevelSpan = document.createElement("span");
  649. showLevelSpan.appendChild(document.createTextNode("Show level:"));
  651. var levelDashSpan = document.createElement("span");
  652. levelDashSpan.appendChild(document.createTextNode("-"));
  654. var flexGrowLeftDiv = document.createElement("div");
  655. flexGrowLeftDiv.setAttribute("class", "flexLeft");
  656. flexGrowLeftDiv.appendChild(showLevelSpan);
  657. flexGrowLeftDiv.appendChild(minLevelToDisplayInput);
  658. flexGrowLeftDiv.appendChild(levelDashSpan);
  659. flexGrowLeftDiv.appendChild(maxLevelToDisplayInput);
  661. // The "minimal points to display" number input
  662. var minPointsToDisplayInput = document.createElement("input");
  663. minPointsToDisplayInput.setAttribute("type", "number");
  664. minPointsToDisplayInput.setAttribute("maxLength", "3");
  665. minPointsToDisplayInput.style.width = "62px";
  666. minPointsToDisplayInput.value = minPointsToDisplay;
  667. minPointsToDisplayInput.onchange = function() {
  668. // Filter out invalid values
  669. var minPointsToDisplayInputValue = parseInt(minPointsToDisplayInput.value);
  670. if (minPointsToDisplayInputValue < DEFAULT_MIN_POINTS_TO_DISPLAY) {
  671. minPointsToDisplayInput.value = DEFAULT_MIN_POINTS_TO_DISPLAY;
  672. } else if (minPointsToDisplayInputValue > maxPointsToDisplay) {
  673. minPointsToDisplayInput.value = maxPointsToDisplay;
  674. }
  675. // If the value changed, save it and update the UI
  676. if (minPointsToDisplay != minPointsToDisplayInput.value) {
  677. GM_setValue(KEY_MIN_POINTS_TO_DISPLAY, minPointsToDisplayInput.value);
  678. minPointsToDisplay = minPointsToDisplayInput.value;
  679. updateFilterCaption();
  680. filterGiveaways();
  681. }
  682. };
  683. // Accept only digits
  684. minPointsToDisplayInput.onkeypress = function(event) {
  685. return isDigit(event.charCode);
  686. };
  688. // The "maximal level to display" number input
  689. var maxPointsToDisplayInput = document.createElement("input");
  690. maxPointsToDisplayInput.setAttribute("type", "number");
  691. maxPointsToDisplayInput.setAttribute("maxLength", "3");
  692. maxPointsToDisplayInput.style.width = "62px";
  693. maxPointsToDisplayInput.value = maxPointsToDisplay;
  694. maxPointsToDisplayInput.onchange = function() {
  695. // Filter out invalid values
  696. var maxPointsToDisplayInputValue = parseInt(maxPointsToDisplayInput.value);
  697. if (maxPointsToDisplayInputValue > DEFAULT_MAX_POINTS_TO_DISPLAY) {
  698. maxPointsToDisplayInput.value = DEFAULT_MAX_POINTS_TO_DISPLAY;
  699. } else if (maxPointsToDisplayInputValue < minPointsToDisplay) {
  700. maxPointsToDisplayInput.value = minPointsToDisplay;
  701. }
  702. // If the value changed, save it and update the UI
  703. if (maxPointsToDisplay != maxPointsToDisplayInput.value) {
  704. GM_setValue(KEY_MAX_POINTS_TO_DISPLAY, maxPointsToDisplayInput.value);
  705. maxPointsToDisplay = maxPointsToDisplayInput.value;
  706. updateFilterCaption();
  707. filterGiveaways();
  708. }
  709. };
  710. // Accept only digits
  711. maxPointsToDisplayInput.onkeypress = function(event) {
  712. return isDigit(event.charCode);
  713. };
  715. // Create and add the points filter
  716. var showPointsSpan = document.createElement("span");
  717. showPointsSpan.appendChild(document.createTextNode("Points to enter:"));
  719. var pointsDashSpan = document.createElement("span");
  720. pointsDashSpan.appendChild(document.createTextNode("-"));
  722. var flexGrowCenterDiv = document.createElement("div");
  723. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  724. flexGrowCenterDiv.appendChild(showPointsSpan);
  725. flexGrowCenterDiv.appendChild(minPointsToDisplayInput);
  726. flexGrowCenterDiv.appendChild(pointsDashSpan);
  727. flexGrowCenterDiv.appendChild(maxPointsToDisplayInput);
  729. // The "enable filtering by entry count" input checkbox
  730. var enableFilteringByEntryCountInput = document.createElement("input");
  731. enableFilteringByEntryCountInput.setAttribute("type", "checkbox");
  732. enableFilteringByEntryCountInput.setAttribute("class", "filterCheckbox");
  733. enableFilteringByEntryCountInput.checked = enableFilteringByEntryCount;
  734. enableFilteringByEntryCountInput.onclick = function() {
  735. // Upon value change, enable and recolor the entry count input
  736. GM_setValue(KEY_ENABLE_FILTERING_BY_ENTRY_COUNT, enableFilteringByEntryCountInput.checked);
  737. maxNumberOfEntriesInput.disabled = !enableFilteringByEntryCountInput.checked;
  738. maxNumberOfEntriesInput.readOnly = !enableFilteringByEntryCountInput.checked;
  739. if (!enableFilteringByEntryCountInput.checked) {
  740. maxNumberOfEntriesInput.style.opacity = "0.4";
  741. } else {
  742. maxNumberOfEntriesInput.style.opacity = maxNumberOfEntriesInputOriginalOpacity;
  743. maxNumberOfEntriesInput.style.opacity = "1";
  744. }
  745. // Update the main UI
  746. updateFilterCaption();
  747. filterGiveaways();
  748. };
  750. // The "maximal number of entries" number input
  751. var maxNumberOfEntriesInput = document.createElement("input");
  752. maxNumberOfEntriesInput.setAttribute("type", "number");
  753. maxNumberOfEntriesInput.setAttribute("maxLength", "6");
  754. maxNumberOfEntriesInput.style.width = "90px";
  755. maxNumberOfEntriesInput.disabled = !enableFilteringByEntryCount;
  756. maxNumberOfEntriesInput.value = maxNumberOfEntries;
  757. maxNumberOfEntriesInput.readOnly = !enableFilteringByEntryCount;
  758. maxNumberOfEntriesInput.onchange = function() {
  759. // Limit the entry count filter to 1000000, should be enough for a while
  760. if (maxNumberOfEntriesInput.value < 0 || maxNumberOfEntriesInput.value > 1000000) {
  761. maxNumberOfEntriesInput.value = maxNumberOfEntries;
  762. } else if (maxNumberOfEntries != maxNumberOfEntriesInput.value) {
  763. // If the value changed, save it and update the UI
  764. GM_setValue(KEY_MAX_NUMBER_OF_ENTRIES, maxNumberOfEntriesInput.value);
  765. maxNumberOfEntries = maxNumberOfEntriesInput.value;
  766. updateFilterCaption();
  767. filterGiveaways();
  768. return;
  769. }
  770. };
  771. // Accept only digits
  772. maxNumberOfEntriesInput.onkeypress = function(event) {
  773. return isDigit(event.charCode);
  774. };
  776. var maxNumberOfEntriesInputOriginalOpacity = maxNumberOfEntriesInput.style.opacity;
  777. // Gray out the input text if disabled
  778. if (!enableFilteringByEntryCount) {
  779. maxNumberOfEntriesInput.style.opacity = "0.4";
  780. }
  782. // Create and add the entry count filter
  783. var entryFilteringEnabledSpan = document.createElement("span");
  784. entryFilteringEnabledSpan.appendChild(document.createTextNode("Entry count filtering"));
  786. var entryFilteringCountSpan = document.createElement("span");
  787. entryFilteringCountSpan.appendChild(document.createTextNode("Max # of entries:"));
  789. var flexGrowRightDiv = document.createElement("div");
  790. flexGrowRightDiv.setAttribute("class", "flexRight");
  791. flexGrowRightDiv.appendChild(entryFilteringEnabledSpan);
  792. flexGrowRightDiv.appendChild(enableFilteringByEntryCountInput);
  793. flexGrowRightDiv.appendChild(entryFilteringCountSpan);
  794. flexGrowRightDiv.appendChild(maxNumberOfEntriesInput);
  796. // Create the row itself
  797. var firstRow = document.createElement("div");
  798. firstRow.setAttribute("class", "flexCenter");
  799. firstRow.appendChild(flexGrowLeftDiv);
  800. firstRow.appendChild(flexGrowCenterDiv);
  801. firstRow.appendChild(flexGrowRightDiv);
  803. var row = document.createElement("div");
  804. var hr = document.createElement("hr");
  805. row.setAttribute("class", 'filteringContainer markdown');
  806. row.appendChild(firstRow);
  807. row.appendChild(hr);
  808. return row;
  809. }
  811. // Creates a row with the "exclude" options
  812. function createFilterUiExcludeOptionsRow() {
  813. var excludeWhitelistGiveaways = GM_getValue(KEY_EXCLUDE_WHITELIST_GIVEAWAYS, DEFAULT_EXCLUDE_WHITELIST_GIVEAWAYS);
  814. var excludeGroupGiveaways = GM_getValue(KEY_EXCLUDE_GROUP_GIVEAWAYS, DEFAULT_EXCLUDE_GROUP_GIVEAWAYS);
  815. var excludePinnedGiveaways = GM_getValue(KEY_EXCLUDE_PINNED_GIVEAWAYS, DEFAULT_EXCLUDE_PINNED_GIVEAWAYS);
  816. var excludeRegionRestrictedGiveaways = GM_getValue(KEY_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS, DEFAULT_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS);
  818. // The "exlude group GAs" input checkbox
  819. var excludeGroupGiveawaysInput = document.createElement("input");
  820. excludeGroupGiveawaysInput.setAttribute("type", "checkbox");
  821. excludeGroupGiveawaysInput.setAttribute("class", "filterCheckbox");
  822. excludeGroupGiveawaysInput.checked = excludeGroupGiveaways;
  823. excludeGroupGiveawaysInput.onclick = function() {
  824. // Save the change and update the UI
  825. GM_setValue(KEY_EXCLUDE_GROUP_GIVEAWAYS, excludeGroupGiveawaysInput.checked);
  826. updateFilterCaption();
  827. filterGiveaways();
  828. };
  830. var excludeGroupGiveawaysSpan = document.createElement("span");
  831. excludeGroupGiveawaysSpan.appendChild(document.createTextNode("Exclude group giveaways"));
  833. // Create and add the group GAs exclusion element
  834. var flexGrowLeftDiv = document.createElement("div");
  835. flexGrowLeftDiv.setAttribute("class", "flexLeft");
  836. flexGrowLeftDiv.appendChild(excludeGroupGiveawaysSpan);
  837. flexGrowLeftDiv.appendChild(excludeGroupGiveawaysInput);
  839. // The "exlude whitelist GAs" input checkbox
  840. var excludeWhitelistGiveawaysInput = document.createElement("input");
  841. excludeWhitelistGiveawaysInput.setAttribute("type", "checkbox");
  842. excludeWhitelistGiveawaysInput.setAttribute("class", "filterCheckbox");
  843. excludeWhitelistGiveawaysInput.checked = excludeWhitelistGiveaways;
  844. excludeWhitelistGiveawaysInput.onclick = function() {
  845. // If the value changed, save it and update the UI
  846. GM_setValue(KEY_EXCLUDE_WHITELIST_GIVEAWAYS, excludeWhitelistGiveawaysInput.checked);
  847. updateFilterCaption();
  848. filterGiveaways();
  849. };
  851. var excludeWhitelistGiveawaysSpan = document.createElement("span");
  852. excludeWhitelistGiveawaysSpan.appendChild(document.createTextNode("Exclude whitelist giveaways"));
  854. // Create and add the whitelist GAs exclusion element
  855. var flexGrowCenterDiv = document.createElement("div");
  856. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  857. flexGrowCenterDiv.appendChild(excludeWhitelistGiveawaysSpan);
  858. flexGrowCenterDiv.appendChild(excludeWhitelistGiveawaysInput);
  860. // The "exclude pinned giveaways" input checkbox
  861. var excludePinnedGiveawaysInput = document.createElement("input");
  862. excludePinnedGiveawaysInput.setAttribute("type", "checkbox");
  863. excludePinnedGiveawaysInput.setAttribute("class", "filterCheckbox");
  864. excludePinnedGiveawaysInput.checked = excludePinnedGiveaways;
  865. excludePinnedGiveawaysInput.onclick = function() {
  866. // Upon value change
  867. GM_setValue(KEY_EXCLUDE_PINNED_GIVEAWAYS, excludePinnedGiveawaysInput.checked);
  868. excludePinnedGiveaways = excludePinnedGiveawaysInput.checked;
  869. // Update the main UI
  870. updateFilterCaption();
  871. filterGiveaways();
  872. };
  874. var excludePinnedGiveawaysSpan = document.createElement("span");
  875. excludePinnedGiveawaysSpan.appendChild(document.createTextNode('Exclude pinned giveaways'));
  877. // Create and add the "exclude pinned giveaways" text
  878. var flexGrowRightDiv = document.createElement("div");
  879. flexGrowRightDiv.setAttribute("class", "flexRight");
  880. flexGrowRightDiv.appendChild(excludePinnedGiveawaysSpan);
  881. flexGrowRightDiv.appendChild(excludePinnedGiveawaysInput);
  883. // Create the first row
  884. var firstRow = document.createElement("div");
  885. firstRow.setAttribute("class", "flexCenter");
  886. firstRow.appendChild(flexGrowLeftDiv);
  887. firstRow.appendChild(flexGrowCenterDiv);
  888. firstRow.appendChild(flexGrowRightDiv);
  890. // The "exclude region-restricted giveaways" input checkbox
  891. var excludeRegionRestrictedGiveawaysInput = document.createElement("input");
  892. excludeRegionRestrictedGiveawaysInput.setAttribute("type", "checkbox");
  893. excludeRegionRestrictedGiveawaysInput.setAttribute("class", "filterCheckbox");
  894. excludeRegionRestrictedGiveawaysInput.checked = excludeRegionRestrictedGiveaways;
  895. excludeRegionRestrictedGiveawaysInput.onclick = function() {
  896. // Upon value change
  897. GM_setValue(KEY_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS, excludeRegionRestrictedGiveawaysInput.checked);
  898. excludeRegionRestrictedGiveaways = excludeRegionRestrictedGiveawaysInput.checked;
  899. // Update the main UI
  900. updateFilterCaption();
  901. filterGiveaways();
  902. };
  904. // Create and add the "exclude region-restricted giveaways" text
  905. var excludeRegionRestrictedGiveawaysSpan = document.createElement("span");
  906. excludeRegionRestrictedGiveawaysSpan.appendChild(document.createTextNode("Exclude region-restricted giveaways"));
  908. // Create the "exclude region-restricted giveaways" element itself
  909. flexGrowLeftDiv = document.createElement("div");
  910. flexGrowLeftDiv.setAttribute("class", "flexCenter");
  911. flexGrowLeftDiv.appendChild(excludeRegionRestrictedGiveawaysSpan);
  912. flexGrowLeftDiv.appendChild(excludeRegionRestrictedGiveawaysInput);
  914. // Create the second row in the filter details
  915. var secondRow = document.createElement("div");
  916. secondRow.setAttribute("class", "flexCenter");
  917. secondRow.appendChild(flexGrowLeftDiv);
  919. // Create the row itself
  920. var row = document.createElement("div");
  921. var hr = document.createElement("hr");
  922. row.setAttribute("class", 'excludeContainer markdown');
  923. row.appendChild(firstRow);
  924. row.appendChild(secondRow);
  925. row.appendChild(hr);
  926. return row;
  927. }
  929. // Creates the row with "enabled pages" settings
  930. function createFilterUiEnabledPagesRow() {
  931. var applyToAllGiveawaysView = GM_getValue(KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_ALL_GIVEAWAYS_VIEW);
  932. var applyToGroupGiveawaysView = GM_getValue(KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_GROUP_GIVEAWAYS_VIEW);
  933. var applyToWishlistGiveawaysView = GM_getValue(KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW);
  934. var applyToNewGiveawaysView = GM_getValue(KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_NEW_GIVEAWAYS_VIEW);
  935. var applyToUserProfileView = GM_getValue(KEY_APPLY_TO_USER_PROFILE_VIEW, DEFAULT_APPLY_TO_USER_PROFILE_VIEW);
  936. var applyToSearchResultsView = GM_getValue(KEY_APPLY_TO_SEARCH_RESULTS_VIEW, DEFAULT_APPLY_TO_SEARCH_RESULTS_VIEW);
  937. var applyToRecommendedGiveawaysView = GM_getValue(KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW, DEFAULT_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW);
  939. // Create and add the "enable filtering on the main page" text
  940. var flexGrowLeftDiv = document.createElement("div");
  941. flexGrowLeftDiv.setAttribute("class", "flexLeft");
  942. var enableFilteringOnTheMainPageSpan = document.createElement("span");
  943. enableFilteringOnTheMainPageSpan.appendChild(document.createTextNode("Enable on the main page"));
  944. if (isCurrentPage(KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW)) {
  945. enableFilteringOnTheMainPageSpan.appendChild(document.createTextNode(" (this page)"));
  946. }
  947. flexGrowLeftDiv.appendChild(enableFilteringOnTheMainPageSpan);
  949. // The "enable filtering on the main page" input checkbox
  950. var enableFilteringOnTheMainPageInput = document.createElement("input");
  951. enableFilteringOnTheMainPageInput.setAttribute("type", "checkbox");
  952. enableFilteringOnTheMainPageInput.setAttribute("class", "filterCheckbox");
  953. enableFilteringOnTheMainPageInput.checked = applyToAllGiveawaysView;
  954. enableFilteringOnTheMainPageInput.onclick = function() {
  955. // Upon value change
  956. GM_setValue(KEY_APPLY_TO_ALL_GIVEAWAYS_VIEW, enableFilteringOnTheMainPageInput.checked);
  957. applyToAllGiveawaysView = enableFilteringOnTheMainPageInput.checked;
  958. // Update the main UI
  959. updateFilterCaption();
  960. filterGiveaways();
  961. };
  962. flexGrowLeftDiv.appendChild(enableFilteringOnTheMainPageInput);
  964. // Create and add the "enable filtering on the new giveaways page" text
  965. var flexGrowCenterDiv = document.createElement("div");
  966. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  967. var enableFilteringOnTheNewGiveawaysPageSpan = document.createElement("span");
  968. enableFilteringOnTheNewGiveawaysPageSpan.appendChild(document.createTextNode('Enable on the "new giveaways" page'));
  969. if (isCurrentPage(KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW)) {
  970. enableFilteringOnTheNewGiveawaysPageSpan.appendChild(document.createTextNode(" (this page)"));
  971. }
  972. flexGrowCenterDiv.appendChild(enableFilteringOnTheNewGiveawaysPageSpan);
  974. // The "enable filtering on the new giveaways page" input checkbox
  975. var enableFilteringOnTheNewGiveawaysPageInput = document.createElement("input");
  976. enableFilteringOnTheNewGiveawaysPageInput.setAttribute("type", "checkbox");
  977. enableFilteringOnTheNewGiveawaysPageInput.setAttribute("class", "filterCheckbox");
  978. enableFilteringOnTheNewGiveawaysPageInput.checked = applyToNewGiveawaysView;
  979. enableFilteringOnTheNewGiveawaysPageInput.onclick = function() {
  980. // Upon value change
  981. GM_setValue(KEY_APPLY_TO_NEW_GIVEAWAYS_VIEW, enableFilteringOnTheNewGiveawaysPageInput.checked);
  982. applyToNewGiveawaysView = enableFilteringOnTheNewGiveawaysPageInput.checked;
  983. // Update the main UI
  984. updateFilterCaption();
  985. filterGiveaways();
  986. };
  987. flexGrowCenterDiv.appendChild(enableFilteringOnTheNewGiveawaysPageInput);
  989. // Create and add the "enable filtering on the search results" text
  990. var flexGrowRightDiv = document.createElement("div");
  991. flexGrowRightDiv.setAttribute("class", "flexRight");
  992. var enableFilteringOnTheSearchResultsPageSpan = document.createElement("span");
  993. enableFilteringOnTheSearchResultsPageSpan.appendChild(document.createTextNode('Enable on the "search results" page'));
  994. if (isCurrentPage(KEY_APPLY_TO_SEARCH_RESULTS_VIEW)) {
  995. enableFilteringOnTheSearchResultsPageSpan.appendChild(document.createTextNode(" (this page)"));
  996. }
  997. flexGrowRightDiv.appendChild(enableFilteringOnTheSearchResultsPageSpan);
  999. // The "enable filtering on the search results" input checkbox
  1000. var enableFilteringOnTheSearchResultsPageInput = document.createElement("input");
  1001. enableFilteringOnTheSearchResultsPageInput.setAttribute("type", "checkbox");
  1002. enableFilteringOnTheSearchResultsPageInput.setAttribute("class", "filterCheckbox");
  1003. enableFilteringOnTheSearchResultsPageInput.checked = applyToSearchResultsView;
  1004. enableFilteringOnTheSearchResultsPageInput.onclick = function() {
  1005. // Upon value change
  1006. GM_setValue(KEY_APPLY_TO_SEARCH_RESULTS_VIEW, enableFilteringOnTheSearchResultsPageInput.checked);
  1007. applyToSearchResultsView = enableFilteringOnTheSearchResultsPageInput.checked;
  1008. // Update the main UI
  1009. updateFilterCaption();
  1010. filterGiveaways();
  1011. };
  1012. flexGrowRightDiv.appendChild(enableFilteringOnTheSearchResultsPageInput);
  1014. // Create the first row in the filter details
  1015. var firstRow = document.createElement("div");
  1016. firstRow.setAttribute("class", "flexCenter");
  1017. firstRow.appendChild(flexGrowLeftDiv);
  1018. firstRow.appendChild(flexGrowCenterDiv);
  1019. firstRow.appendChild(flexGrowRightDiv);
  1021. // Create and add the "enable filtering on the wishlist giveaways page" text
  1022. flexGrowLeftDiv = document.createElement("div");
  1023. flexGrowLeftDiv.setAttribute("class", "flexLeft");
  1024. var enableFilteringOnTheWishlistGiveawaysPageSpan = document.createElement("span");
  1025. enableFilteringOnTheWishlistGiveawaysPageSpan.appendChild(document.createTextNode('Enable on the "wishlist giveaways" page'));
  1026. if (isCurrentPage(KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW)) {
  1027. enableFilteringOnTheWishlistGiveawaysPageSpan.appendChild(document.createTextNode(" (this page)"));
  1028. }
  1029. flexGrowLeftDiv.appendChild(enableFilteringOnTheWishlistGiveawaysPageSpan);
  1031. // The "enable filtering on the wishlist giveaways page" input checkbox
  1032. var enableFilteringOnTheWishlistGiveawaysPageInput = document.createElement("input");
  1033. enableFilteringOnTheWishlistGiveawaysPageInput.setAttribute("type", "checkbox");
  1034. enableFilteringOnTheWishlistGiveawaysPageInput.setAttribute("class", "filterCheckbox");
  1035. enableFilteringOnTheWishlistGiveawaysPageInput.checked = applyToWishlistGiveawaysView;
  1036. enableFilteringOnTheWishlistGiveawaysPageInput.onclick = function() {
  1037. // Upon value change
  1038. GM_setValue(KEY_APPLY_TO_WISHLIST_GIVEAWAYS_VIEW, enableFilteringOnTheWishlistGiveawaysPageInput.checked);
  1039. applyToWishlistGiveawaysView = enableFilteringOnTheWishlistGiveawaysPageInput.checked;
  1040. // Update the main UI
  1041. updateFilterCaption();
  1042. filterGiveaways();
  1043. };
  1044. flexGrowLeftDiv.appendChild(enableFilteringOnTheWishlistGiveawaysPageInput);
  1046. // Create and add the "enable filtering on the "group giveaways" page" text
  1047. flexGrowCenterDiv = document.createElement("div");
  1048. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  1049. var enableFilteringOnTheGroupGiveawaysPageSpan = document.createElement("span");
  1050. enableFilteringOnTheGroupGiveawaysPageSpan.appendChild(document.createTextNode('Enable on the "group giveaways" page'));
  1051. if (isCurrentPage(KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW)) {
  1052. enableFilteringOnTheGroupGiveawaysPageSpan.appendChild(document.createTextNode(" (this page)"));
  1053. }
  1054. flexGrowCenterDiv.appendChild(enableFilteringOnTheGroupGiveawaysPageSpan);
  1056. // The "enable filtering on the "group giveaways" page" page" input checkbox
  1057. var enableFilteringOnTheGroupGiveawaysPageInput = document.createElement("input");
  1058. enableFilteringOnTheGroupGiveawaysPageInput.setAttribute("type", "checkbox");
  1059. enableFilteringOnTheGroupGiveawaysPageInput.setAttribute("class", "filterCheckbox");
  1060. enableFilteringOnTheGroupGiveawaysPageInput.checked = applyToGroupGiveawaysView;
  1061. enableFilteringOnTheGroupGiveawaysPageInput.onclick = function() {
  1062. // Upon value change
  1063. GM_setValue(KEY_APPLY_TO_GROUP_GIVEAWAYS_VIEW, enableFilteringOnTheGroupGiveawaysPageInput.checked);
  1064. applyToGroupGiveawaysView = enableFilteringOnTheGroupGiveawaysPageInput.checked;
  1065. // Update the main UI
  1066. updateFilterCaption();
  1067. filterGiveaways();
  1068. };
  1069. flexGrowCenterDiv.appendChild(enableFilteringOnTheGroupGiveawaysPageInput);
  1071. // Create and add the "enable filtering on the user profile page" text
  1072. flexGrowRightDiv = document.createElement("div");
  1073. flexGrowRightDiv.setAttribute("class", "flexRight");
  1074. var enableFilteringOnTheUserProfilePageSpan = document.createElement("span");
  1075. enableFilteringOnTheUserProfilePageSpan.appendChild(document.createTextNode('Enable on the "user profile" page'));
  1076. if (isCurrentPage(KEY_APPLY_TO_USER_PROFILE_VIEW)) {
  1077. enableFilteringOnTheUserProfilePageSpan.appendChild(document.createTextNode(" (this page)"));
  1078. }
  1079. flexGrowRightDiv.appendChild(enableFilteringOnTheUserProfilePageSpan);
  1081. // The "enable filtering on the user profile page" input checkbox
  1082. var enableFilteringOnTheUserProfilePageInput = document.createElement("input");
  1083. enableFilteringOnTheUserProfilePageInput.setAttribute("type", "checkbox");
  1084. enableFilteringOnTheUserProfilePageInput.setAttribute("class", "filterCheckbox");
  1085. enableFilteringOnTheUserProfilePageInput.checked = applyToUserProfileView;
  1086. enableFilteringOnTheUserProfilePageInput.onclick = function() {
  1087. // Upon value change
  1088. GM_setValue(KEY_APPLY_TO_USER_PROFILE_VIEW, enableFilteringOnTheUserProfilePageInput.checked);
  1089. applyToUserProfileView = enableFilteringOnTheUserProfilePageInput.checked;
  1090. // Update the main UI
  1091. updateFilterCaption();
  1092. filterGiveaways();
  1093. };
  1094. flexGrowRightDiv.appendChild(enableFilteringOnTheUserProfilePageInput);
  1096. // Create the second row in the filter details
  1097. var secondRow = document.createElement("div");
  1098. secondRow.setAttribute("class", "flexCenter");
  1099. secondRow.appendChild(flexGrowLeftDiv);
  1100. secondRow.appendChild(flexGrowCenterDiv);
  1101. secondRow.appendChild(flexGrowRightDiv);
  1103. // Create and add the "enable filtering on the wishlist giveaways page" text
  1104. flexGrowCenterDiv = document.createElement("div");
  1105. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  1106. var enableFilteringOnTheRecommendedGiveawaysPageSpan = document.createElement("span");
  1107. enableFilteringOnTheRecommendedGiveawaysPageSpan.appendChild(document.createTextNode('Enable on the "recommended giveaways" page'));
  1108. if (isCurrentPage(KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW)) {
  1109. enableFilteringOnTheRecommendedGiveawaysPageSpan.appendChild(document.createTextNode(" (this page)"));
  1110. }
  1111. flexGrowCenterDiv.appendChild(enableFilteringOnTheRecommendedGiveawaysPageSpan);
  1113. // The "enable filtering on the wishlist giveaways page" input checkbox
  1114. var enableFilteringOnTheRecommendedGiveawaysPageInput = document.createElement("input");
  1115. enableFilteringOnTheRecommendedGiveawaysPageInput.setAttribute("type", "checkbox");
  1116. enableFilteringOnTheRecommendedGiveawaysPageInput.setAttribute("class", "filterCheckbox");
  1117. enableFilteringOnTheRecommendedGiveawaysPageInput.checked = applyToRecommendedGiveawaysView;
  1118. enableFilteringOnTheRecommendedGiveawaysPageInput.onclick = function() {
  1119. // Upon value change
  1120. GM_setValue(KEY_APPLY_TO_RECOMMENDED_GIVEAWAYS_VIEW, enableFilteringOnTheRecommendedGiveawaysPageInput.checked);
  1121. applyToRecommendedGiveawaysView = enableFilteringOnTheRecommendedGiveawaysPageInput.checked;
  1122. // Update the main UI
  1123. updateFilterCaption();
  1124. filterGiveaways();
  1125. };
  1126. flexGrowCenterDiv.appendChild(enableFilteringOnTheRecommendedGiveawaysPageInput);
  1128. // Create the third row in the filter details
  1129. var thirdRow = document.createElement("div");
  1130. thirdRow.setAttribute("class", "flexCenter");
  1131. thirdRow.appendChild(flexGrowCenterDiv);
  1133. // Create the row itself
  1134. var row = document.createElement("div");
  1135. var hr = document.createElement("hr");
  1136. row.setAttribute("class", "enableContainer markdown");
  1137. row.appendChild(firstRow);
  1138. row.appendChild(secondRow);
  1139. row.appendChild(thirdRow);
  1140. row.appendChild(hr);
  1141. return row;
  1142. }
  1144. // Creates a row with other options
  1145. function createFilterUiOtherOptionsRow() {
  1146. var removePagination = GM_getValue(KEY_REMOVE_PAGINATION, DEFAULT_REMOVE_PAGINATION);
  1147. var hideEnteredGiveaways = GM_getValue(KEY_HIDE_ENTERED_GIVEAWAYS, DEFAULT_HIDE_ENTERED_GIVEAWAYS);
  1149. // The "remove pagination" input checkbox
  1150. var removePaginationInput = document.createElement("input");
  1151. removePaginationInput.setAttribute("type", "checkbox");
  1152. removePaginationInput.setAttribute("class", "filterCheckbox");
  1153. removePaginationInput.checked = removePagination;
  1154. removePaginationInput.onclick = function() {
  1155. // Save the change and update the UI
  1156. GM_setValue(KEY_REMOVE_PAGINATION, removePaginationInput.checked);
  1157. filterGiveaways();
  1158. };
  1160. var removePaginationSpan = document.createElement("span");
  1161. removePaginationSpan.appendChild(document.createTextNode("Remove pagination"));
  1163. // Create and add the group GAs exclusion element
  1164. var flexGrowLeftDiv = document.createElement("div");
  1165. flexGrowLeftDiv.setAttribute("class", "flexCenter");
  1166. flexGrowLeftDiv.appendChild(removePaginationSpan);
  1167. flexGrowLeftDiv.appendChild(removePaginationInput);
  1169. // The "hide entered giveaways" input checkbox
  1170. var hideEnteredGiveawaysSelect = document.createElement("select");
  1171. for ( i = 0; i < HIDE_ENTERED_GIVEAWAYS_CONSTANTS.length; i++ ) {
  1172. var option = document.createElement('option');
  1173. option.value = option.textContent = HIDE_ENTERED_GIVEAWAYS_CONSTANTS[i];
  1174. hideEnteredGiveawaysSelect.appendChild(option);
  1175. }
  1177. hideEnteredGiveawaysSelect.value = hideEnteredGiveaways;
  1178. hideEnteredGiveawaysSelect.style.width = "75px";
  1179. hideEnteredGiveawaysSelect.style.marginLeft = "9px";
  1180. hideEnteredGiveawaysSelect.onchange = function() {
  1181. // Save the change and update the UI
  1182. var selectedValue = hideEnteredGiveawaysSelect.options[hideEnteredGiveawaysSelect.selectedIndex].value;
  1183. GM_setValue(KEY_HIDE_ENTERED_GIVEAWAYS, selectedValue);
  1184. filterGiveaways();
  1185. };
  1187. var hideEnteredGiveawaysSpan = document.createElement("span");
  1188. hideEnteredGiveawaysSpan.appendChild(document.createTextNode("Hide entered giveaways"));
  1189. var helpTooltip = document.createElement("div");
  1190. var tooltip = document.createElement("span");
  1192. tooltip.setAttribute("class", "sidebar__shortcut-tooltip-absolute tooltip");
  1193. tooltip.appendChild(document.createTextNode('"Yes" hides entered giveaways, although exclusions still apply. "Always" hides entered giveaways no matter the other filter options.'));
  1194. helpTooltip.setAttribute("class", "help-tip");
  1195. helpTooltip.appendChild(document.createTextNode("?"));
  1196. helpTooltip.appendChild(tooltip);
  1198. // Create and add the group GAs exclusion element
  1199. var flexGrowCenterDiv = document.createElement("div");
  1200. flexGrowCenterDiv.setAttribute("class", "flexCenter");
  1201. flexGrowCenterDiv.appendChild(hideEnteredGiveawaysSpan);
  1202. flexGrowCenterDiv.appendChild(helpTooltip);
  1203. flexGrowCenterDiv.appendChild(hideEnteredGiveawaysSelect);
  1205. // Create the row itself
  1206. var row = document.createElement("div");
  1207. row.setAttribute("class", "otherContainer flexCenter");
  1208. row.appendChild(flexGrowLeftDiv);
  1209. row.appendChild(flexGrowCenterDiv);
  1210. return row;
  1211. }
  1213. // Creates a row that hides the filter details
  1214. function createFilterUiHideFilterDetailsRow() {
  1215. var hideControlsDiv = document.createElement("div");
  1216. hideControlsDiv.id = FILTER_HIDE_ID;
  1217. hideControlsDiv.setAttribute("class", 'pinned-giveaways__inner-wrap sidebar__navigation__item__link');
  1218. hideControlsDiv.appendChild(document.createTextNode("Hide filter options"));
  1219. hideControlsDiv.onclick = function() {
  1220. // Hide the filter details
  1221. var filterDetails = document.getElementById(FILTER_DETAILS_ID);
  1222. if (filterDetails !== null) {
  1223. filterDetails.style.display = "none";
  1224. }
  1225. };
  1226. return hideControlsDiv;
  1227. }
  1229. function insertFilterUi(filterUi) {
  1230. // Insert into main giveaway UI
  1231. var elements = document.getElementsByClassName("pinned-giveaways__outer-wrap");
  1232. if (elements.length > 0) {
  1233. var parent = elements[0].parentElement;
  1234. parent.insertBefore(filterUi, parent.childNodes[2]);
  1235. return;
  1236. }
  1238. // Insert into the main giveaway UI if there are no pinned GAs
  1239. elements = document.getElementsByClassName("page__heading");
  1240. // Since "page__heading" is on multiple pages, a check needs to be done that user is on the correct page
  1241. if (document.getElementsByClassName("featured__container").length > 0 && elements.length > 0) {
  1242. var parent = elements[0].parentElement;
  1243. parent.insertBefore(filterUi, parent.childNodes[1]);
  1244. return;
  1245. }
  1247. // Insert into profile
  1248. elements = document.getElementsByClassName("page__heading");
  1249. // Since "page__heading" is on multiple pages, a check needs to be done that user is on the profile page
  1250. if (isCurrentPage(KEY_APPLY_TO_USER_PROFILE_VIEW) && elements.length > 0) {
  1251. var parent = elements[0].parentElement;
  1252. parent.insertBefore(filterUi, parent.childNodes[2]);
  1253. return;
  1254. }
  1255. }
  1257. // Updates filter caption in the UI
  1258. function updateFilterCaption() {
  1259. var filterCaptionDiv = document.getElementById(FILTER_CAPTION_ID);
  1260. filterCaptionDiv.innerHTML = getFilterCaption();
  1261. filterCaptionDiv.setAttribute("class", 'sidebar__navigation__item__name pinned-giveaways__inner-wrap sidebar__navigation__item__link');
  1262. updateFilterCaptionTextColor();
  1263. }
  1265. // Updates filter caption text color based on the current filtering status
  1266. function updateFilterCaptionTextColor() {
  1267. var filterCaptionDiv = document.getElementById(FILTER_CAPTION_ID);
  1268. if (isFilteringEnabledOnCurrentPage()) {
  1269. filterCaptionDiv.setAttribute("class", 'sidebar__navigation__item__name pinned-giveaways__inner-wrap sidebar__navigation__item__link');
  1270. } else {
  1271. filterCaptionDiv.setAttribute("class", 'sidebar__heading pinned-giveaways__inner-wrap sidebar__navigation__item__link');
  1272. }
  1273. }
  1275. // Creates the text for the filter caption
  1276. function getFilterCaption() {
  1277. var filterCaption = "Giveaway Filter";
  1279. if (!isFilteringEnabledOnCurrentPage()) {
  1280. return filterCaption;
  1281. }
  1283. // Add the level range to the caption
  1284. var minLevelToDisplay = GM_getValue(KEY_MIN_LEVEL_TO_DISPLAY, DEFAULT_MIN_LEVEL_TO_DISPLAY);
  1285. var maxLevelToDisplay = GM_getValue(KEY_MAX_LEVEL_TO_DISPLAY, DEFAULT_MAX_LEVEL_TO_DISPLAY);
  1286. filterCaption += " (Level " + minLevelToDisplay + "-" + maxLevelToDisplay;
  1288. // Add the maximal amount of entries to the caption
  1289. var enableFilteringByEntryCount = GM_getValue(KEY_ENABLE_FILTERING_BY_ENTRY_COUNT, DEFAULT_ENABLE_FILTERING_BY_ENTRY_COUNT);
  1290. if (enableFilteringByEntryCount) {
  1291. var maxNumberOfEntries = GM_getValue(KEY_MAX_NUMBER_OF_ENTRIES, 200);
  1292. filterCaption += ", Max " + maxNumberOfEntries + " entries";
  1293. }
  1295. // Add the points range to the caption
  1296. var minPointsToDisplay = GM_getValue(KEY_MIN_POINTS_TO_DISPLAY, DEFAULT_MIN_POINTS_TO_DISPLAY);
  1297. var maxPointsToDisplay = GM_getValue(KEY_MAX_POINTS_TO_DISPLAY, DEFAULT_MAX_POINTS_TO_DISPLAY);
  1298. filterCaption += ", " + minPointsToDisplay + "-" + maxPointsToDisplay + " Points";
  1300. // Add the excluded information to the caption
  1301. var excludeWhitelistGiveaways = GM_getValue(KEY_EXCLUDE_WHITELIST_GIVEAWAYS, DEFAULT_EXCLUDE_WHITELIST_GIVEAWAYS);
  1302. var excludeGroupGiveaways = GM_getValue(KEY_EXCLUDE_GROUP_GIVEAWAYS, DEFAULT_EXCLUDE_GROUP_GIVEAWAYS);
  1303. var excludeRegionRestrictedGiveaways = GM_getValue(KEY_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS, DEFAULT_EXCLUDE_REGION_RESTRICTED_GIVEAWAYS);
  1304. var excludePinnedGiveaways = GM_getValue(KEY_EXCLUDE_PINNED_GIVEAWAYS, DEFAULT_EXCLUDE_PINNED_GIVEAWAYS);
  1305. var excluded = "";
  1306. if (excludeGroupGiveaways) {
  1307. excluded += "Group";
  1308. }
  1309. if (excludeWhitelistGiveaways) {
  1310. if (excluded !== "") {
  1311. excluded += "/";
  1312. }
  1313. excluded += "Whitelist";
  1314. }
  1315. if (excludePinnedGiveaways) {
  1316. if (excluded !== "") {
  1317. excluded += "/";
  1318. }
  1319. excluded += "Pinned";
  1320. }
  1321. if (excludeRegionRestrictedGiveaways) {
  1322. if (excluded !== "") {
  1323. excluded += "/";
  1324. }
  1325. excluded += "Regional";
  1326. }
  1327. if (excluded !== "") {
  1328. excluded = ", " + excluded + " GAs excluded";
  1329. }
  1330. filterCaption += excluded;
  1332. // Close it up and return
  1333. filterCaption += ")";
  1334. return filterCaption;
  1335. }
  1337. // Returns true if the character (its code) is a digit, false otherwise
  1338. function isDigit(charCode) {
  1339. return charCode >= 48 && charCode <= 57;
  1340. }
  1342. // Function handling execution after DOM has been changed - makes the filtering work in endless scrolling of SG++
  1343. var observeDOM = (function() {
  1344. var MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
  1345. eventListenerSupported = window.addEventListener;
  1347. return function(obj, callback) {
  1348. if (MutationObserver) {
  1349. // Define a new observer
  1350. var obs = new MutationObserver(function(mutations, observer) {
  1351. if (mutations[0].addedNodes.length || mutations[0].removedNodes.length)
  1352. callback();
  1353. });
  1354. // Have the observer observe the registered element for changes in its children
  1355. obs.observe(obj, {
  1356. childList : true,
  1357. subtree : true
  1358. });
  1359. } else if (eventListenerSupported) {
  1360. obj.addEventListener('DOMNodeInserted', callback, false);
  1361. obj.addEventListener('DOMNodeRemoved', callback, false);
  1362. }
  1363. };
  1364. })();
  1366. // Register the filtering upon any changes on the whole page
  1367. observeDOM(document, function() {
  1368. filterGiveaways();
  1369. });
  1371. filterGiveaways();
comments powered by Disqus