From e132134ae7c960d1e5020d5bf126a02476fa2be8 Mon Sep 17 00:00:00 2001
From: Tiago Kayaya <tiago.kayaya@equilibrium.local>
Date: Tue, 8 Sep 2020 11:17:07 +0100
Subject: [PATCH] Added badge at tabBar

---
 src/app/home/home.page.html                 |  2 ++
 src/app/home/home.page.ts                   | 22 ++++++++++++++++++++-
 src/app/pages/cal-modal/cal-modal.page.scss |  5 ++++-
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 55b3fb3cc..32dc01bef 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -2,6 +2,7 @@
     <ion-tab-bar slot="bottom">
       <ion-tab-button tab="events">
         <ion-icon name="home"></ion-icon>
+        <ion-badge color="danger">{{totalEvent}}</ion-badge>
         <ion-label>Home</ion-label>
       </ion-tab-button>
   
@@ -11,6 +12,7 @@
       </ion-tab-button>
       <ion-tab-button tab="gabinete-digital">
           <ion-icon name="file-tray-stacked"></ion-icon>
+          <ion-badge color="danger">{{totalExpediente}}</ion-badge>
           <ion-label>Gabinete Digital</ion-label>
         </ion-tab-button>
         <!-- <ion-tab-button tab="search">
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 8aa0f78e9..75cf37236 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { EventsService } from '../services/events.service';
+import { formatDate } from '@angular/common';
+import { Event } from '../models/event.model';
 
 @Component({
   selector: 'app-home',
@@ -6,10 +9,27 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./home.page.scss'],
 })
 export class HomePage implements OnInit {
+  eventsList: Event[];
+  totalEvent=0;
+  totalExpediente=2;
 
-  constructor() { }
+  constructor(private eventService: EventsService) { }
 
   ngOnInit() {
+    this.eventService.getAllEvents(formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 00:00:00', formatDate(new Date(), 'yyyy-MM-dd', 'pt') + ' 23:59:59')
+        .subscribe(response => {
+            this.eventsList = response;
+            this.totalEvent = this.eventsList.length;
+          }
+        );
+
+
+
+
+
+
   }
 
+  
+
 }
diff --git a/src/app/pages/cal-modal/cal-modal.page.scss b/src/app/pages/cal-modal/cal-modal.page.scss
index 1fd02fb60..7236c8380 100644
--- a/src/app/pages/cal-modal/cal-modal.page.scss
+++ b/src/app/pages/cal-modal/cal-modal.page.scss
@@ -28,4 +28,7 @@
 } */
 .span-color{
     color:red;
-}
\ No newline at end of file
+}
+/* .ion-badge{
+    background: red;
+} */
\ No newline at end of file