diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 96fb9d42e..159253fb0 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -1,33 +1,38 @@
-
-
-
+
+
+
Início
-
-
-
+
+
+
Agenda
-
-
-
+
+
+
+
Gabinete
-
-
+
+
+
Ações
-
-
+
+
+
+
Chat
+
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 8b6ee1ac6..7210b1585 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,7 +1,11 @@
ion-tab-bar{
--background: #f9f9f9;
- --color: #061b52;
+ --color: #797979;
+}
+
+ion-tab-button{
+ --color-selected: #061b52;
}
// Badge
@@ -18,7 +22,7 @@ ion-badge {/* */
/* display: inline-block;*/
- min-width: 18px;
+ min-width: 18px;
font-size: $badge-font-size;
/* font-weight: $badge-font-weight;
line-height: 1;
@@ -41,4 +45,4 @@ ion-badge {/* */
ion-tabs.tab .bottoms{
display: none;
}
-}
\ No newline at end of file
+}
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 7d4f59046..999b9592b 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -57,6 +57,13 @@ export class HomePage implements OnInit {
showAttendees: false,
showAttendeeModal: false
}
+ tabButton = {
+ home: false,
+ agenda: false,
+ gabinete: false,
+ actions: false,
+ chat: false,
+ }
eventToaprove: any = {
back: false,
serialNumber: "",
@@ -150,11 +157,42 @@ export class HomePage implements OnInit {
}
myWorker.postMessage('ali'); */
+ this.clearTabButtonSelection();
+ }
+
+ clearTabButtonSelection(){
+ this.tabButton.home = false;
+ this.tabButton.agenda = false;
+ this.tabButton.gabinete = false;
+ this.tabButton.actions = false;
+ this.tabButton.chat = false;
+ }
+
+ selectedTab(url?:string){
+ this.clearTabButtonSelection();
+ if(url =='/home/events'){
+ this.tabButton.home = true;
+ }
+ else if(url == '/home/agenda'){
+ this.tabButton.agenda = true;
+ }
+ else if(url =='/home/gabinete-digital'){
+ this.tabButton.gabinete = true;
+ }
+ else if(url =='/home/publications'){
+ this.tabButton.actions = true;
+ }
+ else if(url == '/home/chat'){
+ this.tabButton.chat = true;
+ }
+ else{
+ this.clearTabButtonSelection();
+ }
}
logDeviceInfo = async () => {
const info = await Device.getInfo();
-
+
console.log('Device info',info);
};
diff --git a/src/app/shared/header/header.page.ts b/src/app/shared/header/header.page.ts
index 3a7671340..b8d9446ec 100644
--- a/src/app/shared/header/header.page.ts
+++ b/src/app/shared/header/header.page.ts
@@ -99,7 +99,25 @@ export class HeaderPage implements OnInit {
}
locationPathname(): string {
- return window.location.pathname
+ let path = window.location.pathname;
+ if(path.includes('/home/events')){
+ return '/home/events';
+ }
+ else if(path.includes('/home/agenda')){
+ return '/home/agenda';
+ }
+ else if(path.includes('/home/gabinete-digital')){
+ return '/home/gabinete-digital';
+ }
+ else if(path.includes('/home/publications')){
+ return '/home/publications';
+ }
+ else if(path.includes('/home/chat')){
+ return '/home/chat';
+ }
+ else{
+ return path;
+ }
}
async openSearch() {
diff --git a/src/assets/icon/tab/icons-nav-actions-selected.svg b/src/assets/icon/tab/icons-nav-actions-selected.svg
new file mode 100644
index 000000000..71b564d51
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-actions-selected.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/icon/tab/icons-nav-actions.svg b/src/assets/icon/tab/icons-nav-actions.svg
new file mode 100644
index 000000000..50f5fef81
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-actions.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/assets/icon/tab/icons-nav-agenda-selected.svg b/src/assets/icon/tab/icons-nav-agenda-selected.svg
new file mode 100644
index 000000000..4aaf75c7e
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-agenda-selected.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-agenda.svg b/src/assets/icon/tab/icons-nav-agenda.svg
new file mode 100644
index 000000000..abcfa1e1b
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-agenda.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-chat-selected.svg b/src/assets/icon/tab/icons-nav-chat-selected.svg
new file mode 100644
index 000000000..e31e28ccd
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-chat-selected.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-chat.svg b/src/assets/icon/tab/icons-nav-chat.svg
new file mode 100644
index 000000000..b4781298a
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-chat.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-gabinete-selected.svg b/src/assets/icon/tab/icons-nav-gabinete-selected.svg
new file mode 100644
index 000000000..44a02ba44
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-gabinete-selected.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-gabinete.svg b/src/assets/icon/tab/icons-nav-gabinete.svg
new file mode 100644
index 000000000..592210b02
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-gabinete.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/assets/icon/tab/icons-nav-home-selected.svg b/src/assets/icon/tab/icons-nav-home-selected.svg
new file mode 100644
index 000000000..8dbe504b4
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-home-selected.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/icon/tab/icons-nav-home.svg b/src/assets/icon/tab/icons-nav-home.svg
new file mode 100644
index 000000000..0c712e2d1
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-home.svg
@@ -0,0 +1,5 @@
+