text: class NegociacoesView extends View {
      constructor(elemento) {
          super(elemento);
      }
  
      template(model) {
          
          return `
          <table class="table table-hover table-bordered">
              <thead>
                  <tr>
                      <thead>
                          <tr>
                              <th onclick="negociacaoController.ordena('data')">DATA</th>
                              <th onclick="negociacaoController.ordena('quantidade')">QUANTIDADE</th>
                              <th onclick="negociacaoController.ordena('valor')">VALOR</th>
                              <th onclick="negociacaoController.ordena('volume')">VOLUME</th>
                          </tr>
                      </thead>
                  </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.negociacoes.reduce((total, n) => total + n.volume, 0.0)}
                  </td>
              </tfoot>
              
          </table>
          `;
      }
      
  }
  