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

refactor: getColor function

Browse Source
This commit is contained in:
Gigi
2022-04-26 21:01:15 +02:00
parent 7348befa9d
commit b00e1049fa
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@@ -15,12 +15,11 @@ qtip: '/js/jquery.qtip.min.js'
// Colors
const cOrange = '#F79621';
const cGray = '#333';
const cWhite = '#FFF';
const cDarkGray = '#222';
const cDarkOrange = '#735000';
const cDarkWhite = '#BBB';
var pathColors = [];
// initialize tooltips
$.fn.qtip.defaults.style.classes = 'ui-tooltip-bootstrap';
$.fn.qtip.defaults.style.def = false;
@@ -58,6 +57,13 @@ qtip: '/js/jquery.qtip.min.js'
function isOrange(iso) {
return orangeCountryCodes.includes(iso);
}
function getColor(iso) {
let country = countries.find(c => c.alpha3 == iso);
if (country && country.link) {
return country.external ? cWhite : cOrange;
}
return cGray;
}
map.addLayer('countries', {
title: function (d) { return d.name },
@@ -73,7 +79,7 @@ qtip: '/js/jquery.qtip.min.js'
},
mouseleave: function (d, path) {
if (!isOrange(d.iso)) {
path.animate({ fill: pathColors[d.iso] }, 1000);
path.animate({ fill: getColor(d.iso) }, 1000);
}
return;
},
@@ -88,8 +94,7 @@ qtip: '/js/jquery.qtip.min.js'
});
map.getLayer('countries').style('fill', function (data) {
pathColors[data.iso] = isOrange(data.iso) ? cOrange : cGray;
return pathColors[data.iso];
return getColor(data.iso);
});
}
});