last class

Author: Guilherme Almeida (Americas)

client/index.html

@@ -60,6 +60,7 @@ <h1 class="text-center">Negociações</h1>
 
     <script src="js/app/services/ProxyFactory.js"></script>
     <script src="js/app/services/NegociacaoService.js"></script>
+    <script src="js/app/services/HttpService.js"></script>
     <script>
         let negociacaoController = new NegociacaoController();
     </script>

client/js/app/controllers/NegociacaoController.js

@@ -19,15 +19,11 @@ class NegociacaoController {
 
     importaNegociacoes() {
         let service = new NegociacaoService();
-        service.obterNegociacaoDaSemana((erro, negociacoes) => {
-            if(erro){
-                this._mensagem.texto = erro;
-                return;
-            }
-
-            negociacoes.forEach(negociacao => this._listaNegociacoes.adiciona(negociacao));
-            this._mensagem.texto = 'Negociações importadas com sucesso.';
-        });
+
+        service.obterNegociacoes()
+            .then(negociacoes => negociacoes
+                .forEach(negociacao => this._listaNegociacoes.adiciona(negociacao)))
+            .catch(erro => this._mensagem.texto = erro);
     }
 
     apaga() {
@@ -50,4 +46,8 @@ class NegociacaoController {
 
         this._inputData.focus();
     }
+
+    ordena(){
+
+    }
 }

client/js/app/services/HttpService.js

@@ -0,0 +1,19 @@
+class HttpService {
+    get(url){
+        return new Promise((resolve, reject) => {
+            let xhr = new XMLHttpRequest();
+            xhr.open('GET', url);
+            xhr.onreadystatechange = () => {
+                if(xhr.readyState === 4){
+                    if (xhr.status === 200){
+                        resolve(JSON.parse(xhr.responseText));
+                    }else{
+                        reject(xhr.responseText);
+                    }
+                }
+            };
+
+            xhr.send();
+        });
+    }
+}

client/js/app/services/NegociacaoService.js

@@ -1,61 +1,47 @@
 class NegociacaoService {
-    obterNegociacaoDaSemana(cb){
-        let xhr = new XMLHttpRequest();
-        xhr.open('GET', 'negociacoes/semana');
-
-        xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4){
-                if (xhr.status === 200){
-                    cb(null, JSON.parse(xhr.responseText)
-                        .map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)));
-
-                }else{
-                    console.log(xhr.responseText);
-                    cb('Não foi possível obter as negociações.', null);
-                }
-            }
-        };
-
-        xhr.send();
+    constructor(){
+        this._http = new HttpService();
     }
 
-    obterNegociacaoDaSemanaAnterior(cb){
-        let xhr = new XMLHttpRequest();
-        xhr.open('GET', 'negociacoes/anterior');
-
-        xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4){
-                if (xhr.status === 200){
-                    cb(null, JSON.parse(xhr.responseText)
-                        .map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)));
-
-                }else{
-                    console.log(xhr.responseText);
-                    cb('Não foi possível obter as negociações.', null);
-                }
-            }
-        };
-
-        xhr.send();
+    obterNegociacaoDaSemana(){
+        return this._http.get('negociacoes/semana')
+            .then(negociacoes => negociacoes.map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)))
+            .catch(erro => {
+                console.log(erro);
+                throw new Error('Não foi possível obter as negociações da semana');
+            });
     }
 
-    obterNegociacaoDaSemanaRetrasada(cb){
-        let xhr = new XMLHttpRequest();
-        xhr.open('GET', 'negociacoes/retrasada');
-
-        xhr.onreadystatechange = () => {
-            if(xhr.readyState === 4){
-                if (xhr.status === 200){
-                    cb(null, JSON.parse(xhr.responseText)
-                        .map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)));
+    obterNegociacaoDaSemanaAnterior(){
+        return this._http.get('negociacoes/anterior')
+            .then(negociacoes => negociacoes.map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)))
+            .catch(erro => {
+                console.log(erro);
+                throw new Error('Não foi possível obter as negociações da anterior');
+            });
+    }
 
-                }else{
-                    console.log(xhr.responseText);
-                    cb('Não foi possível obter as negociações.', null);
-                }
-            }
-        };
+    obterNegociacaoDaSemanaRetrasada(){
+        return this._http.get('negociacoes/retrasada')
+            .then(negociacoes => negociacoes.map(objeto => new Negociacao(new Date(objeto.data), objeto.quantidade, objeto.valor)))
+            .catch(erro => {
+                console.log(erro);
+                throw new Error('Não foi possível obter as negociações da retrasada');
+            });
+    }
 
-        xhr.send();
+    obterNegociacoes(){
+        return Promise.all([
+            this.obterNegociacaoDaSemana(),
+            this.obterNegociacaoDaSemanaAnterior(),
+            this.obterNegociacaoDaSemanaRetrasada()
+        ])
+            .then(periodos => {
+                return periodos
+                    .reduce((dados, periodo) => dados.concat(periodo), []);
+            })
+            .catch(erro => {
+                throw new Error(erro)
+            });
     }
 }

client/js/app/views/NegociacoesView.js

@@ -4,11 +4,10 @@ class NegociacoesView extends View{
         return `
         <table class="table table-hover table-bordered">
             <thead>
-                <tr>
-                    <th>DATA</th>
-                    <th>QUANTIDADE</th>
-                    <th>VALOR</th>
-                    <th>VOLUME</th>
+                <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>