bellingcat/ukraine-timemap
1
0
Fork 0
mirror of https://github.com/bellingcat/ukraine-timemap.git synced 2026-06-12 13:28:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add narrative styling options to store

Browse Source
This commit is contained in:
Franc Camps-Febrer
2018-11-26 15:46:25 -05:00
parent 16625ba1f1
commit b658356448
5 changed files with 126 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/js/map/map.js
View File

@@ -26,6 +26,7 @@ export default function(newApp, ui) {
const getCategoryGroupColor = newApp.getCategoryGroupColor;
const select = newApp.select;
const groupColors = ui.groupColors;
const narrativeProps = ui.narratives;
// Map Settings
const center = newApp.mapAnchor;
@@ -360,8 +361,19 @@ Stop and start the development process in terminal after you have added your tok
.enter().append('path')
.attr('class', 'narrative')
.attr('d', sequenceLine)
.style('stroke-width', 3)
.style('stroke', '#fff')
.style('stroke-width', d => {
const n = d[0].narrative;
return (n) ? narrativeProps[n].strokeWidth : 3;
})
.style('stroke-dasharray', d => {
const n = d[0].narrative;
if (narrativeProps[n].style === 'dotted') return "2px 5px";
return 'none';
})
.style('stroke', d => {
const n = d[0].narrative;
return (n) ? narrativeProps[n].stroke : '#fff';
})
.style('fill', 'none');
}