Neste exemplo mostra como injetar um novo item no menu de navegação duma aplicação.
Para cada novo botão de navegação é preciso adicionar também um contentor, no contentor vai ficar o teu conteúdo à medida… e claro pode ser um segundo dashboard.
Basta adicionar em public/templates/scripts.html:
<script>
(function() {
var nav = $('[netuno-navigation]');
nav.on('netuno:loaded', function(e) {
$(e.target).first().prepend(
'<li>' +
' <a netuno-navigation-my-dashboard href="#my_dashboard">' +
' <i class="fa fa-fw fa-dashboard"></i> ' +
' My Dashboard' +
' </a>' +
'</li>'
);
});
var containers = $('[netuno-containers]');
containers.on('netuno:loaded', function(e) {
$(e.target).first().prepend(
'<div netuno-container-my-dashboard id="my_dashboard" style="display: none;">' +
' <h1>My Dashboard</h1>' +
' <p>My content...</p>' +
'</div>'
);
});
})();
</script>
