Added routing

2026-03-25 16:03:52 +01:00
parent 5be67500c6
commit 822e22690b
16 changed files with 113 additions and 68 deletions
@@ -0,0 +1,29 @@
+<ion-app>
+    <ion-tabs>
+
+        <ion-router-outlet></ion-router-outlet>
+
+        <ion-tab-bar slot="bottom" style="
+        --background: #FFFFFF;
+        --color: #C0C0C0;
+        --color-selected: #000000;
+      ">
+
+            <ion-tab-button tab="home" routerLink="/home">
+                <ion-icon name="home-outline"></ion-icon>
+            </ion-tab-button>
+
+            <ion-tab-button tab="groups" routerLink="/groups">
+                <ion-icon name="chatbubbles-outline"></ion-icon>
+            </ion-tab-button>
+
+            <ion-tab-button tab="ranking" routerLink="/ranking">
+                <ion-icon name="stats-chart-outline"></ion-icon>
+            </ion-tab-button>
+
+            <ion-tab-button tab="social" routerLink="/social">
+                <ion-icon name="people-outline"></ion-icon>
+            </ion-tab-button>
+        </ion-tab-bar>
+    </ion-tabs>
+</ion-app>
@@ -0,0 +1,22 @@
+import { Component } from '@angular/core';
+import {IonicModule} from "@ionic/angular";
+import {addIcons} from 'ionicons';
+import {homeOutline, peopleOutline, chatbubblesOutline, statsChartOutline} from 'ionicons/icons';
+
+addIcons({
+    'home-outline': homeOutline,
+    'people-outline': peopleOutline,
+    'chatbubbles-outline': chatbubblesOutline,
+    'stats-chart-outline': statsChartOutline
+});
+
+@Component({
+    selector: 'app-navbar',
+    templateUrl: './navbar.component.html',
+    styleUrls: ['./navbar.component.scss'],
+    imports: [
+        IonicModule
+    ]
+})
+export class NavbarComponent {
+}