|
|
@ -4,7 +4,7 @@ let nodeContext = [{ |
|
|
|
icon:'fa fa-download', |
|
|
|
icon:'fa fa-download', |
|
|
|
title:'Download Layer', |
|
|
|
title:'Download Layer', |
|
|
|
//context button click event
|
|
|
|
//context button click event
|
|
|
|
onClick : async (node) => { |
|
|
|
onClick: async (node) => { |
|
|
|
document.getElementById('modal-download-layer').classList.add('is-active'); |
|
|
|
document.getElementById('modal-download-layer').classList.add('is-active'); |
|
|
|
Alpine.store('downloadName', node.data.code); |
|
|
|
Alpine.store('downloadName', node.data.code); |
|
|
|
document.getElementById('modal-download-layer-name').textContent = "Layer name: " + node.data.code; |
|
|
|
document.getElementById('modal-download-layer-name').textContent = "Layer name: " + node.data.code; |
|
|
@ -15,7 +15,7 @@ let nodeContextLink = [{ |
|
|
|
icon:'fa fa-link', |
|
|
|
icon:'fa fa-link', |
|
|
|
title:'Source Link', |
|
|
|
title:'Source Link', |
|
|
|
//context button click event
|
|
|
|
//context button click event
|
|
|
|
onClick : async (node) => { |
|
|
|
onClick: async (node) => { |
|
|
|
window.open(node.data.n_hyperlink, '_blank') |
|
|
|
window.open(node.data.n_hyperlink, '_blank') |
|
|
|
// downloadShapefile(node.data.code);
|
|
|
|
// downloadShapefile(node.data.code);
|
|
|
|
} |
|
|
|
} |
|
|
@ -26,12 +26,40 @@ let citation = [{ |
|
|
|
icon:'fa fa-link', |
|
|
|
icon:'fa fa-link', |
|
|
|
title:'Citation', |
|
|
|
title:'Citation', |
|
|
|
//context button click event
|
|
|
|
//context button click event
|
|
|
|
onClick : async (node) => { |
|
|
|
onClick: async (node) => { |
|
|
|
//console.log('add - '+node.id);
|
|
|
|
//console.log('add - '+node.id);
|
|
|
|
window.open(node.data.n_citation, '_blank'); |
|
|
|
window.open(node.data.n_citation, '_blank'); |
|
|
|
} |
|
|
|
} |
|
|
|
}]; |
|
|
|
}]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
let nodeContextLegend = [{ |
|
|
|
|
|
|
|
icon: 'fa fa-icons', |
|
|
|
|
|
|
|
title: 'Legend', |
|
|
|
|
|
|
|
onClick: async (node) => { |
|
|
|
|
|
|
|
const layerCode = node.data.code; |
|
|
|
|
|
|
|
const layerTitle = node.data.n_title; |
|
|
|
|
|
|
|
const lgndUrl = BASE_URL + "/img/legends/" + layerCode + ".png"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if (Object.hasOwn(legends, layerCode)) { |
|
|
|
|
|
|
|
clearLegend(layerCode); |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
legends[layerCode] = L.control.Legend({ |
|
|
|
|
|
|
|
position: "bottomright", |
|
|
|
|
|
|
|
title: layerTitle, |
|
|
|
|
|
|
|
symbolWidth: 'auto', |
|
|
|
|
|
|
|
symbolHeight: 'auto', |
|
|
|
|
|
|
|
collapsed: false, |
|
|
|
|
|
|
|
legends: [{ |
|
|
|
|
|
|
|
type: "image", |
|
|
|
|
|
|
|
label: '', |
|
|
|
|
|
|
|
url: lgndUrl |
|
|
|
|
|
|
|
}] |
|
|
|
|
|
|
|
}).addTo(mapL); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}]; |
|
|
|
|
|
|
|
|
|
|
|
const myData = [{ |
|
|
|
const myData = [{ |
|
|
|
n_id: 1, |
|
|
|
n_id: 1, |
|
|
|
n_title: 'MARINE AREAS', |
|
|
|
n_title: 'MARINE AREAS', |
|
|
@ -282,14 +310,14 @@ const myData = [{ |
|
|
|
n_title: 'EMODNET Bathymetry', |
|
|
|
n_title: 'EMODNET Bathymetry', |
|
|
|
code: 'DPTH', |
|
|
|
code: 'DPTH', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContextLink, |
|
|
|
n_elements: nodeContextLink.concat(nodeContextLegend), |
|
|
|
n_hyperlink: "https://doi.org/10.12770/bb6a87dd-e579-4036-abe1-e649cea9881a" |
|
|
|
n_hyperlink: "https://doi.org/10.12770/bb6a87dd-e579-4036-abe1-e649cea9881a" |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 322 , |
|
|
|
n_id: 322 , |
|
|
|
n_title: 'EMODNET Habitats', |
|
|
|
n_title: 'EMODNET Habitats', |
|
|
|
code: 'HABT', |
|
|
|
code: 'HABT', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContextLink, |
|
|
|
n_elements: nodeContextLink.concat(nodeContextLegend), |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/10d3d35c-8f8e-40ff-898f-32e0b037356c" |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/10d3d35c-8f8e-40ff-898f-32e0b037356c" |
|
|
|
}, |
|
|
|
}, |
|
|
|
// {
|
|
|
|
// {
|
|
|
@ -314,101 +342,72 @@ const myData = [{ |
|
|
|
n_title: 'Probability of coralligenous habitat in the Mediterranean (MEDISEH)', |
|
|
|
n_title: 'Probability of coralligenous habitat in the Mediterranean (MEDISEH)', |
|
|
|
code: 'mediseh_cora', |
|
|
|
code: 'mediseh_cora', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContextLink, |
|
|
|
n_elements: nodeContextLink.concat(nodeContextLegend), |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/4da88de5-b0b8-4de4-8aac-99a9b0980736" |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/4da88de5-b0b8-4de4-8aac-99a9b0980736" |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 325, |
|
|
|
n_id: 325, |
|
|
|
n_title: 'Probability of maerl habitat in the Mediterranean (MEDISEH)', |
|
|
|
n_title: 'Probability of maerl habitat in the Mediterranean (MEDISEH)', |
|
|
|
code: 'mediseh_maerl', |
|
|
|
code: 'mediseh_maerl', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContextLink, |
|
|
|
n_elements: nodeContextLink.concat(nodeContextLegend), |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/43c7ac30-04da-479d-b5c1-ba621f0981e4" |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/43c7ac30-04da-479d-b5c1-ba621f0981e4" |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 326, |
|
|
|
n_id: 326, |
|
|
|
n_title: 'Probability of Posidonia oceanica in the Mediterranean (MEDISEH)', |
|
|
|
n_title: 'Probability of Posidonia oceanica in the Mediterranean (MEDISEH)', |
|
|
|
code: 'mediseh_posidonia', |
|
|
|
code: 'mediseh_posidonia', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContextLink, |
|
|
|
n_elements: nodeContextLink.concat(nodeContextLegend), |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/a93cffc8-8f45-47a4-a9bd-c8ffd9ad53fb" |
|
|
|
n_hyperlink: "http://gis.ices.dk/geonetwork/srv/eng/catalog.search#/metadata/a93cffc8-8f45-47a4-a9bd-c8ffd9ad53fb" |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 327 , |
|
|
|
n_id: 327 , |
|
|
|
n_title: 'Seagrass Meadows', |
|
|
|
n_title: 'Seagrass Meadows', |
|
|
|
code: 'greek_seagrass_meadows_v0906_espg3035', |
|
|
|
code: 'greek_seagrass_meadows_v0906_espg3035', |
|
|
|
n_parentid: 32, |
|
|
|
n_parentid: 32, |
|
|
|
n_elements: nodeContext.concat(nodeContextLink, citation), |
|
|
|
n_elements: nodeContext.concat(nodeContextLink, citation, nodeContextLegend), |
|
|
|
n_hyperlink: "https://www.seanoe.org/data/00765/87740/", |
|
|
|
n_hyperlink: "https://www.seanoe.org/data/00765/87740/", |
|
|
|
n_citation: "https://doi.org/10.1515/bot-2022-0011" |
|
|
|
n_citation: "https://doi.org/10.1515/bot-2022-0011" |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 331, |
|
|
|
n_id: 331, |
|
|
|
n_title: 'Integrated Ecological Status', |
|
|
|
n_title: 'Integrated Ecological Status', |
|
|
|
|
|
|
|
code: 'wfd_eco_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 332, |
|
|
|
n_id: 332, |
|
|
|
n_title: 'Benthic MacroInvertebrates – BMI (D2C1, D5C8, D6C3, D6C5)', |
|
|
|
n_title: 'Benthic MacroInvertebrates – BMI (D2C1, D5C8, D6C3, D6C5)', |
|
|
|
|
|
|
|
code: 'wfd_bmi_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 333, |
|
|
|
n_id: 333, |
|
|
|
n_title: 'Macroalgae (MAI)', |
|
|
|
n_title: 'Macroalgae (MAI)', |
|
|
|
|
|
|
|
code: 'wfd_ma_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 334, |
|
|
|
n_id: 334, |
|
|
|
n_title: 'Angiosperms – AN (D2C1, D6C3, D6C5)', |
|
|
|
n_title: 'Angiosperms – AN (D2C1, D6C3, D6C5)', |
|
|
|
|
|
|
|
code: 'wfd_an_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 335, |
|
|
|
n_id: 335, |
|
|
|
n_title: 'Chlorophyl-a (D4C2, D5C2)', |
|
|
|
n_title: 'Chlorophyl-a (D4C2, D5C2)', |
|
|
|
|
|
|
|
code: 'wfd_chla_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 336, |
|
|
|
n_id: 336, |
|
|
|
n_title: 'PhysicoChemical Quality Index – PCQI (D5C1, D5C4, D5C5)', |
|
|
|
n_title: 'PhysicoChemical Quality Index – PCQI (D5C1, D5C4, D5C5)', |
|
|
|
|
|
|
|
code: 'wfd_pcqi_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 33 |
|
|
|
n_parentid: 33 |
|
|
|
},{ |
|
|
|
},{ |
|
|
|
n_id: 337, |
|
|
|
n_id: 337, |
|
|
|
n_title: 'Chemical Status – Chem (D8C1)', |
|
|
|
n_title: 'Chemical Status – Chem (D8C1)', |
|
|
|
n_parentid: 33 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3311, |
|
|
|
|
|
|
|
n_title: 'Ecological Status', |
|
|
|
|
|
|
|
code: 'wfd_eco_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 331 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3321, |
|
|
|
|
|
|
|
n_title: 'BMI Status', |
|
|
|
|
|
|
|
code: 'wfd_bmi_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 332 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3331, |
|
|
|
|
|
|
|
n_title: 'MA Status', |
|
|
|
|
|
|
|
code: 'wfd_ma_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 333 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3341, |
|
|
|
|
|
|
|
n_title: 'AN Status', |
|
|
|
|
|
|
|
code: 'wfd_an_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 334 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3351, |
|
|
|
|
|
|
|
n_title: 'Chl-a Status', |
|
|
|
|
|
|
|
code: 'wfd_chla_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 335 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3361, |
|
|
|
|
|
|
|
n_title: 'PCQI Status', |
|
|
|
|
|
|
|
code: 'wfd_chla_status_', |
|
|
|
|
|
|
|
n_elements: nodeContext, |
|
|
|
|
|
|
|
n_parentid: 336 |
|
|
|
|
|
|
|
},{ |
|
|
|
|
|
|
|
n_id: 3371, |
|
|
|
|
|
|
|
n_title: 'Chemi Status', |
|
|
|
|
|
|
|
code: 'wfd_chem_status_', |
|
|
|
code: 'wfd_chem_status_', |
|
|
|
n_elements: nodeContext, |
|
|
|
n_elements: nodeContext.concat(nodeContextLegend), |
|
|
|
n_parentid: 337 |
|
|
|
n_parentid: 33 |
|
|
|
} |
|
|
|
}]; |
|
|
|
]; |
|
|
|
|
|
|
|
/* =======================*/ |
|
|
|
/* =======================*/ |
|
|
|
|
|
|
|
|
|
|
|