Munzee Map Filters

New way of catagorized filters

当前为 2021-12-01 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Munzee Map Filters
  3. // @namespace http://tampermonkey.net/
  4. // @version 21.12.01.001
  5. // @description New way of catagorized filters
  6. // @author CzPeet
  7. // @license MIT
  8. // @match https://www.munzee.com/specials*
  9. // @match https://www.munzee.com/map*
  10. // @icon https://www.google.com/s2/favicons?domain=munzee.com
  11. // @update https://greasyfork.org/en/scripts/433078-munzee-map-filters
  12. // @grant none
  13. // ==/UserScript==
  14.  
  15. $('head').append($("<style> .filterimg{height: 32px; margin-left: 3px; margin-right: 3px;} .filterdisabled{filter: grayscale(100%); opacity: 0.7;} </style>"));
  16.  
  17. var isSpecialMapSite = document.location.href.includes('specials');
  18. var isMapLoading = false;
  19. var imgPrefix = "https://munzee.global.ssl.fastly.net/images/pins/";
  20. var filterImgsContainer = null;
  21. var filterIMGS = [];
  22. var rawFilterIMGS = [];
  23.  
  24. var categoryMainImages = ["tr33t0pp3r","megamouthful","otterpup", "theunicorn", "retiredunicorn", "icedragon", "poseidon", "flatrob", "beachflatrob", "phantomflatrob", "tuli", "zombietuli", "nomad", "sirprizewheel", "vikerkaar", "diamond", "spyderbot", "gardengnome", "gnomearcheryhood", "skyland10", "boxjellyfish", "bones", "fire", "poivirtualgarden", "zodiac-sun", "chinese_zodiac", "egyptianzodiacsun", "virtual_rainbow", "longsword", "mystery", "walkietalkiewatch", "qrewzee", "quizvirtual"];
  25. var categorizedFilterOrder = ["XmasSpecials","TongueTwisterDay","BabyAnimals", "Mythologicals", "RetiredMyths", "AlternaMyths", "ModernMyths", "FlatFriends", "FancyFlats", "PhantomFlats", "PouchCreations", "ZombiePouchs", "Nomads", "Gaming", "FunfinityStones", "Jewels", "MechZBouncers", "GardenGnomes", "GardenGnomeHats", "Destinations", "EvoBouncers", "Evoluations", "Scatters", "Places", "WesternZodiacs", "ChineseZodiacs", "EgyptianZodiacs", "ColouredVirtuals", "ClanWeapons", "Mysteries", "ZeecretWeapons", "Misc", "UnCategorized"];
  26. var categorizedFilterObject = {};
  27.  
  28. categorizedFilterObject.XmasSpecials=["tr33t0pp3r"];
  29. categorizedFilterObject.TongueTwisterDay=["megamouthful","tonguetwister","sheshells","babybubbles","woodchuckwood","freshfish","irishwristwatch","botterbutter"];
  30. categorizedFilterObject.BabyAnimals=["otterpup","giraffecalf","foal","babyraccoon","candycornpiglet"];
  31. 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"];
  32. categorizedFilterObject.RetiredMyths=["retiredunicorn","retiredleprechaun","retireddragon","retiredyeti","retiredfaun","retiredhydra","retiredpegasus","retiredcyclops","retiredmermaid","retiredfairy","retiredbanshee","retirednymph"];
  33. categorizedFilterObject.AlternaMyths=["cherub","chimera","fairygodmother","firepegasus","gnomeleprechaun","gorgon","icedragon","motherearth","ogre","rainbowunicorn","sasquatchyeti","siren"];
  34. categorizedFilterObject.ModernMyths=["aphrodite","glasses","shell-phone","poseidon","trident","lifebuoy","hades","bident","firestarter"];
  35. categorizedFilterObject.FlatFriends=["flatrob","flatmatt","flatlou","flathammock","flatdhs","flatdiscgolfbasket","flatflashlight","flattypewriter"];
  36. categorizedFilterObject.FancyFlats=["beachflatrob","coldflatrob","tuxflatrob","face-offflatmatt","footyflatmatt","matt'erupflatmatt","internationellesflatlou","polkadotflatlou","teamgbflatlou"];
  37. categorizedFilterObject.PhantomFlats=["phantomflatrob","phantomflatmatt","phantomflatlou"];
  38. 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"];
  39. categorizedFilterObject.ZombiePouchs=["zombietuli","zombievesi","zombiemuru","zombiepimedus","zombiepuffle","zombiemagnetus","zombieelekter"];
  40. categorizedFilterObject.Nomads=["nomad","nomadvirtual","nomadmystery","jewelthiefnomad","bellhopnomad","piratenomad","warriornomad","travelernomad","seasonalnomad","virtualflatnomad","coupechampionnomad","virtualzeecretagentnomad","zeecretagentnomad","virtualgamingnomad","gamingnomad","virtualjewelthiefnomad","virtualwarriornomad","virtualbellhopnomad","jason4zeesnomad","killermask"];
  41. categorizedFilterObject.Gaming=["surprise","prizewheel","scatter","rockpaperscissors","bowlingball","urbanfit","joystickphysical","joystickvirtual","sirprizewheel","maplechessset","walnutchessset"];
  42. categorizedFilterObject.FunfinityStones=["akvamariin","ametust","oniks","roosa","rubiin","safiir","smaragd","teemant","topaas","tsitriin","vikerkaar"];
  43. categorizedFilterObject.Jewels=["diamond","ruby","virtualemerald","aquamarinemunzee","topaz","virtual_amethyst","pinkdiamond","virtualsapphire","virtualcitrine","virtualonyx"];
  44. 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"];
  45. categorizedFilterObject.GardenGnomes=["gardengnome","archerygardengnome","astronautgardengnome","aussieexplorergardengnome","awardshowgardengnome","baseballgardengnome","basketballgardengnome","cricketgardengnome","footballgardengnome","goldminergardengnome","icehockeygardengnome","queen'sguardsmangardengnome","runninggardengnome","skateboardinggardengnome","soccergardengnome","cyclinggardengnome","esportsgardengnome"];
  46. categorizedFilterObject.GardenGnomeHats=["gnomearcheryhood","gnomeastronauthelmet","gnomeexplorerhat","10thmunzeebirthdayhat","gnomecatcherscap","gnomenogginnet","gnomeclubcap","gnometouchdowntopper","gnomeminerhat","gnomehockeyhelmet","gnomebearskinhat","gnomeheadphones","gnomeheelfliphat","gnomeheaderhat","cyclingcasquette","gnomegamingheadset"];
  47. categorizedFilterObject.Destinations=["vacationcondo","timesharemunzee","skyland","skyland1","skyland2","skyland3","skyland4","skyland5","skyland6","skyland7","skyland8","skyland9","skyland10","treehouse","treehouse1","treehouse2","treehouse3","treehouse4","treehouse5","treehouse6","treehouse7","treehouse8","treehouse9","treehouse10","3starresort","4starresort","5starresort","motel","1starmotel","2starmotel","3starmotel","hotel","2starhotel","3starhotel","4starhotel"];
  48. categorizedFilterObject.EvoBouncers=["boxjellyfish","goldenjellyfish","pb&jellyfish","limebutterfly","monarchbutterfly","morphobutterfly","poisondartfrog","tomatofrog","treefrog","seaturtle","snappingturtle","taekwondotortoise","honeybee","queenbee","wallabee"];
  49. categorizedFilterObject.Evoluations=["tomatoseed","tomatoplant","tomato","cornseed","cornstalk","earofcorn","carrotseed","carrotplant","carrot","peasseed","peasplant","peas","goldencarrotseed","goldencarrotplant","goldencarrot","calf","cow","milk","piglet","pig","bacon","colt","racehorse","championshiphorse","chick","chicken","eggs","lean-toshed","gardenshed","barn","hoe","plow","tractor","farmer","farmerandwife","family","pottedplant","garden","field","seaweed","fish","shark","canoe","motorboat","submarine","egg","dinosaur","bones","firstwheel","penny-farthingbike","musclecar","lioncub","lion","kingofthejungle","safaritruck","safarivan","safaribus","coin","bagofcoins","treasurechest","planulalarva","polyp","polypwithbulbs","ephyralarva","butterflyegg","caterpillar","chrysalis","hatchedchrysalis","frogegg","tadpole","pollywog","froglet","turtleegg","turtlehatchling","juvenileturtle","adultturtle","beeeggs","beelarvae","beepupae","emptyhoneycomb","carnationseed","carnationgermination","carnationgrowth","carnationbud","pinkcarnationblossom","redcarnationblossom","violetcarnationblossom","whitecarnationblossom","yellowcarnationblossom","lilyseed","lilygermination","lilygrowth","lilybud","pinklilyblossom","violetlilyblossom","whitelilyblossom","tulipseed","tulipgermination","tulipgrowth","tulipbud","bluetulipblossom","pinktulipblossom","whitetulipblossom","roseseed","rosegermination","rosegrowth","rosebud","redroseblossom","violetroseblossom","whiteroseblossom","yellowroseblossom"];
  50. 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","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"];
  51. categorizedFilterObject.Places=["poiairport","poisports","poiuniversity","poimuseum","poiwildlife","poihistoricalplace","poilibrary","poifirstresponders","poifaithplace","poihospital","poipostoffice","poicemetery","poiuniqueattraction","poivirtualgarden","poicinema","poitransportation","poiplaypark","poibank","poibeach","poicampground","poigolf","poidrinkdepot","poipet","poientertainment"];
  52. categorizedFilterObject.WesternZodiacs=["aries","taurus","gemini","cancer","leo","virgo","libra","scorpio","sagittarius","capricorn","aquarius","pisces"];
  53. categorizedFilterObject.ChineseZodiacs=["ratchinesezodiac","oxchinesezodiac","tigerchinesezodiac","rabbitchinesezodiac","dragonchinesezodiac","snakechinesezodiac","horsechinesezodiac","goatchinesezodiac","monkeychinesezodiac","roosterchinesezodiac","dogchinesezodiac","pigchinesezodiac"];
  54. categorizedFilterObject.EgyptianZodiacs=["nile","amon-ra","osiris","thoth","horus","seth","anubis","sekhmet","bastet","mut","geb"];
  55. categorizedFilterObject.ColouredVirtuals=["virtual_rainbow","virtual","virtual_timberwolf","virtual_silver","virtual_gray","virtual_black","virtual_orchid","virtual_wisteria","virtual_purple_mountains_majesty","virtual_violet","virtual_plum","virtual_blue_violet","virtual_blue","virtual_cadet_blue","virtual_periwinkle","virtual_cornflower","virtual_blue_green","virtual_pacific_blue","virtual_cerulean","virtual_robin_egg_blue","virtual_indigo","virtual_turquoise_blue","virtual_sea_green","virtual_granny_smith_apple","virtual_green","virtual_forest_green","virtual_asparagus","virtual_olive_green","virtual_yellow_green","virtual_green_yellow","virtual_spring_green","virtual_gold","virtual_yellow","virtual_goldenrod","virtual_dandelion","virtual_orange","virtual_burnt_orange","virtual_melon","virtual_pink","virtual_carnation_pink","virtual_mauvelous","virtual_salmon","virtual_tickle_me_pink","virtual_magenta","virtual_wild_strawberry","virtual_violet_red","virtual_red_violet","virtual_apricot","virtual_peach","virtual_macaroni_and_cheese","virtual_tan","virtual_burnt_sienna","virtual_bittersweet","virtual_red_orange","virtual_scarlet","virtual_red","virtual_brick_red","virtual_mahogany","virtual_chestnut","virtual_tumbleweed","virtual_raw_sienna","virtual_brown"];
  56. categorizedFilterObject.ClanWeapons=["mace","longsword","battleaxe","thehammer","crossbow","catapult","shield"];
  57. categorizedFilterObject.Mysteries=["mystery","firemystery","icemystery","earthmystery","watermystery","airmystery","electricmystery","voidmystery"];
  58. categorizedFilterObject.ZeecretWeapons=["briefcase","nightvisiongoggles","walkietalkiewatch","laserpen","infraredvirtual"];
  59. categorizedFilterObject.Misc=["munzee","owned","owned_virtual","captured","captured_virtual","maintenance","premium","trail","personal","eventindicator","virtual_trail","shamrock","event_trail","springseasonalmunzee","summerseasonalmunzee","fallseasonalmunzee","winterseasonalmunzee","temporaryvirtual","qrewzee","sleepzee","virtualshamrock","goldenticket","reseller","virtualreseller"];
  60. categorizedFilterObject.UnCategorized=[];
  61. var disabledFilterImgs = [];
  62.  
  63. function sleep(ms) {
  64. return new Promise(resolve => setTimeout(resolve, ms));
  65. }
  66.  
  67. async function restructureImages() {
  68.  
  69. //Wait until the progressbar is hidden
  70. if (isSpecialMapSite && ($("#map-box-special-loading").is(':visible')) ||
  71. !isSpecialMapSite && ($("#map-box-loading").is(':visible')))
  72. {
  73. return;
  74. }
  75.  
  76. //remove original filter_all button
  77. $('#filter_all').remove();
  78.  
  79. if (!isSpecialMapSite)
  80. {
  81. var inputbar = $('#inputbar');
  82. var filterimgsDiv = $('<div id="filterimgs"></div>');
  83. inputbar.append(filterimgsDiv);
  84. }
  85.  
  86. filterImgsContainer = $('#filterimgs');
  87. filterImgsContainer[0].addEventListener('mouseleave', deactivateFilterImages);
  88.  
  89. //Filters label removed
  90. if (isSpecialMapSite){
  91. filterImgsContainer.prev().remove();
  92. }
  93.  
  94. //Collect original filter images or create filter images from map
  95. filterIMGS = (isSpecialMapSite) ? filterImgsContainer[0].getElementsByClassName('filterimg') : createFilterImages(mapMarkers);
  96.  
  97. //Sort into Categories
  98. var filterHelper = CreateCategories();
  99.  
  100. //Reload the new layout
  101. filterImgsContainer.empty();
  102. filterImgsContainer.html(filterHelper);
  103. filterHelper = null;
  104.  
  105. //mainImages update needed after map action
  106. Array.from(document.getElementsByClassName('categoryDIV')).forEach(function(categDIV){
  107. updateMainImage(categDIV);
  108. });
  109.  
  110. //Add to all img the click eventListener
  111. Array.from(filterImgsContainer[0].getElementsByClassName('filterimg')).forEach(function(img) {
  112. img.addEventListener('click', FilterImgClick);
  113. img.setAttribute("style", "cursor:pointer");
  114. img.setAttribute("title", img.currentSrc.substring(img.currentSrc.lastIndexOf("/")+1,img.currentSrc.lastIndexOf(".")));
  115. });
  116.  
  117. //all mainImages stuffs
  118. Array.from(filterImgsContainer[0].getElementsByClassName('mainImage')).forEach(function(mainIMG){
  119. if (isSpecialMapSite)
  120. {
  121. mainIMG.setAttribute("style", "border: solid grey 1px; width:63px; padding-right:3px; padding-top:3px; cursor:pointer");
  122. }
  123. else
  124. {
  125. mainIMG.setAttribute("style", "border: solid grey 1px; width:53px; padding-right:3px; padding-top:3px; cursor:pointer");
  126. }
  127. mainIMG.addEventListener('mouseover', activateFilterImages);
  128. mainIMG.addEventListener('click', mainImageClick);
  129. });
  130.  
  131. //all categoryDIVs stuff
  132. Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  133. cDIV.setAttribute("style", "display: none; border: solid grey 1px; padding-top: 5px; padding-bottom: 5px; width: 100%");
  134. cDIV.addEventListener('mouseleave', deactivateFilterImages);
  135. });
  136.  
  137. //refresh
  138. refreshMap();
  139. }
  140.  
  141. function CreateCategories()
  142. {
  143. //Div
  144. var mainImageDIV = document.createElement('DIV');
  145. mainImageDIV.setAttribute("id", "mainImageDIV");
  146.  
  147. var categName = "" ;
  148. var filterStructure = "";
  149. for (var o = 0; o<categorizedFilterOrder.length; o++)
  150. {
  151. categName = categorizedFilterOrder[o];
  152. var array = categorizedFilterObject[categName];
  153.  
  154. //Div
  155. var categDIV = document.createElement('DIV');
  156. categDIV.setAttribute("id", categName+"_Category");
  157. categDIV.setAttribute("class", "categoryDIV");
  158.  
  159. var addedAtLeatOne = false;
  160.  
  161. if (array.length > 0)
  162. {
  163. for (let a = 0; a < array.length; a++)
  164. {
  165. for (let i = 0; i < filterIMGS.length; i++)
  166. {
  167. if (filterIMGS[i].src == imgPrefix + array[a] + ".png")
  168. {
  169. categDIV.appendChild(filterIMGS[i]);
  170. addedAtLeatOne = true;
  171. }
  172. }
  173. }
  174. }
  175. else
  176. {
  177. for (let i = filterIMGS.length-1; i >= 0; i--)
  178. {
  179. categDIV.appendChild(filterIMGS[i]);
  180. addedAtLeatOne = true;
  181. }
  182. }
  183.  
  184. if (addedAtLeatOne)
  185. {
  186. filterStructure += categDIV.outerHTML;
  187.  
  188. //main image
  189. var categMainIMG = document.createElement('IMG');
  190. categMainIMG.setAttribute("id", categName+'_MainIMG');
  191. categMainIMG.setAttribute("title", categName);
  192. categMainIMG.setAttribute("class", "mainImage");
  193. categMainIMG.src = imgPrefix + categoryMainImages[o] + ".png";
  194.  
  195. mainImageDIV.appendChild(categMainIMG);
  196. }
  197. }
  198.  
  199. //Show/Hide all main image
  200. var allOrnothingIMG = document.createElement('IMG');
  201. allOrnothingIMG.setAttribute("id", 'ALL_MainIMG');
  202. allOrnothingIMG.setAttribute("title", 'Show/Hide All Category');
  203. allOrnothingIMG.setAttribute("class", "mainImage");
  204. allOrnothingIMG.src = imgPrefix + "business.png";
  205. mainImageDIV.appendChild(allOrnothingIMG);
  206.  
  207. filterStructure = mainImageDIV.outerHTML + filterStructure;
  208.  
  209. return filterStructure;
  210. }
  211.  
  212. function createFilterImages(markers)
  213. {
  214. rawFilterIMGS = [];
  215. let imgList = document.createDocumentFragment();
  216. for (var mID in markers)
  217. {
  218. let src = markers[mID]._element.outerHTML.split("&quot;")[1];
  219. if (!rawFilterIMGS.includes(src))
  220. {
  221. rawFilterIMGS.push(src);
  222. var img = document.createElement('IMG');
  223. img.setAttribute('class','filterimg');
  224. img.setAttribute('src',src);
  225. imgList.appendChild(img);
  226. }
  227. }
  228.  
  229. return imgList.children;
  230. }
  231.  
  232. function mainImageClick(sender)
  233. {
  234. //find related filterimgs
  235. var categDIV = document.getElementById(sender.target.getAttribute("title")+"_Category");
  236.  
  237. if (categDIV != null)
  238. {
  239. let imgs = categDIV.getElementsByTagName('img');
  240.  
  241. if (sender.target.classList.contains("filterdisabled"))
  242. {
  243. //Set own state
  244. sender.target.classList.remove("filterdisabled");
  245.  
  246. //Set the related filterimg states
  247. Array.from(imgs).forEach(function(img) {
  248. if (img.classList.contains("filterdisabled"))
  249. {
  250. enableFilter(img);
  251. }
  252. });
  253. }
  254. else
  255. {
  256. //Set own state
  257. sender.target.classList.add("filterdisabled");
  258.  
  259. //Set the related filterimg states
  260. Array.from(imgs).forEach(function(img) {
  261. if (!img.classList.contains("filterdisabled"))
  262. {
  263. disableFilter(img);
  264. }
  265. });
  266. }
  267. }
  268. else
  269. {
  270. let mimgs = document.getElementsByClassName('mainImage');
  271. let imgs = document.getElementsByClassName('filterimg');
  272. //Clicked on ALL button
  273. if (sender.target.classList.contains("filterdisabled"))
  274. {
  275. //Set own state
  276. sender.target.classList.remove("filterdisabled");
  277.  
  278. //Set all category states
  279. Array.from(mimgs).forEach(function(mimg) {
  280. mimg.classList.remove("filterdisabled");
  281. });
  282.  
  283. //Set all filterimg states
  284. Array.from(imgs).forEach(function(img) {
  285. if (img.classList.contains("filterdisabled"))
  286. {
  287. enableFilter(img);
  288. }
  289. });
  290. }
  291. else
  292. {
  293. //Set own state
  294. sender.target.classList.add("filterdisabled");
  295.  
  296. //Set all category states
  297. Array.from(mimgs).forEach(function(mimg) {
  298. mimg.classList.add("filterdisabled");
  299. });
  300.  
  301. //Set all filterimg states
  302. Array.from(imgs).forEach(function(img) {
  303. if (!img.classList.contains("filterdisabled"))
  304. {
  305. disableFilter(img);
  306. }
  307. });
  308. }
  309. }
  310.  
  311. refreshMap();
  312. }
  313.  
  314. function activateFilterImages(sender)
  315. {
  316. //1st - Hide all
  317. Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  318. $(cDIV).hide();
  319. });
  320.  
  321. //2nd - Show the related
  322. $(document.getElementById(sender.target.getAttribute("title")+"_Category")).show();
  323. }
  324.  
  325. function deactivateFilterImages(sender)
  326. {
  327. Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  328. $(cDIV).hide();
  329. });
  330. }
  331.  
  332. function FilterImgClick(sender)
  333. {
  334. if (sender.target.classList.contains("filterdisabled"))
  335. {
  336. enableFilter(sender.target);
  337. }
  338. else
  339. {
  340. disableFilter(sender.target);
  341. }
  342.  
  343. updateMainImage(sender.target.parentNode);
  344.  
  345. refreshMap();
  346. }
  347.  
  348. function updateMainImage(containerDIV)
  349. {
  350. var hide = true;
  351. var relatedMainImage = $(document.getElementById(containerDIV.id.replace('Category', 'MainIMG')));
  352. Array.from(containerDIV.getElementsByClassName('filterimg')).forEach(function(img){
  353. hide &= img.classList.contains("filterdisabled");
  354. });
  355.  
  356. if (hide)
  357. {
  358. relatedMainImage.addClass("filterdisabled");
  359. }
  360. else
  361. {
  362. relatedMainImage.removeClass("filterdisabled");
  363. }
  364.  
  365. //ALL image handler
  366. hide = true;
  367. Array.from(containerDIV.parentNode.getElementsByClassName('mainImage')).forEach(function(mimg){
  368. hide &= mimg.classList.contains("filterdisabled");
  369. });
  370.  
  371. if (hide)
  372. {
  373. $('#ALL_MainIMG').addClass("filterdisabled");
  374. }
  375. else
  376. {
  377. $('#ALL_MainIMG').removeClass("filterdisabled");
  378. }
  379. }
  380.  
  381. //Enable 1 filterimg
  382. function enableFilter(target)
  383. {
  384. target.classList.remove("filterdisabled");
  385.  
  386. var pos = disabledFilterImgs.indexOf(target.src);
  387. if (pos >= 0)
  388. {
  389. disabledFilterImgs.splice(pos, 1);
  390. }
  391. }
  392.  
  393. //Disable 1 filterimg
  394. function disableFilter(target)
  395. {
  396. target.classList.add("filterdisabled");
  397.  
  398. if (disabledFilterImgs.indexOf(target.src) < 0)
  399. {
  400. disabledFilterImgs.push(target.src);
  401. }
  402. }
  403.  
  404. function refreshMap()
  405. {
  406. if (isSpecialMapSite)
  407. {
  408. for (let mID in mapMarkers)
  409. {
  410. if (disabledFilterImgs.includes(mapMarkers[mID].munzee_logo))
  411. {
  412. $( "[data-index='" + mID + "']" ).hide();
  413. }
  414. else
  415. {
  416. $( "[data-index='" + mID + "']" ).show();
  417. }
  418. }
  419. }
  420. else
  421. {
  422. for (let mID in mapMarkers)
  423. {
  424. if (disabledFilterImgs.includes(mapMarkers[mID]._element.outerHTML.split("&quot;")[1]))
  425. {
  426. $( "[data-index='" + mID + "']" ).hide();
  427. }
  428. else
  429. {
  430. $( "[data-index='" + mID + "']" ).show();
  431. }
  432. }
  433. }
  434. }
  435.  
  436. $(document).ajaxSuccess(restructureImages);