Plugin hooks

To allow external developers to add their own components, we added markers called "hooks" in strategic locations on the user interface where a user can define new Vue Component through plugins.

Hooks locations

Component
Name

search.nav:before

search.nav:after

app-sidebar.menu:before

app-sidebar.menu:after

app-sidebar.help:before

app-sidebar.help:after

app-sidebar.guides:before

app-sidebar.guides:after

app-sidebar.locales:before

app-sidebar.locales:after

document.content:before

document.content.toolbox:before

document.content.toolbox:after

document.content.ner:before

document.content.togglers:before

document.content.togglers:after

document.content.ner:after

document.content.body:before

document.content.body:after

document.content:after

filters-panel:before

filters-panel.toolbar:before

filters-panel.toolbar:after

filters-panel.filters:before

filters-panel.filters:after

filters-panel:after

app:before

app:after

document.header:before

document.header.name:before

document.header.name:after

document.header.tags:before

document.header.tags:after

document.header.nav:before

document.header.nav.items:before

document.header.nav.items:after

document.header.nav:after

document.header:after

landing.form:before

landing.form.heading:before

landing.form.heading:after

landing.form:after

landing.form.project:before

landing.form.project:after

search:before

search.body:before

search.body:after

search:after

Last updated

Datashare is an open source project by the International Consortium of Investigative Journalists