Feat/waterbus v2

lib/core/app/colors/app_color.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 
 const Color colorBlack = Color(0xFF121212);
 const Color colorPrimaryBlack = Color(0xFF14171A);
+const Color colorBlackGlassmorphism = Color(0xFF292929);
 const Color colorDarkGrey = Color(0xFF657786);
 const Color colorPrimary = Color(0xFF1DA1F2);
 const Color colorTitle = Color(0xFF2C3D50);

lib/core/app/lang/data/english.dart

@@ -71,6 +71,12 @@ Map<String, String> english = {
   Strings.search: "Search",
   Strings.createRoom: "Create Room",
   Strings.chat: "Chats",
+  Strings.delete: "Delete",
+  Strings.sureDeleteConversation:
+      'Are you sure you want to delete\nthis conversation?',
+  Strings.sureDeleteMessage: 'Are you sure you want to delete\nthis message?',
+  Strings.leaveAMessage: "Leave a message...",
+  Strings.invitedChat: "Invited chat",
   Strings.enterPassword: "Enter Password",
   Strings.createMeeting: "Create Meeting",
   Strings.editMeeting: "Edit Meeting",
@@ -83,6 +89,7 @@ Map<String, String> english = {
   Strings.dataSaver: "Data Saver",
   Strings.balance: "Balance",
   Strings.highQuality: "High Quality",
+  Strings.back: "Back",
 
   // Profile screen
   Strings.profile: "Profile",
@@ -109,6 +116,9 @@ Map<String, String> english = {
   Strings.frameSent: "Frame sent",
   Strings.resolution: "Resolution",
   Strings.latency: "Latency (ms)",
+  Strings.updatedPersonalInformationSuccessfully:
+      "Updated personal information successfully!",
+  Strings.updateUsernameSuccessfully: "Updated username successful!",
 
   // Settings screen
   Strings.myProfile: "My Profile",
@@ -123,4 +133,42 @@ Map<String, String> english = {
   Strings.changeYourAvatar: 'Change your avatar',
   Strings.chooseFromGallery: 'Choose photo from gallery',
   Strings.takeAPhoto: 'Take a photo',
+
+  // Chat Screen
+  Strings.videoCall: 'Video call',
+  Strings.mute: 'Mute',
+  Strings.more: 'More',
+  Strings.addMembers: 'Add members',
+  Strings.owner: 'Owner',
+  Strings.youHaveBeenInvitedToChat: 'You have been invited to chat',
+  Strings.confirm: "Confirm",
+  Strings.inviting: "Inviting",
+  Strings.invisible: "Invisible",
+  Strings.joined: "Joined",
+  Strings.leaveTheConversation: "Leave the conversation",
+  Strings.sureLeaveConversation:
+      "Are you sure you want to leave this conversation? This conversation will be deleted for you and you will no longer be a member of this conversation.",
+  Strings.member: "Member",
+  Strings.members: "Members",
+  Strings.groupCreated: "Grounp created",
+  Strings.sending: "Sending",
+  Strings.canNotSend: "Can not send!",
+  Strings.resend: "Resend",
+  Strings.you: "You",
+  Strings.user: "User",
+  Strings.unsentAMessage: "unsent a message",
+  Strings.hi: "Hi",
+  Strings.noMesssagesHereYet: "No messages here yet",
+  Strings.youHaveInvitedThe: "You have invited the",
+  Strings.toJoinConversation: "to join conversation",
+  Strings.hostCanNotDeleteConversation:
+      "You as the host cannot delete a chat while it is still a member",
+  Strings.sendMessageOrTapOnTheGreetingBelow:
+      "Send a message or tap on the greeting below.",
+  Strings.sureDeleteMember:
+      "Are you sure you want to remove this member from the chat?",
+  Strings.deleteMember: "Delete this member",
+  Strings.addConversationSuccess: "New chat has been added to the list!",
+  Strings.youHaveConfirmedConversation:
+      "You have confirmed your participation in the conversation",
 };

lib/core/app/lang/data/localization.dart

@@ -77,6 +77,11 @@ class Strings {
   static const String search = 'search';
   static const String createRoom = 'createRoom';
   static const String chat = 'chats';
+  static const String delete = 'delete';
+  static const String sureDeleteConversation = 'sureDeleteConversation';
+  static const String sureDeleteMessage = 'sureDeleteMessage';
+  static const String leaveAMessage = 'leaveAMessage';
+  static const String invitedChat = 'invitedChat';
   static const String enterPassword = 'enterPassword';
   static const String createMeeting = 'createMeeting';
   static const String editMeeting = 'editMeeting';
@@ -96,6 +101,7 @@ class Strings {
   static const String frameSent = 'frameSent';
   static const String resolution = 'resolution';
   static const String latency = 'latency';
+  static const String back = 'back';
 
   // Profile screen
   static const String profile = 'profile';
@@ -114,6 +120,9 @@ class Strings {
   static const String canUseUsername = 'canUseUsername';
   static const String usernameUsed = 'usernameUsed';
   static const String checking = 'checking';
+  static const String updateUsernameSuccessfully = 'updateUsernameSuccessfully';
+  static const String updatedPersonalInformationSuccessfully =
+      'updatedPersonalInformationSuccessfully';
 
   // Settings screen
   static const String myProfile = 'myProfile';
@@ -127,6 +136,41 @@ class Strings {
   static const String changeYourAvatar = 'changeYourAvatar';
   static const String chooseFromGallery = 'chooseFromGallery';
   static const String takeAPhoto = 'takeAPhoto';
+
+  // Chat Screen
+  static const String videoCall = 'videoCall';
+  static const String mute = 'mute';
+  static const String more = 'more';
+  static const String addMembers = 'addMembers';
+  static const String owner = 'owner';
+  static const String youHaveBeenInvitedToChat = 'youHaveBeenInvitedToChat';
+  static const String confirm = 'confirm';
+  static const String inviting = 'inviting';
+  static const String invisible = 'invisible';
+  static const String joined = 'joined';
+  static const String leaveTheConversation = 'leaveTheConversation';
+  static const String sureLeaveConversation = 'descriptionOfLeaveConversation';
+  static const String member = 'member';
+  static const String members = 'members';
+  static const String groupCreated = 'grounpCreated';
+  static const String sending = 'sending';
+  static const String canNotSend = 'canNotSend';
+  static const String resend = 'resend';
+  static const String you = 'you';
+  static const String user = 'user';
+  static const String unsentAMessage = 'unsentAMessage';
+  static const String hi = 'hi';
+  static const String noMesssagesHereYet = 'noMesssagesHereYet';
+  static const String youHaveInvitedThe = 'youHaveInvitedThe';
+  static const String toJoinConversation = 'toJoinConversation';
+  static const String deleteMember = 'deleteMember';
+  static const String addConversationSuccess = 'addConversationSuccess';
+  static const String sureDeleteMember = 'sureDeleteMember';
+  static const String youHaveConfirmedConversation = "youConfirmedConversation";
+  static const String hostCanNotDeleteConversation =
+      'hostCanNotDeleteConversation';
+  static const String sendMessageOrTapOnTheGreetingBelow =
+      'sendMessageOrTapOnTheGreetingBelow';
 }
 
 class MyI18n {

lib/core/app/lang/data/vietnamese.dart

@@ -70,6 +70,12 @@ Map<String, String> vietnamese = {
   Strings.search: "Tìm kiếm",
   Strings.createRoom: "Tạo Phòng",
   Strings.chat: "Trò Chuyện",
+  Strings.delete: "Xoá",
+  Strings.sureDeleteConversation:
+      'Bạn có chắc chắn muốn xoá\ncuộc trò chuyện này?',
+  Strings.sureDeleteMessage: 'Bạn có chắc chắn muốn xoá\tin nhắn này?',
+  Strings.leaveAMessage: "Để lại lời nhắn...",
+  Strings.invitedChat: "Lời mời",
   Strings.enterPassword: "Nhập mật khẩu",
   Strings.createMeeting: "Tạo cuộc họp",
   Strings.editMeeting: "Chỉnh sửa cuộc họp",
@@ -89,6 +95,7 @@ Map<String, String> vietnamese = {
   Strings.frameSent: "Khung đã gửi",
   Strings.resolution: "Độ phân giải",
   Strings.latency: "Độ trễ (mili giây)",
+  Strings.back: "Thoát",
 
   // Profile screen
   Strings.profile: "Hồ sơ",
@@ -108,6 +115,9 @@ Map<String, String> vietnamese = {
   Strings.canUseUsername: "Bạn có thể sử dụng tên tài khoản này",
   Strings.usernameUsed: "Tên này đã được sử dụng",
   Strings.checking: "Đang kiểm tra",
+  Strings.updateUsernameSuccessfully: "Cập nhật tên tài khoản thành công!",
+  Strings.updatedPersonalInformationSuccessfully:
+      "Cập nhật thông tin cá nhân thành công!",
 
   // Settings screen
   Strings.myProfile: "Thông tin cá nhân",
@@ -122,4 +132,43 @@ Map<String, String> vietnamese = {
   Strings.changeYourAvatar: 'Đổi ảnh đại diện',
   Strings.chooseFromGallery: 'Chọn ảnh từ thư viện',
   Strings.takeAPhoto: 'Chụp ảnh mới',
+
+  // Chat screen
+  Strings.videoCall: 'Gọi video',
+  Strings.mute: 'Im lặng',
+  Strings.more: 'Thêm',
+  Strings.addMembers: 'Thêm thành viên',
+  Strings.owner: 'Chủ phòng',
+  Strings.youHaveBeenInvitedToChat: 'Bạn đã được mời tham gia cuộc trò chuyện',
+  Strings.confirm: "Xác nhận",
+  Strings.inviting: "Đang mời",
+  Strings.invisible: "Ẩn",
+  Strings.joined: "Đã tham gia",
+  Strings.leaveTheConversation: "Rời khỏi cuộc trò chuyện",
+  Strings.sureLeaveConversation:
+      "Bạn có chắc chắn muốn rời khỏi cuộc hội thoại này không? Cuộc hội thoại này sẽ bị xoá đối với bạn và bạn sẽ không còn là thành viên của cuộc hội thoại này nữa.",
+  Strings.member: "Thành viên",
+  Strings.members: "Thành viên",
+  Strings.groupCreated: "Nhóm đã được tạo",
+  Strings.sending: "Đang gửi",
+  Strings.canNotSend: "Không thể gửi!",
+  Strings.resend: "Gửi lại",
+  Strings.you: "Bạn",
+  Strings.user: "Người dùng",
+  Strings.unsentAMessage: "đã thu hồi tin nhắn",
+  Strings.hi: "Xin chào",
+  Strings.noMesssagesHereYet: "Chưa có tin nhắn nào",
+  Strings.hostCanNotDeleteConversation:
+      "Bạn với tư cách là chủ phòng không thể xóa cuộc trò chuyện khi vẫn còn thành viên",
+  Strings.youHaveInvitedThe: "Bạn đã mời",
+  Strings.toJoinConversation: "tham gia cuộc trò chuyện",
+  Strings.sendMessageOrTapOnTheGreetingBelow:
+      "Gửi tin nhắn hoặc nhấn vào lời chào bên dưới.",
+  Strings.sureDeleteMember:
+      "Bạn có chắc chắn muốn xoá thành viên này khỏi cuộc trò truyện không?",
+  Strings.deleteMember: "Xoá thành viên",
+  Strings.addConversationSuccess:
+      "Cuộc trò truyện mới đã được thêm vào danh sách!",
+  Strings.youHaveConfirmedConversation:
+      "Bạn đã xác nhận tham gia cuộc trò chuyện",
 };

lib/core/constants/constants.dart

@@ -12,6 +12,9 @@ const double k43 = 4 / 3;
 const double k169 = 16 / 9;
 const double k11 = 1;
 
+const int defaultLengthOfShimmerList = 10;
+const int defaultLengthOfMessages = 30;
+
 final User kUserDefault = User(
   id: 0,
   fullName: 'Waterbus',

lib/core/navigator/app_navigator.dart

@@ -9,7 +9,9 @@ import 'package:waterbus/core/navigator/app_routes.dart';
 import 'package:waterbus/core/navigator/app_scaffold.dart';
 import 'package:waterbus/core/utils/modal/show_dialog.dart';
 import 'package:waterbus/features/auth/presentation/screens/login_screen.dart';
+import 'package:waterbus/features/chats/presentation/screens/invited_chat_screen.dart';
 import 'package:waterbus/features/conversation/screens/conversation_screen.dart';
+import 'package:waterbus/features/conversation/screens/detail_group_screen.dart';
 import 'package:waterbus/features/home/screens/home.dart';
 import 'package:waterbus/features/meeting/presentation/screens/background_gallery.dart';
 import 'package:waterbus/features/meeting/presentation/screens/create_meeting_screen.dart';
@@ -91,6 +93,7 @@ class AppNavigator extends RouteObserver<PageRoute<dynamic>> {
           settings,
           CreateMeetingScreen(
             meeting: arguments?['meeting'],
+            isChatScreen: arguments?['isChatScreen'] ?? false,
           ),
         );
       case Routes.enterCodeRoute:
@@ -108,9 +111,14 @@ class AppNavigator extends RouteObserver<PageRoute<dynamic>> {
         return _buildRoute(
           settings,
           ConversationScreen(
-            chatModel: arguments!['chatModel'],
+            meeting: arguments!['meeting'],
           ),
         );
+      case Routes.invitedRoute:
+        return _buildRoute(
+          settings,
+          const InvitedChatScreen(),
+        );
       case Routes.langRoute:
         return _buildRoute(
           settings,
@@ -121,6 +129,13 @@ class AppNavigator extends RouteObserver<PageRoute<dynamic>> {
           settings,
           const ThemeScreen(),
         );
+      case Routes.detailGroupRoute:
+        return _buildRoute(
+          settings,
+          DetailGroupScreen(
+            meeting: arguments?['meeting'],
+          ),
+        );
       default:
         return _buildRoute(
           const RouteSettings(name: Routes.rootRoute),
@@ -271,6 +286,8 @@ extension AppNavigatorX on AppNavigator {
         Routes.settingsCallRoute,
         Routes.langRoute,
         Routes.themeRoute,
+        Routes.invitedRoute,
+        Routes.detailGroupRoute,
       ];
 
   Widget getWidgetByRoute({
@@ -288,6 +305,12 @@ extension AppNavigatorX on AppNavigator {
         return const LanguageScreen();
       case Routes.themeRoute:
         return const ThemeScreen();
+      case Routes.invitedRoute:
+        return const InvitedChatScreen();
+      case Routes.detailGroupRoute:
+        return DetailGroupScreen(
+          meeting: arguments?['meeting'],
+        );
       default:
         return const SizedBox();
     }

lib/core/navigator/app_routes.dart

@@ -21,6 +21,8 @@ class Routes {
 
   // Chat
   static const String conversationRoute = '/conversation';
+  static const String invitedRoute = '/invited';
+  static const String detailGroupRoute = '/detail-group';
 
   // Others
   static const String dialogRoute = '/dialog';