☰

Munzee Map Filters

New way of catagorized filters

当前为 2021-10-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Munzee Map Filters
  3. // @namespace    http://tampermonkey.net/
  4. // @version      21.10.24.001
  5. // @description  New way of catagorized filters
  6. // @author       CzPeet
  7. // @match        https://www.munzee.com/specials*
  8. // @icon         https://www.google.com/s2/favicons?domain=munzee.com
  9. // @update       https://greasyfork.org/en/scripts/433078-special-filters
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. var isMapLoading = false;
  14. var imgPrefix = "https://munzee.global.ssl.fastly.net/images/pins/";
  15. var filterImgsContainer = null;
  16. var filterIMGS = [];
  17.  
  18. var categoryMainImages = ["frankeinstein", "theunicorn", "retiredunicorn", "icedragon", "poseidon", "beachflatrob", "phantomflatrob", "tuli", "zombietuli", "nomad", "vikerkaar", "spyderbot", "gardengnome", "skyland10", "boxjellyfish", "fire", "quizvirtual"];
  19. var categorizedFilterOrder = ["Seasonals", "Mythologicals", "RetiredMyths", "AlternaMyths", "ModernMyths", "FancyFlats", "PhantomFlats", "PouchCreations", "ZombiePouchs", "Nomads", "FunfinityStones", "MechZBouncers", "GardenGnomes", "Destinations", "EvoBouncers", "Scatters", "UnCategorized"];
  20. var categorizedFilterObject = {};
  21.  
  22. categorizedFilterObject.Seasonals = ["backstitchsisters", "dr.acula", "frankeinstein", "fabiooooooo", "h3adl3ssh0rs3man"];
  23. categorizedFilterObject.Mythologicals = ["theunicorn","hippocampunicorn","battleunicorn","candycornunicorn","leprechaun","dwarfleprechaun","goblinleprechaun","leprecorn","dragon","chinesedragon","wyverndragon","midnightdragon","yeti","reptoidyeti","lycanthropeyeti","monsteryeti","faun","centaurfaun","krampusfaun","hydra","cerberushydra","cthulhuhydra","pegasus","alicornpegasus","griffinpegasus","nightmarepegasus","cyclops","balorcyclops","minotaurcyclops","mermaid","hotspringmermaid","melusinemermaid","fairy","dryadfairy","wildfirefairy","banshee","harpybanshee","witchbanshee","nymph","elfnymph","vampirenymph"];
  24. categorizedFilterObject.RetiredMyths = ["retiredunicorn","retiredleprechaun","retireddragon","retiredyeti","retiredfaun","retiredhydra","retiredpegasus","retiredcyclops","retiredmermaid","retiredfairy","retiredbanshee","retirednymph"];
  25. categorizedFilterObject.AlternaMyths = ["cherub","chimera","fairygodmother","firepegasus","gnomeleprechaun","gorgon","icedragon","motherearth","ogre","rainbowunicorn","sasquatchyeti","siren"];
  26. categorizedFilterObject.ModernMyths = ["aphrodite","glasses","shell-phone","poseidon","trident","lifebuoy","hades","bident","firestarter"];
  27. categorizedFilterObject.FancyFlats = ["beachflatrob","coldflatrob","tuxflatrob","face-offflatmatt","footyflatmatt","matt'erupflatmatt","internationellesflatlou","polkadotflatlou","teamgbflatlou"];
  28. categorizedFilterObject.PhantomFlats = ["phantomflatrob", "phantomflatmatt", "phantomflatlou"];
  29. categorizedFilterObject.PouchCreations = ["tuli","tuliferno","tulimber","gleamingtuli","gleamingtuliferno","gleamingtulimber","vesi","vesial","vesisaur","gleamingvesi","gleamingvesial","gleamingvesisaur","muru","muruchi","murutain","gleamingmuru","gleamingmuruchi","gleamingmurutain","mitmegu","jootmegu","lokemegu","rohimegu","murinmegu","ohkmegu","urgasmegu","koobas","kartus","kabuhirm","pimedus","puffle","puflawn","pufrain","magnetus","elekjoud","elekter","elektrivool","hadavale"];
  30. categorizedFilterObject.ZombiePouchs = ["zombietuli","zombievesi","zombiemuru","zombiepimedus","zombiepuffle","zombiemagnetus","zombieelekter"];
  31. categorizedFilterObject.Nomads = ["nomad","nomadvirtual","nomadmystery","jewelthiefnomad","bellhopnomad","piratenomad","warriornomad","travelernomad","seasonalnomad","virtualflatnomad","coupechampionnomad","virtualzeecretagentnomad","zeecretagentnomad","virtualgamingnomad","gamingnomad","virtualjewelthiefnomad","virtualwarriornomad","virtualbellhopnomad","jason4zeesnomad","killermask"];
  32. categorizedFilterObject.FunfinityStones = ["akvamariin","ametust","oniks","roosa","rubiin","safiir","smaragd","teemant","topaas","tsitriin","vikerkaar"];
  33. categorizedFilterObject.MechZBouncers = ["spyderbot","arcticlasershark","botwurst","carafeborg","cybersaurusrex","cyborgsanta","dronut","fr057y","geologgersrumbot","gingermechman","goldenlasershark","goldncoinsrumbot","kingc0g","lasershark","mechanic4k3","monk3y","mumm33","negsrumbot","prim8","rud01ph","s4rc0ph4gus","sc4rab","scgsrumbot","steinbot","krampbot","31f","reindroid"];
  34. categorizedFilterObject.GardenGnomes = ["gardengnome","archerygardengnome","gnomearcheryhood","astronautgardengnome","gnomeastronauthelmet","aussieexplorergardengnome","gnomeexplorerhat","awardshowgardengnome","10thmunzeebirthdayhat","baseballgardengnome","gnomecatcherscap","basketballgardengnome","gnomenogginnet","cricketgardengnome","gnomeclubcap","footballgardengnome","gnometouchdowntopper","goldminergardengnome","gnomeminerhat","icehockeygardengnome","gnomehockeyhelmet","queen'sguardsmangardengnome","gnomebearskinhat","runninggardengnome","gnomeheadphones","skateboardinggardengnome","gnomeheelfliphat","soccergardengnome","gnomeheaderhat","cyclinggardengnome","cyclingcasquette"];
  35. categorizedFilterObject.Destinations = ["skyland1","skyland2","skyland3","skyland4","skyland5","skyland6","skyland7","skyland8","skyland9","skyland10","treehouse1","treehouse2","treehouse3","treehouse4","treehouse5","treehouse6","treehouse7","treehouse8","treehouse9","treehouse10"];
  36. categorizedFilterObject.EvoBouncers = ["boxjellyfish","goldenjellyfish","pb&jellyfish","limebutterfly","monarchbutterfly","morphobutterfly","poisondartfrog","tomatofrog","treefrog","seaturtle","snappingturtle","taekwondotortoise","honeybee","queenbee","wallabee"];
  37. categorizedFilterObject.Scatters = ["fire","frozengreenie","waterdroplet","feather","goldenfeather","charge","tree","redapple","cherryblossom","peach","pear","pecan","acorn","deadbranch","cardinalfeather","blackhole","planet","spaceship","lostkey","lostsock","meteor","satellite","scattered","boulder","flamingarrow","sc4rab","ankhartifact","ouroborosartifact","djedartifact","scarabartifact","eyeofraartifact","shenartifact","canopicjarartifact","sesenartifact","wasscepterartifact","sistrumartifact","sistrumartifact","tyetartifact","eyeofhorusartifact","sweettreats","scgsresellerpackage","geologgersresellerpackage","gold'ncoinsresellerpackage","negsresellerpackage","cloverleaf","goldenclover","snowball","dossier","infraredvirtual","lasertrail1","lasertrail2","lasertrail3","pixelpresent","undercoveragent","liaisonagent","maplepawn","mapleknight","maplebishop","maplerook","maplequeen","mapleking","walnutpawn","walnutknight","walnutbishop","walnutrook","walnutqueen","walnutking","leapfrog","munch-man","runzeerob","goldcoin","fly","ghostzee","1stroll","bowling-1stroll","2ndroll","bowling-2ndroll","trickortreat","flamingpumpkin"];
  38. categorizedFilterObject.UnCategorized = [];
  39.  
  40. var disabledFilterImgs = [];
  41.  
  42. function sleep(ms) {
  43.   return new Promise(resolve => setTimeout(resolve, ms));
  44. }
  45.  
  46. async function restructureImages() {
  47.  
  48.     //Wait until the progressbar is hidden
  49.     if ($("#map-box-special-loading").is(':visible'))
  50.     {
  51.         return;
  52.     }
  53.  
  54.     //remove original filter_all button
  55.     $('#filter_all').remove();
  56.  
  57.     filterImgsContainer = $('#filterimgs');
  58.  
  59.     //Filters label removed
  60.     filterImgsContainer.prev().remove();
  61.  
  62.     //Collect original filter images
  63.     filterIMGS = filterImgsContainer[0].getElementsByClassName('filterimg');
  64.  
  65.     //Sort into Categories
  66.     var filterHelper = CreateCategories();
  67.  
  68.     //Reload the new layout
  69.     filterImgsContainer.empty();
  70.     filterImgsContainer.html(filterHelper);
  71.     filterHelper = null;
  72.  
  73.     //mainImages update needed after map action
  74.     Array.from(document.getElementsByClassName('categoryDIV')).forEach(function(categDIV){
  75.         updateMainImage(categDIV);
  76.     });
  77.  
  78.     //Add to all img the click eventListener
  79.     Array.from(filterImgsContainer[0].getElementsByClassName('filterimg')).forEach(function(img) {
  80.       img.addEventListener('click', FilterImgClick);
  81.       img.setAttribute("style", "cursor:pointer");
  82.       img.setAttribute("title", img.currentSrc.substring(img.currentSrc.lastIndexOf("/")+1,img.currentSrc.lastIndexOf(".")));
  83.     });
  84.  
  85.     //all mainImages stuffs
  86.     Array.from(filterImgsContainer[0].getElementsByClassName('mainImage')).forEach(function(mainIMG){
  87.         mainIMG.setAttribute("style", "border: solid grey 1px; width:63px; padding-right:3px; padding-top:3px; cursor:pointer");
  88.         mainIMG.addEventListener('mouseover', activateFilterImages);
  89.         mainIMG.addEventListener('click', mainImageClick);
  90.     });
  91.  
  92.     //all categoryDIVs stuff
  93.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  94.         cDIV.setAttribute("style", "display: none; border: solid grey 1px; padding-bottom: 10px; width: 100%");
  95.         cDIV.addEventListener('mouseleave', deactivateFilterImages);
  96.     });
  97.  
  98.     //refresh
  99.     refreshMap();
  100. }
  101.  
  102. function CreateCategories()
  103. {
  104.     //Div
  105.     var mainImageDIV = document.createElement('DIV');
  106.     mainImageDIV.setAttribute("id", "mainImageDIV");
  107.  
  108.     var categName = "" ;
  109.     var filterStructure = "";
  110.     for (var o = 0; o<categorizedFilterOrder.length; o++)
  111.     {
  112.         categName = categorizedFilterOrder[o];
  113.         var array = categorizedFilterObject[categName];
  114.  
  115.         //Div
  116.         var categDIV = document.createElement('DIV');
  117.         categDIV.setAttribute("id", categName+"_Category");
  118.         categDIV.setAttribute("class", "categoryDIV");
  119.  
  120.         var addedAtLeatOne = false;
  121.  
  122.         if (array.length > 0)
  123.         {
  124.             for (let a = 0; a < array.length; a++)
  125.             {
  126.                 for (let i = 0; i < filterIMGS.length; i++)
  127.                 {
  128.                     if (filterIMGS[i].src == imgPrefix + array[a] + ".png")
  129.                     {
  130.                         categDIV.appendChild(filterIMGS[i]);
  131.                         addedAtLeatOne = true;
  132.                     }
  133.                 }
  134.             }
  135.         }
  136.         else
  137.         {
  138.             for (let i = filterIMGS.length-1; i >= 0; i--)
  139.             {
  140.                 categDIV.appendChild(filterIMGS[i]);
  141.                 addedAtLeatOne = true;
  142.             }
  143.         }
  144.  
  145.         if (addedAtLeatOne)
  146.         {
  147.             filterStructure += categDIV.outerHTML;
  148.  
  149.             //main image
  150.             var categMainIMG = document.createElement('IMG');
  151.             categMainIMG.setAttribute("id", categName+'_MainIMG');
  152.             categMainIMG.setAttribute("title", categName);
  153.             categMainIMG.setAttribute("class", "mainImage");
  154.             categMainIMG.src = imgPrefix + categoryMainImages[o] + ".png";
  155.  
  156.             mainImageDIV.appendChild(categMainIMG);
  157.         }
  158.     }
  159.  
  160.     //Show/Hide all main image
  161.     var allOrnothingIMG = document.createElement('IMG');
  162.     allOrnothingIMG.setAttribute("id", 'ALL_MainIMG');
  163.     allOrnothingIMG.setAttribute("title", 'Show/Hide All Category');
  164.     allOrnothingIMG.setAttribute("class", "mainImage");
  165.     allOrnothingIMG.src = imgPrefix + "premium.png";
  166.     mainImageDIV.appendChild(allOrnothingIMG);
  167.  
  168.     filterStructure += mainImageDIV.outerHTML;
  169.     return filterStructure;
  170. }
  171.  
  172. function mainImageClick(sender)
  173. {
  174.     //find related filterimgs
  175.     var categDIV = document.getElementById(sender.target.getAttribute("title")+"_Category");
  176.  
  177.     if (categDIV != null)
  178.     {
  179.         let imgs = categDIV.getElementsByTagName('img');
  180.  
  181.         if (sender.target.classList.contains("filterdisabled"))
  182.         {
  183.             //Set own state
  184.             sender.target.classList.remove("filterdisabled");
  185.  
  186.             //Set the related filterimg states
  187.             Array.from(imgs).forEach(function(img) {
  188.                 if (img.classList.contains("filterdisabled"))
  189.                 {
  190.                     enableFilter(img);
  191.                 }
  192.             });
  193.         }
  194.         else
  195.         {
  196.             //Set own state
  197.             sender.target.classList.add("filterdisabled");
  198.  
  199.             //Set the related filterimg states
  200.             Array.from(imgs).forEach(function(img) {
  201.                 if (!img.classList.contains("filterdisabled"))
  202.                 {
  203.                     disableFilter(img);
  204.                 }
  205.             });
  206.         }
  207.     }
  208.     else
  209.     {
  210.         let mimgs = document.getElementsByClassName('mainImage');
  211.         let imgs = document.getElementsByClassName('filterimg');
  212.         //Clicked on ALL button
  213.         if (sender.target.classList.contains("filterdisabled"))
  214.         {
  215.             //Set own state
  216.             sender.target.classList.remove("filterdisabled");
  217.  
  218.             //Set all category states
  219.             Array.from(mimgs).forEach(function(mimg) {
  220.                 mimg.classList.remove("filterdisabled");
  221.             });
  222.  
  223.             //Set all filterimg states
  224.             Array.from(imgs).forEach(function(img) {
  225.                 if (img.classList.contains("filterdisabled"))
  226.                 {
  227.                     enableFilter(img);
  228.                 }
  229.             });
  230.         }
  231.         else
  232.         {
  233.             //Set own state
  234.             sender.target.classList.add("filterdisabled");
  235.  
  236.             //Set all category states
  237.             Array.from(mimgs).forEach(function(mimg) {
  238.                 mimg.classList.add("filterdisabled");
  239.             });
  240.  
  241.             //Set all filterimg states
  242.             Array.from(imgs).forEach(function(img) {
  243.                 if (!img.classList.contains("filterdisabled"))
  244.                 {
  245.                     disableFilter(img);
  246.                 }
  247.             });
  248.         }
  249.     }
  250.  
  251.     refreshMap();
  252. }
  253.  
  254. function activateFilterImages(sender)
  255. {
  256.     //1st - Hide all
  257.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  258.         $(cDIV).hide();
  259.     });
  260.  
  261.     //2nd - Show the related
  262.     $(document.getElementById(sender.target.getAttribute("title")+"_Category")).show();
  263. }
  264.  
  265. function deactivateFilterImages(sender)
  266. {
  267.     $(sender.target).hide();
  268. }
  269.  
  270. function FilterImgClick(sender)
  271. {
  272.     if (sender.target.classList.contains("filterdisabled"))
  273.     {
  274.         enableFilter(sender.target);
  275.     }
  276.     else
  277.     {
  278.         disableFilter(sender.target);
  279.     }
  280.  
  281.     updateMainImage(sender.target.parentNode);
  282.  
  283.     refreshMap();
  284. }
  285.  
  286. function updateMainImage(containerDIV)
  287. {
  288.     var hide = true;
  289.     var relatedMainImage = document.getElementById(containerDIV.id.replace('Category', 'MainIMG'));
  290.     Array.from(containerDIV.getElementsByClassName('filterimg')).forEach(function(img){
  291.         hide &= img.classList.contains("filterdisabled");
  292.     });
  293.  
  294.     if (hide)
  295.     {
  296.         relatedMainImage.classList.add("filterdisabled");
  297.     }
  298.     else
  299.     {
  300.         relatedMainImage.classList.remove("filterdisabled");
  301.     }
  302. }
  303.  
  304. //Enable 1 filterimg
  305. function enableFilter(target)
  306. {
  307.     target.classList.remove("filterdisabled");
  308.  
  309.     var pos = disabledFilterImgs.indexOf(target.src);
  310.     if (pos >= 0)
  311.     {
  312.         disabledFilterImgs.splice(pos, 1);
  313.     }
  314. }
  315.  
  316. //Disable 1 filterimg
  317. function disableFilter(target)
  318. {
  319.     target.classList.add("filterdisabled");
  320.  
  321.     if (disabledFilterImgs.indexOf(target.src) < 0)
  322.     {
  323.         disabledFilterImgs.push(target.src);
  324.     }
  325. }
  326.  
  327. function refreshMap()
  328. {
  329.     for (var mID in mapMarkers)
  330.     {
  331.         if (disabledFilterImgs.indexOf(mapMarkers[mID].munzee_logo) == -1)
  332.         {
  333.             $( "[data-index='" + mID + "']" ).show();
  334.         }
  335.         else
  336.         {
  337.             $( "[data-index='" + mID + "']" ).hide();
  338.         }
  339.     }
  340. }
  341.  
  342. $(document).ajaxSuccess(restructureImages);