3.0 Beta 3

src/app/chat/chat.ts

@@ -1,15 +1,16 @@
-import {Component, inject, OnInit, signal} from '@angular/core';
-import {RouterOutlet} from '@angular/router';
+import {Component, computed, inject, OnInit, signal} from '@angular/core';
+import {isActive, IsActiveMatchOptions, Router, RouterOutlet} from '@angular/router';
 import {TuiSegmented} from '@taiga-ui/kit';
-import {TuiAppearance, TuiButton, TuiDialog, TuiGroup, TuiIcon, TuiLoader} from '@taiga-ui/core';
+import {TUI_BREAKPOINT, TuiAppearance, TuiButton, TuiDialog, TuiGroup, TuiIcon, TuiLoader} from '@taiga-ui/core';
 import {SessionManager} from '@chatenium/chatenium-sdk/services/sessionManager';
 import {LoadStatus, ServiceManager} from '../service-manager';
 import {IndexedDB} from '../storage/indexed-db';
 import {DmList} from './dm-list/dm-list';
 import {JsonPipe} from '@angular/common';
 import {WebSocketHandler} from '@chatenium/chatenium-sdk/core/webSocketHandler';
-import {TranslatePipe} from '@ngx-translate/core';
+import {TranslatePipe, TranslateService} from '@ngx-translate/core';
 import {environment} from '../../environments/environment';
+import {TuiTabBarComponent, TuiTabBarItem} from '@taiga-ui/addon-mobile';
 
 @Component({
   selector: 'app-chat',
@@ -24,7 +25,9 @@ import {environment} from '../../environments/environment';
     TuiAppearance,
     TuiGroup,
     TuiDialog,
-    TranslatePipe
+    TranslatePipe,
+    TuiTabBarComponent,
+    TuiTabBarItem
   ],
   templateUrl: './chat.html',
   styleUrl: './chat.scss',
@@ -32,6 +35,35 @@ import {environment} from '../../environments/environment';
 export class Chat implements OnInit {
   serviceManager = inject(ServiceManager)
   indexedDb = inject(IndexedDB)
+  breakpoint = inject(TUI_BREAKPOINT)
+  router = inject(Router)
+
+  routerOutletActive = signal(false)
+
+  navigationActiveIndex = 0
+  // Mobile navigation //
+  protected readonly tabBarItems = [
+    {
+      text: "chat.tabBar.tab1",
+      icon: '@tui.message-circle',
+      implemented: true,
+    },
+    {
+      text: "chat.tabBar.tab2",
+      icon: '@tui.network',
+      implemented: false,
+    },
+    {
+      text: "chat.tabBar.tab3",
+      icon: '@tui.image',
+      implemented: false,
+    },
+    {
+      text: "chat.tabBar.tab4",
+      icon: '@tui.cog',
+      implemented: false,
+    }
+  ];
 
   changeLogOpen = signal(false)