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

feat: return to original color

Browse Source
This commit is contained in:
Gigi
2022-04-26 17:46:05 +02:00
parent bd30e5e906
commit 1ae2f937a6
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@@ -13,10 +13,12 @@ qtip: '/js/jquery.qtip.min.js'
$(function () { $(function () {
// Colors // Colors
var cOrange = '#F2A900'; const cOrange = '#F2A900';
var cGray = '#333'; const cGray = '#333';
var cDarkOrange = '#735000'; const cDarkOrange = '#735000';
var cDarkWhite = '#BBB'; const cDarkWhite = '#BBB';
var pathColors = [];
// initialize tooltips // initialize tooltips
$.fn.qtip.defaults.style.classes = 'ui-tooltip-bootstrap'; $.fn.qtip.defaults.style.classes = 'ui-tooltip-bootstrap';
@@ -50,7 +52,7 @@ qtip: '/js/jquery.qtip.min.js'
path.attr('fill', Math.random() < 0.5 ? cDarkOrange : cDarkWhite ); path.attr('fill', Math.random() < 0.5 ? cDarkOrange : cDarkWhite );
}, },
mouseleave: function (d, path) { mouseleave: function (d, path) {
path.animate({ fill: cGray }, 1000); // TODO: return to original color path.animate({ fill: pathColors[d.iso] }, 1000);
}, },
click: function (d, path) { click: function (d, path) {
console.log(d.iso); console.log(d.iso);
@@ -73,6 +75,7 @@ qtip: '/js/jquery.qtip.min.js'
return c.alpha3; return c.alpha3;
}); });
var isOrangeCountry = orangeCountryCodes.includes(data.iso) var isOrangeCountry = orangeCountryCodes.includes(data.iso)
pathColors[data.iso] = isOrangeCountry ? cOrange : cGray;
return isOrangeCountry ? cOrange : cGray; return isOrangeCountry ? cOrange : cGray;
}); });
} }