aljaz/twentyone-world.github.io
1
0
Fork 0
mirror of https://github.com/aljazceru/twentyone-world.github.io.git synced 2025-12-19 16:34:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: DRY, isOrange func

Browse Source
This commit is contained in:
Gigi
2022-04-26 18:27:37 +02:00
parent 3be5cbefa2
commit fd4922ee01
1 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -55,6 +55,9 @@ qtip: '/js/jquery.qtip.min.js'
var orangeCountryCodes = orangeCountries.map(function(c) {
return c.alpha3;
});
function isOrange(iso) {
return orangeCountryCodes.includes(iso);
}
map.addLayer('countries', {
title: function (d) { return d.name },
@@ -63,10 +66,16 @@ qtip: '/js/jquery.qtip.min.js'
fill: cGray
},
mouseenter: function (d, path) {
path.attr('fill', Math.random() < 0.5 ? cDarkOrange : cDarkWhite );
if (!isOrange(d.iso)) {
path.attr('fill', Math.random() < 0.5 ? cDarkOrange : cDarkWhite );
}
return;
},
mouseleave: function (d, path) {
path.animate({ fill: pathColors[d.iso] }, 1000);
if (!isOrange(d.iso)) {
path.animate({ fill: pathColors[d.iso] }, 1000);
}
return;
},
click: function (d, path) {
let country = countries.find(c => c.alpha3 == d.iso);
@@ -79,9 +88,8 @@ qtip: '/js/jquery.qtip.min.js'
});
map.getLayer('countries').style('fill', function (data) {
var isOrangeCountry = orangeCountryCodes.includes(data.iso)
pathColors[data.iso] = isOrangeCountry ? cOrange : cGray;
return isOrangeCountry ? cOrange : cGray;
pathColors[data.iso] = isOrange(data.iso) ? cOrange : cGray;
return pathColors[data.iso];
});
}
});