Merge pull request #31 from JMTheo/ajuste-operacao-home

Adequando a home com o novo card de classificacao e ajuste na data

src/app/components/lancamentos-modal/lancamentos-modal.component.ts

@@ -45,4 +45,4 @@ export class LancamentosModalComponent implements OnInit {
   }
 
   ngOnInit() {}
-}
+}

src/app/components/ultimos-lancamentos/ultimos-lancamentos.component.html

@@ -15,4 +15,4 @@
       <ion-col [ngStyle]="corTexto()"> {{ valor }} </ion-col>
     </ion-row>
   </ion-grid>
-</ion-card>
+</ion-card>

src/app/components/ultimos-lancamentos/ultimos-lancamentos.component.ts

@@ -15,8 +15,9 @@ export class UltimosLancamentosComponent implements OnInit {
   @Input() tipoOperacao: string;
 
 
- 
+
   ngOnInit() {
+    this.diaCompra = new Date(this.diaCompra).toLocaleDateString();
   }
 
   corTexto() {
@@ -47,8 +48,8 @@ export class UltimosLancamentosComponent implements OnInit {
         break;
       }
 
-      case 'investimentos': { 
-     this.srcImg = "https://static.vecteezy.com/ti/vetor-gratis/p1/2519573-investimento-grafico-icone-design-ilustracao-vetor.jpg"  
+      case 'investimentos': {
+     this.srcImg = "https://static.vecteezy.com/ti/vetor-gratis/p1/2519573-investimento-grafico-icone-design-ilustracao-vetor.jpg"
      break;
       }
       case 'alimentacao': {
@@ -63,4 +64,4 @@ export class UltimosLancamentosComponent implements OnInit {
     }
     return this.srcImg;
   }
-}
+}

src/app/pages/home/home.page.html

@@ -41,16 +41,16 @@ <h1 class="vlr-home">R$ {{ valorDinamico }}</h1>
       <ion-col>
         <ion-title>Últimas transações</ion-title>
         <div *ngFor="let i of listaLancamentosCard">
-          <app-ultimos-lancamentos *ngIf="i.tipoTransacao == estadoCategoria"
-          srcImg="https://i.pinimg.com/originals/83/04/31/830431f04b70f189d95cd42e4bf1d502.jpg"
+          <app-ultimos-lancamentos *ngIf="i.tipoOperacao == estadoCategoria"
           diaCompra = {{i.diaCompra}}
           titulo= {{i.titulo}}
           valor= {{i.valor}}
           tipoTransacao={{i.tipoTransacao}}
+          tipoOperacao={{i.tipoOperacao}}
         ></app-ultimos-lancamentos>
         </div>
 
       </ion-col>
     </ion-grid>
   </div>
-</ion-content>
+</ion-content>

src/app/pages/home/home.page.ts

@@ -85,12 +85,12 @@ export class HomePage implements OnInit {
     };
     if (this.listaLancamentos) {
       this.listaLancamentos.forEach((el) => {
-        if (el.tipoTransacao == 'entrada') {
+        if (el.tipoOperacao == 'entrada') {
           entradas.valores.push(el.valor);
-          entradas.data.push(el.diaCompra);
+          entradas.data.push(new Date(el.diaCompra).toLocaleDateString());
           entradas.total += el.valor;
         } else {
-          saidas.data.push(el.diaCompra);
+          saidas.data.push(new Date(el.diaCompra).toLocaleDateString());
           saidas.valores.push(el.valor);
           saidas.total += el.valor;
         }
@@ -120,9 +120,12 @@ export class HomePage implements OnInit {
   }
   async retornaTodosLancamentos() {
     let arr = await this.storage.retornaTodosLancamentos();
-    console.log(arr)
-    this.listaLancamentos = arr;
-    this.listaLancamentosCard = arr.slice().sort((a: Lancamento, b: Lancamento) =>
-    new Date(b.diaCompra).getTime() - new Date(a.diaCompra).getTime())
+    if(arr) {
+      console.log(arr)
+      this.listaLancamentos = arr;
+      this.listaLancamentosCard = arr.slice().sort((a: Lancamento, b: Lancamento) =>
+      new Date(b.diaCompra).getTime() - new Date(a.diaCompra).getTime())
+    }
+
   }
 }