From 8602c7a16a03ab8e122c6e625dce6f45705ddf20 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Mon, 24 Jan 2022 12:57:28 +0100
Subject: [PATCH] Change button color when it is selected

---
 src/app/pages/agenda/agenda.page.html                  |  6 ++++--
 src/assets/images/theme/gov/icons-add-selected.svg     |  7 +++++++
 .../images/theme/gov/icons-received-event-selected.svg | 10 ++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/images/theme/gov/icons-add-selected.svg
 create mode 100644 src/assets/images/theme/gov/icons-received-event-selected.svg

diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index f497e0ead..8cfcd1062 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/src/app/pages/agenda/agenda.page.html
@@ -121,13 +121,15 @@
 
                   <button title="Visualizar a lista de Eventos para aprovação" class="btn-no-color cursor-pointer resize" (click)="viewEventsToApprove()" *ngIf="loggeduser.Profile == 'MDGPR'">
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " class="right-icons" src="assets/images/icons-received-event.svg"></ion-icon>
-                    <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' " class="right-icons" src="assets/images/theme/gov/icons-received-event.svg"></ion-icon>
+                    <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && !mobileComponent.showEventList" class="right-icons" src="assets/images/theme/gov/icons-received-event.svg"></ion-icon>
+                    <ion-icon  *ngIf="ThemeService.currentTheme == 'gov' && mobileComponent.showEventList" class="right-icons" src="assets/images/theme/gov/icons-received-event-selected.svg"></ion-icon>
                     <ion-icon  *ngIf="ThemeService.currentTheme == 'tribunal' " class="right-icons" src="assets/images/theme/tribunal/icons-received-event.svg"></ion-icon>
                   </button>
 
                   <button title="Novo Evento" class="btn-no-color cy-add-event cursor-pointer resize" (click)="clearContact();openAddEvent();">
                     <ion-icon *ngIf="ThemeService.currentTheme == 'default' "   class="right-icons" src="assets/images/icons-add.svg" ></ion-icon>
-                    <ion-icon *ngIf="ThemeService.currentTheme == 'gov' "   class="right-icons" src="assets/images/theme/gov/icons-add.svg" ></ion-icon>
+                    <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && !mobileComponent.showAddNewEvent"   class="right-icons" src="assets/images/theme/gov/icons-add.svg" ></ion-icon>
+                    <ion-icon *ngIf="ThemeService.currentTheme == 'gov' && mobileComponent.showAddNewEvent"   class="right-icons" src="assets/images/theme/gov/icons-add-selected.svg" ></ion-icon>
                     <ion-icon *ngIf="ThemeService.currentTheme == 'tribunal' "   class="right-icons" src="assets/images/theme/tribunal/icons-add.svg" ></ion-icon>
                   </button>
 
diff --git a/src/assets/images/theme/gov/icons-add-selected.svg b/src/assets/images/theme/gov/icons-add-selected.svg
new file mode 100644
index 000000000..56835b030
--- /dev/null
+++ b/src/assets/images/theme/gov/icons-add-selected.svg
@@ -0,0 +1,7 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
+<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#D30606"/>
+<path d="M19 11C19 10.4477 18.5523 10 18 10C17.4477 10 17 10.4477 17 11V24C17 24.5523 17.4477 25 18 25C18.5523 25 19 24.5523 19 24V11Z" fill="white"/>
+<path d="M24.5 18.5C25.0523 18.5 25.5 18.0523 25.5 17.5C25.5 16.9477 25.0523 16.5 24.5 16.5H11.5C10.9477 16.5 10.5 16.9477 10.5 17.5C10.5 18.0523 10.9477 18.5 11.5 18.5H24.5Z" fill="white"/>
+</svg>
diff --git a/src/assets/images/theme/gov/icons-received-event-selected.svg b/src/assets/images/theme/gov/icons-received-event-selected.svg
new file mode 100644
index 000000000..6243f023f
--- /dev/null
+++ b/src/assets/images/theme/gov/icons-received-event-selected.svg
@@ -0,0 +1,10 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H18V8H7V7Z" fill="white"/>
+<path d="M10.5 9C11.3284 9 12 8.32843 12 7.5C12 6.67157 11.3284 6 10.5 6C9.67157 6 9 6.67157 9 7.5C9 8.32843 9.67157 9 10.5 9Z" fill="white"/>
+<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#D30606"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L17.5 20L27 16V27H8V16Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+<path d="M10.5 17V7H24.5V17" stroke="white" stroke-width="2" stroke-linejoin="round"/>
+<path d="M8 16L10.5 13.5" stroke="white" stroke-width="2"/>
+<path d="M27 16L24.5 13.5" stroke="white" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 15.25L15.443 16.332L15.836 14.041L14.171 12.418L16.471 12.084L17.5 10L18.529 12.084L20.829 12.418L19.164 14.041L19.557 16.332L17.5 15.25Z" fill="white"/>
+</svg>