Já que a classe ListaNegociacoes é responsável por um conjunto de negociações, sugiro mover o código que totaliza o volume para um método desta classe:
js/app/models/ListaNegociacoes.js:
class ListaNegociacoes {
// ...
volumeTotal() {
return this._negociacoes.reduce((total, n) => total + n.volume, 0.0);
}
// ...
}
js/app/views/NegociacoesView.js:
class NegociacoesView {
// ...
_template(model) {
return `
<table class="table table-hover table-bordered">
<thead>
<tr>
<th>DATA</th>
<th>QUANTIDADE</th>
<th>VALOR</th>
<th>VOLUME</th>
</tr>
</thead>
<tbody>
${model.negociacoes.map(n => `
<tr>
<td>${DateHelper.dataParaTexto(n.data)}</td>
<td>${n.quantidade}</td>
<td>${n.valor}</td>
<td>${n.volume}</td>
</tr>
`).join('')}
</tbody>
<tfoot>
<td colspan="3"></td>
<td>
${model.volumeTotal()}
</td>
</tfoot>
</table>
`;
}
// ...
}
Dessa forma o código fica encapsulado e pode ser reaproveitado.
O que vocês acham?
Obrigado.