README.md

@@ -1,16 +1,8 @@
-# telnow_mobile_new
-
-A new Flutter project.
-
-## Getting Started
-
-This project is a starting point for a Flutter application.
-
-A few resources to get you started if this is your first Flutter project:
-
-- [Lab: Write your first Flutter app](https://docs.flutter.dev/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://docs.flutter.dev/cookbook)
-
-For help getting started with Flutter development, view the
-[online documentation](https://docs.flutter.dev/), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.
+# telnow_2025
+Telnow Mobile Application - Build with Flutter.
+
+Change log
+V4.0.15 - 2508.01
+- Upgrade flutter
+- Penyesuaian plugin (upgrade & penggantian yg incompatible)
+- Penambahan fitur change priority on request

assets/lang/en.json

@@ -317,5 +317,6 @@
    "letMeWrite": "Let me write it!",
    "writeHere": "Write here..",
    "ratingAspect": "Rating Aspect",
-   "sendingRequest": "Sending requests"
+   "sendingRequest": "Sending requests",
+   "changePriority": "Change Priority"
 }

assets/lang/id.json

@@ -317,5 +317,6 @@
    "letMeWrite": "Saya punya pendapat lain!",
    "writeHere": "Tulis disini..",
    "ratingAspect": "Aspek Penilaian",
-   "sendingRequest": "Mengirim permintaan"
+   "sendingRequest": "Mengirim permintaan",
+   "changePriority": "Ubah Prioritas"
 }

assets/lang/ja.json

@@ -317,5 +317,6 @@
    "letMeWrite": "書かせてください！",
    "writeHere": "ここに書いてください。",
    "ratingAspect": "評価面",
-   "sendingRequest": "リクエストの送信"
+   "sendingRequest": "リクエストの送信",
+   "changePriority": "優先順位を変更する"
 }

assets/lang/ko.json

@@ -317,5 +317,6 @@
    "letMeWrite": "내가 쓰게 해주세요!",
    "writeHere": "여기 쓰시 오..",
    "ratingAspect": "평가 측면",
-   "sendingRequest": "요청 보내기"
+   "sendingRequest": "요청 보내기",
+   "changePriority": "우선순위 변경"
 }

assets/lang/zh.json

@@ -317,5 +317,6 @@
    "letMeWrite": "让我来写吧！",
    "writeHere": "写在这里..",
    "ratingAspect": "评级方面",
-   "sendingRequest": "发送请求"
+   "sendingRequest": "发送请求",
+   "changePriority": "改变优先级"
 }

lib/app_router.dart

@@ -52,7 +52,6 @@ class AppRouter extends RootStackRouter {
   List<AutoRouteGuard> get appGuards => [
     AutoRouteGuard.simple((resolver, router) async{
       RouteMatch<dynamic> vRedirector = resolver.route;
-      var codeFromUrl = '';
       String? rawPid = '';
       var pid;
       bool stb = false;
@@ -69,7 +68,7 @@ class AppRouter extends RootStackRouter {
         router.pushNamed("/qr?new=true");
       }
 
-      if(vRedirector.fragment != null && vRedirector.fragment != '' && U.getAccessCode() != null){
+      if(vRedirector.fragment != '' && U.getAccessCode() != null){
         await _sharedPreferencesManager.clearKey(SharedPreferencesManager.keyBaseUrl);
         await _sharedPreferencesManager.clearKey(SharedPreferencesManager.keyAccessCode);
         await _sharedPreferencesManager.clearKey(SharedPreferencesManager.keySerialCode);

lib/main.dart

@@ -28,7 +28,7 @@ import 'package:http/http.dart' as http;
 
 import 'app_router.dart';
 
-final SharedPreferencesManager _sharedPreferencesManager = locator<SharedPreferencesManager>();
+// final SharedPreferencesManager _sharedPreferencesManager = locator<SharedPreferencesManager>();
 var isDebug = true;
 
 class MyHttpOverrides extends HttpOverrides {
@@ -180,7 +180,7 @@ class NotificationClass {
       // print('tokennya');
       // print(token);
       if (token != null) {
-        var res = _apiAuthProvider.postDataNoAuth('/api/notifications/received/$token/$mid').then((value) =>
+        _apiAuthProvider.postDataNoAuth('/api/notifications/received/$token/$mid').then((value) =>
             print('sukses kirim confirm')
         );
       }
@@ -227,7 +227,7 @@ class NotificationClass {
     FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
     FirebaseMessaging.instance.getInitialMessage().then((RemoteMessage? message) {
       if (message != null && !U.hidePayload) {
-        print(message.data);
+        // print(message.data);
         goNotification(message.data, context);
       }
     });

lib/src/api/api_auth_provider.dart

@@ -24,9 +24,9 @@ class ApiAuthProvider {
   final Dio _dio = new Dio();
   final SharedPreferencesManager _sharedPreferencesManager = locator<SharedPreferencesManager>();
 
-  final String displayVersion = '4.0.14'; //versi aplikasi untuk di tampilkan
+  final String displayVersion = '4.0.15'; //versi aplikasi untuk di tampilkan
   final int currentVersion = 40; //versi aplikasi yang digunakan untuk pengecekan versi
-  final String buildNumber = '2501.01';
+  final String buildNumber = '2508.01';
 
 //  final String companyName = '999';
 //  final String _baseUrl = 'http://139.162.7.140:9090/';

lib/src/layouts/auth/change_code.dart

@@ -85,7 +85,7 @@ class _ChangeCodePageState extends State<ChangeCodePage> {
               gradient: LinearGradient(
                 begin: Alignment.topCenter, end: Alignment.bottomCenter,
                 colors: [
-                  primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                  primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                 ]
               )
             )

lib/src/layouts/auth/login.dart

@@ -82,7 +82,7 @@ class _LoginPageState extends State<LoginPage> {
               padding: EdgeInsets.fromLTRB(16, kIsWeb?80:50, 16, 16),
               width: MediaQuery.of(context).size.width,
               height: kIsWeb && MediaQuery.of(context).size.height<700 ? 700 : MediaQuery.of(context).size.height,
-              decoration: BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)])),
+              decoration: BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)])),
               child: Column(
                 children: [
                   kIsWeb?Container():Container(
@@ -139,7 +139,7 @@ class _LoginPageState extends State<LoginPage> {
                                     ),
                                   ),
                                   decoration: BoxDecoration(
-                                      color: primaryColor.withOpacity(0.50),
+                                      color: primaryColor.withValues(alpha: 0.50),
                                       border: Border.all(color: Colors.white),
                                       borderRadius: BorderRadius.all(Radius.circular(12))
                                   ),
@@ -445,7 +445,7 @@ class _ForceChgPassPageState extends State<ForceChgPassPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -507,7 +507,7 @@ class _ForceChgPassPageState extends State<ForceChgPassPage> {
                               margin: EdgeInsets.only(top: 40, bottom: 20),
                               padding: EdgeInsets.symmetric(vertical: 16),
                               decoration: BoxDecoration(
-                                  color: primaryColor.withOpacity(0.50),
+                                  color: primaryColor.withValues(alpha: 0.50),
                                   border: Border.all(color: Colors.white),
                                   borderRadius: BorderRadius.all(Radius.circular(12))
                               ),

lib/src/layouts/auth/qr.dart

@@ -96,7 +96,7 @@ class _NewQrPageState extends State<NewQrPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -123,7 +123,7 @@ class _NewQrPageState extends State<NewQrPage> {
                           child: Container(
                             padding: EdgeInsets.symmetric(vertical: 32, horizontal: 64),
                             decoration: BoxDecoration(
-                                color: primaryColor.withOpacity(0.50),
+                                color: primaryColor.withValues(alpha: 0.50),
                                 border: Border.all(color: Colors.white),
                                 borderRadius: BorderRadius.all(Radius.circular(12))
                             ),

lib/src/layouts/components/auto_login.dart

@@ -165,7 +165,7 @@ class _AutoLoginPageState extends State<AutoLoginPage> {
                   gradient: LinearGradient(
                       begin: Alignment.topCenter, end: Alignment.bottomCenter,
                       colors: [
-                        primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                        primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                       ]
                   )
               ),
@@ -221,7 +221,7 @@ class _AutoLoginPageState extends State<AutoLoginPage> {
                             margin: EdgeInsets.only(top: 40, bottom: 60),
                             padding: EdgeInsets.symmetric(vertical: 16),
                             decoration: BoxDecoration(
-                                color: primaryColor.withOpacity(0.50),
+                                color: primaryColor.withValues(alpha: 0.50),
                                 border: Border.all(color: Colors.white),
                                 borderRadius: BorderRadius.all(Radius.circular(12))
                             ),

lib/src/layouts/components/error_page.dart

@@ -52,12 +52,12 @@ class _ErrorPageState extends State<ErrorPage> {
             }),
           ),
           Container(
-            // decoration: BoxDecoration(color: Color(0xff0D497F).withOpacity(0.85)),
+            // decoration: BoxDecoration(color: Color(0xff0D497F).withValues(alpha: 0.85)),
             decoration: BoxDecoration(
                 gradient: LinearGradient(
                     begin: Alignment.topCenter, end: Alignment.bottomCenter,
                     colors: [
-                      primaryColor.withOpacity(0.50), Colors.black.withOpacity(0.91)
+                      primaryColor.withValues(alpha: 0.50), Colors.black.withValues(alpha: 0.91)
                     ]
                 )
             ),

lib/src/layouts/components/photo_chat.dart

@@ -76,7 +76,7 @@ class _PhotoChatState extends State<PhotoChat> {
         bottomOpacity: 0,
         titleSpacing: 0,
         title: Text('sendPicture'.tr(), style: TextStyle(color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         leading: GestureDetector(
           child: U.iconsax('arrow-left', color: Colors.white),
           onTap: () => Navigator.of(context).pop(),

lib/src/layouts/components/template.dart

@@ -72,7 +72,7 @@ Widget textHorizontal(String title, String subtitle, {double size = 14, double o
   return Row(
     crossAxisAlignment: CrossAxisAlignment.start,
     children: [
-      Text(title, style: TextStyle(color: textColor.withOpacity(opacity), fontSize: size)),
+      Text(title, style: TextStyle(color: textColor.withValues(alpha: opacity), fontSize: size)),
       Expanded(
         child: Text(subtitle, style: TextStyle(color: textColor, fontSize: size), maxLines: 3, overflow: TextOverflow.ellipsis, textAlign: TextAlign.right),
       ),
@@ -81,7 +81,7 @@ Widget textHorizontal(String title, String subtitle, {double size = 14, double o
 }
 
 Widget divider({opacity = 0.15}){
-  return Divider(height: 1, thickness: 1, color: textColor.withOpacity(opacity));
+  return Divider(height: 1, thickness: 1, color: textColor.withValues(alpha: opacity));
 }
 
 Widget dashed({double top = 8, double bottom = 8, double left = 0, double right = 0, Color color = textColor, double width = double.infinity}){
@@ -109,7 +109,7 @@ Widget categoryContainer({required BuildContext context, required String iconUrl
         color: Colors.white,
         borderRadius: BorderRadius.all(Radius.circular(20)),
         border: Border.all(width: 0.2, color: Colors.black12),
-        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
     ),
   );
 }
@@ -167,7 +167,7 @@ Widget requestTiles({required String image, required String title, required Stri
     ),
     decoration: BoxDecoration(
         color: Colors.white,
-        border: border?Border.all(color: textColor.withOpacity(0.15)):null,
+        border: border?Border.all(color: textColor.withValues(alpha: 0.15)):null,
         borderRadius: border?BorderRadius.all(Radius.circular(12)):null
     ),
   );
@@ -177,13 +177,13 @@ Widget imageTiles({required String imageUrl, double width = 100, double height =
   return imageUrl != "null" ? Container(
     padding: EdgeInsets.fromLTRB(1, 0, 1, 0),
     decoration: BoxDecoration(
-      color: textColor.withOpacity(0.1),
+      color: textColor.withValues(alpha: 0.1),
       borderRadius: BorderRadius.all(Radius.circular(radius)),
     ),
     child: Container(
       width: width, height: height,
       decoration: BoxDecoration(
-        color: textColor.withOpacity(0.1),
+        color: textColor.withValues(alpha: 0.1),
         borderRadius: BorderRadius.all(Radius.circular(radius)),
         image: DecorationImage(
           image: CachedNetworkImageProvider(imageUrl+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(imageUrl+'?bridge-cache=true'))),
@@ -216,14 +216,14 @@ Widget loginFieldTemplate({required String value, placeholder = '', required act
         cursorColor: Colors.white,
         decoration: InputDecoration(
             hintText: placeholder,
-            hintStyle: TextStyle(fontSize: 16, color: Colors.white.withOpacity(0.6)),
+            hintStyle: TextStyle(fontSize: 16, color: Colors.white.withValues(alpha: 0.6)),
             filled: true,
-            fillColor: Colors.white.withOpacity(0.25),
-            hoverColor: Colors.white.withOpacity(0.26),
+            fillColor: Colors.white.withValues(alpha: 0.25),
+            hoverColor: Colors.white.withValues(alpha: 0.26),
             contentPadding: EdgeInsets.all(16),
             border: InputBorder.none,
             suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-            suffixIcon: isPassword?GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', color: Colors.white.withOpacity(0.6)), onTap: ()=>fieldState(()=>hidePass=!hidePass)):null,
+            suffixIcon: isPassword?GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', color: Colors.white.withValues(alpha: 0.6)), onTap: ()=>fieldState(()=>hidePass=!hidePass)):null,
             enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Colors.white)),
             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Colors.white)),
             isDense: true
@@ -243,7 +243,7 @@ Widget loadingTemplate(){
         indicatorType: Indicator.ballPulseRise,
         colors: U.defaultRainbowColors(),
         strokeWidth: 2,
-        backgroundColor: Colors.black.withOpacity(0),
+        backgroundColor: Colors.black.withValues(alpha: 0),
         pathBackgroundColor: Colors.black,
       ),
     ),
@@ -256,7 +256,7 @@ Widget infoContainer(String text){
     padding: EdgeInsets.all(12),
     child: Text(text, style: TextStyle(color: textColor), textAlign: TextAlign.center),
     decoration: BoxDecoration(
-        color: secondaryColor.withOpacity(0.1),
+        color: secondaryColor.withValues(alpha: 0.1),
         border: Border.all(color: secondaryColor),
         borderRadius: BorderRadius.all(Radius.circular(12))
     ),
@@ -280,7 +280,7 @@ class PhotoPreview extends StatelessWidget {
         bottomOpacity: 0,
         titleSpacing: 0,
         title: Text(title, style: TextStyle(color: Colors.white, fontSize: 17, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         leading: GestureDetector(
           child: U.iconsax('arrow-left', color: Colors.white),
           onTap: () => Navigator.of(context).pop(),
@@ -312,7 +312,7 @@ class PhotoPreviewGallery extends StatelessWidget {
       backgroundColor: Colors.black,
       appBar: AppBar(
         title: Text(title, style: TextStyle(fontSize: 18)),
-        backgroundColor: Colors.black.withOpacity(0.4),
+        backgroundColor: Colors.black.withValues(alpha: 0.4),
         titleSpacing: 0,
         leading: new IconButton(
           icon: new Icon(Icons.arrow_back_rounded),
@@ -696,7 +696,7 @@ class NoImageFound extends StatelessWidget {
             child: BackdropFilter(
               filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
               child: Container(
-                color: Colors.grey.withOpacity(0.5),
+                color: Colors.grey.withValues(alpha: 0.5),
                 alignment: Alignment.center,
                 child: show
                     ? Container(

lib/src/layouts/functions/detail.dart

@@ -63,7 +63,7 @@ class DetailFunction{
   openAttachment(list) async{
     var filePath = await token.getPath()+'/TelNow/Files/';
     if(!File(filePath+getFileName(list['responseAttachment'])).existsSync()){
-      print("file isnot ready yet");
+      // print("file isnot ready yet");
       await apiAuthProvider.downloadImage(list['responseAttachment'], filePath+getFileName(list['responseAttachment']));
     }
     await OpenFile.open(filePath+getFileName(list['responseAttachment']));

lib/src/layouts/functions/request.dart

@@ -144,14 +144,15 @@ class RequestFunction{
     }
   }
 
-  sendRequest(BuildContext context, widget, controllerNote, controllerLocation, controllerDateString) async{
+  sendRequest(BuildContext context, widget, controllerNote, controllerLocation, controllerDateString, currentSliderValue) async{
     showLoading(context, lottie: kIsWeb && !isCanvasKit ? null : 'Paperplane.json', text: 'sendingRequest'.tr());
     var data;
     data = {
       'note': controllerNote.text.trim() == '' ? '' : controllerNote.text.trim(),
       'location': Provider.of<CreateSerModule>(context, listen: false).locationType() == 2 ? controllerLocation.text.trim() : Provider.of<CreateSerModule>(context, listen: false).defaultLocation(),
       'sendLater': Provider.of<CreateSerModule>(context, listen: false).sendLater(),
-      'datetimeScheduled': controllerDateString.text.trim()
+      'datetimeScheduled': controllerDateString.text.trim(),
+      'requestPriority': getPrioValue(currentSliderValue)
     };
 
     if(!kIsWeb && U.newServerVersion(1709864293) && !U.getInternetStatus()){
@@ -182,7 +183,16 @@ class RequestFunction{
     }
   }
 
-  sendRequestToOthers(BuildContext context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString) async{
+  getPrioValue(currentSliderValue){
+    switch(currentSliderValue){
+      case 0: return 'RENDAH';
+      case 50: return 'NORMAL';
+      case 100: return 'TINGGI';
+      default: return 'NORMAL';
+    }
+  }
+
+  sendRequestToOthers(BuildContext context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString, currentSliderValue) async{
     showLoading(context, lottie: kIsWeb && !isCanvasKit ? null : 'Paperplane.json', text: 'sendingRequest'.tr());
     var data;
     data = {
@@ -193,7 +203,8 @@ class RequestFunction{
         'note': controllerNote.text.trim() == '' ? '' : controllerNote.text.trim(),
         'tenantCode': widget.request['tenantCode'],
         'location': Provider.of<CreateSerModule>(context, listen: false).locationType() == 2 ? controllerLocation.text.trim() : Provider.of<CreateSerModule>(context, listen: false).defaultLocation(),
-        'datetimeScheduled': controllerDateString.text.trim()
+        'datetimeScheduled': controllerDateString.text.trim(),
+        'requestPriority': getPrioValue(currentSliderValue)
       }]
     };
 
@@ -210,7 +221,7 @@ class RequestFunction{
 
       try{
         var res = await apiAuthProvider.postData('/api/receptionists/send/request', null, data, context);
-        print("res ##> $res");
+        // print("res ##> $res");
         if (res != null) {
           Future.delayed(Duration(seconds: 3), (){
             closeLoading(context);

lib/src/layouts/mobile/app_mobile.dart

@@ -192,12 +192,12 @@ class _MobMenuTemplateState extends State<MobMenuTemplate> {
         showUnselectedLabels: true,
         selectedFontSize: 12,
         items: <BottomNavigationBarItem>[
-          BottomNavigationBarItem(icon: U.iconsax(index == 0 ? 'bold/home' : 'home-1', color: index==0 ? primaryColor : Color(0xff292D32).withOpacity(0.5)), label: 'menuHome'.tr()),
+          BottomNavigationBarItem(icon: U.iconsax(index == 0 ? 'bold/home' : 'home-1', color: index==0 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)), label: 'menuHome'.tr()),
           BottomNavigationBarItem(icon: Center(
             child: Stack(
               alignment: Alignment.topRight,
               children: [
-                U.iconsax(index == 1 ? 'bold/archive-2' : 'archive-2', color: index==1 ? primaryColor : Color(0xff292D32).withOpacity(0.5)),
+                U.iconsax(index == 1 ? 'bold/archive-2' : 'archive-2', color: index==1 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)),
                 Container(
                   width: historyMark?11:0, height: historyMark?11:0,
                   decoration: BoxDecoration(color: Colors.red, borderRadius: BorderRadius.all(Radius.circular(50))),
@@ -205,7 +205,7 @@ class _MobMenuTemplateState extends State<MobMenuTemplate> {
               ],
             ),
           ), label: 'menuHistory'.tr()),
-          BottomNavigationBarItem(icon: U.iconsax(index == 2 ? 'bold/personalcard' : 'personalcard', color: index==2 ? primaryColor : Color(0xff292D32).withOpacity(0.5)), label: 'menuAccount'.tr()),
+          BottomNavigationBarItem(icon: U.iconsax(index == 2 ? 'bold/personalcard' : 'personalcard', color: index==2 ? primaryColor : Color(0xff292D32).withValues(alpha: 0.5)), label: 'menuAccount'.tr()),
         ],
       ),
     );

lib/src/layouts/mobile/banner_detail.dart

@@ -69,7 +69,7 @@ class _MobBannerDetailPageState extends State<MobBannerDetailPage> {
                       height: U.bodyWidth(context) / (kIsWeb ? 2.1 : 1.7),
                       child: Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                       decoration: BoxDecoration(
-                        color: textColor.withOpacity(0.1),
+                        color: textColor.withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                       ),
                     ),

lib/src/layouts/mobile/history_detail.dart

@@ -67,7 +67,7 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                   ],
                 ),
                 decoration: BoxDecoration(
-                    color: primaryColor.withOpacity(0.1),
+                    color: primaryColor.withValues(alpha: 0.1),
                     border: Border.all(color: primaryColor),
                     borderRadius: BorderRadius.all(Radius.circular(50))
                 ),
@@ -304,21 +304,21 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                             counterText: '',
                             counterStyle: TextStyle(color: Colors.transparent, fontSize: 0),
                             hintText: 'addNoteCancel'.tr(),
-                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                             filled: true,
                             fillColor: backgroundColor,
-                            hoverColor: Colors.black.withOpacity(0.1),
+                            hoverColor: Colors.black.withValues(alpha: 0.1),
                             contentPadding: EdgeInsets.all(13),
                             prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                             border: InputBorder.none,
-                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                             isDense: true
                         ),
                       ),
                     ),
                     SizedBox(height: 10),
-                    buttonTemplate(text: 'buttonCancel'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
+                    buttonTemplate(text: 'buttonCancel'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
                   ],
                 ),
               ),
@@ -499,7 +499,7 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -508,8 +508,8 @@ class _MobHistoryDetailPageState extends State<MobHistoryDetailPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/mobile/history_detail_pending.dart

@@ -92,7 +92,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
                               decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/image/general/Hourglass.png'), fit: BoxFit.cover)),
                             ),
                             SizedBox(width: 5),
-                            Text('pending'.tr(), style: TextStyle(color: textColor.withOpacity(0.85), fontSize: 14)),
+                            Text('pending'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.85), fontSize: 14)),
                           ],
                         ),
                       ),
@@ -114,7 +114,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
                   children: [
                     Text('pending_info_detail'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                     SizedBox(height: 10),
-                    buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: ()async{
+                    buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: ()async{
                       dialogConfirm(context: context, title: 'buttonCancel'.tr(), text: 'confirmCancel'.tr(), actionYes: ()async{
                         showLoading(context);
 
@@ -174,7 +174,7 @@ class _MobHistoryDetailPendingPageState extends State<MobHistoryDetailPendingPag
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(child: Text(text, style: TextStyle(fontSize: 13, color: textColor), textAlign: TextAlign.end)),
           ],

lib/src/layouts/mobile/history_forum.dart

@@ -283,7 +283,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
               children: [
                 imageTiles(imageUrl: widget.data['_requestImage'] ?? "null", width: 50, height: 40, radius: 4),
                 SizedBox(width: 12),
-                Expanded(child: Text(widget.data[U.langColumn(context, 'requestSubject')], style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 12, fontWeight: FontWeight.w300), maxLines: 2, overflow: TextOverflow.ellipsis))
+                Expanded(child: Text(widget.data[U.langColumn(context, 'requestSubject')], style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 12, fontWeight: FontWeight.w300), maxLines: 2, overflow: TextOverflow.ellipsis))
               ],
             ),
           ),
@@ -391,8 +391,8 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
                                       textAlign: TextAlign.start,
                                     ) : Container(width: 1),
                                     isTranslate ? Container(
-                                      margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                      child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                      margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                      child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                     ) : Container(),
                                   ],
                                 ),
@@ -449,7 +449,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
             ),
           ):Container(
             margin: EdgeInsets.all(20),
-            child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
+            child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
           ),
           openChat?divider():Container(),
           openChat?Container(
@@ -471,10 +471,10 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
                       decoration: InputDecoration(
                           counterText: '',
                           hintText: 'writeMessage'.tr()+'..',
-                          hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                          hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                           filled: true,
                           fillColor: backgroundColor,
-                          hoverColor: Colors.black.withOpacity(0.1),
+                          hoverColor: Colors.black.withValues(alpha: 0.1),
                           contentPadding: EdgeInsets.symmetric(horizontal: kIsWeb?15:13, vertical: kIsWeb?20:13),
                           suffixIcon: GestureDetector(
                             child: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('paperclip-2', color: textColor, size: 24)),
@@ -662,7 +662,7 @@ class _MobHistoryForumPageState extends State<MobHistoryForumPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 75),

lib/src/layouts/mobile/history_rating.dart

@@ -85,7 +85,7 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
                                 child: GestureDetector(
                                   child: Image(
                                     image: AssetImage(rating[i]['image'].toString()),
-                                    color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                    color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                     colorBlendMode: BlendMode.modulate,
                                   ),
                                   onTap: () {
@@ -119,7 +119,7 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
                                   padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
                                   child: Text(aspectList[i]=='OTHER_OPTION'?'letMeWrite'.tr():aspectList[i], style: TextStyle(color: textColor)),
                                   decoration: BoxDecoration(
-                                    color: aspectList[i] == ratingAspect ? primaryColor.withOpacity(0.3) : Colors.white,
+                                    color: aspectList[i] == ratingAspect ? primaryColor.withValues(alpha: 0.3) : Colors.white,
                                     border: Border.all(color: aspectList[i] == ratingAspect ? primaryColor : textColor),
                                     borderRadius: BorderRadius.all(Radius.circular(50))
                                   ),
@@ -184,12 +184,12 @@ class _MobHistoryRatingPageState extends State<MobHistoryRatingPage> {
         counterText: '',
         counterStyle: TextStyle(fontSize: 0),
         hintText: 'writeHere'.tr(),
-        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
         filled: true, fillColor: Colors.white,
         isDense: true,
         contentPadding: EdgeInsets.all(13),
         prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 22)),
-        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
         focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
       ),
     );

lib/src/layouts/mobile/menu_account.dart

@@ -130,7 +130,7 @@ class _MobAccountPageState extends State<MobAccountPage> {
                           SizedBox(height: 20),
                           Row(
                             children: [
-                              Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                              Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                               Text(dnd?'active_dnd'.tr():'inactive_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                               SizedBox(width: 5),
                               GestureDetector(
@@ -171,7 +171,7 @@ class _MobAccountPageState extends State<MobAccountPage> {
                           SizedBox(height: 20),
                           Row(
                             children: [
-                              Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                              Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                               SizedBox(width: 5),
                               GestureDetector(
                                 child: Container(
@@ -220,12 +220,12 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/global', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/global', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                   Text(codeOflang[context.locale.toString()]!, style: TextStyle(color: textColor)),
                                   SizedBox(width: 12),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -237,9 +237,9 @@ class _MobAccountPageState extends State<MobAccountPage> {
                             padding: EdgeInsets.symmetric(vertical: 16),
                             child: Row(
                               children: [
-                                Icon(Icons.g_translate_rounded, color: textColor.withOpacity(0.75)),
+                                Icon(Icons.g_translate_rounded, color: textColor.withValues(alpha: 0.75)),
                                 SizedBox(width: 16),
-                                Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                 Text(autoTranslate?'ON':'OFF', style: TextStyle(color: textColor)),
                                 SizedBox(width: 5),
                                 GestureDetector(
@@ -279,12 +279,12 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/key', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/key', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Text('password'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16)),
+                                  Text('password'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16)),
                                   Expanded(child: Text('settingPasswordText'.tr(), style: TextStyle(color: textColor), overflow: TextOverflow.ellipsis, textAlign: TextAlign.end)),
                                   SizedBox(width: 12),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -300,10 +300,10 @@ class _MobAccountPageState extends State<MobAccountPage> {
                               padding: EdgeInsets.symmetric(vertical: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/logout', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/logout', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),
@@ -341,10 +341,10 @@ class _MobAccountPageState extends State<MobAccountPage> {
                         padding: EdgeInsets.symmetric(vertical: 16),
                         child: Row(
                           children: [
-                            U.iconsax('bold/scan', color: textColor.withOpacity(0.75)),
+                            U.iconsax('bold/scan', color: textColor.withValues(alpha: 0.75)),
                             SizedBox(width: 16),
-                            Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                            U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                            Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                            U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                           ],
                         ),
                       ),

lib/src/layouts/mobile/menu_history.dart

@@ -77,7 +77,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                   ],
                 ),
                 decoration: BoxDecoration(
-                    color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                    color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
               ),
               onTap: () => hisFunc.deleteData(context),
             ),
@@ -97,10 +97,10 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                     child: Container(
                       margin: EdgeInsets.only(left: 16),
                       padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                      child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
+                      child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
                       decoration: BoxDecoration(
                           color: Colors.white,
-                          border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
+                          border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
                     ),
                     onTap: () {
                       if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -113,8 +113,8 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                   GestureDetector(
                     child: Container(
                       padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                      child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                      decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
+                      child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                      decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
                     ),
                     onTap: () {
                       if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -317,7 +317,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                           children: [
                             FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
                             SizedBox(width: 8),
-                            Expanded(child: Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis,))
+                            Expanded(child: Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis,))
                           ],
                         ),
                       )
@@ -464,7 +464,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                       ],
                     ),
                     decoration: BoxDecoration(
-                        color: Provider.of<HistoryModule>(context).selectedIndexes().contains(i) ? primaryColor.withOpacity(0.05) : Colors.white,
+                        color: Provider.of<HistoryModule>(context).selectedIndexes().contains(i) ? primaryColor.withValues(alpha: 0.05) : Colors.white,
                         border: Border(bottom: BorderSide(color: Color(0xffF3F3F3), width: 8))),
                   ),
                   onTap: () {
@@ -522,7 +522,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
           SizedBox(width: 8),
           Text('“$_forumMsg”',
-              style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic),
+              style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic),
               overflow: TextOverflow.ellipsis),
         ],
       ),
@@ -564,7 +564,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                             margin: EdgeInsets.all(10),
                             width: 40,
                             height: 4,
-                            decoration: BoxDecoration(color: Color(0xff292D32).withOpacity(0.2), borderRadius: BorderRadius.all(Radius.circular(10))),
+                            decoration: BoxDecoration(color: Color(0xff292D32).withValues(alpha: 0.2), borderRadius: BorderRadius.all(Radius.circular(10))),
                           ),
                           SizedBox(height: 12),
                           Text('satisfactionAsk'.tr(), style: TextStyle(fontSize: 16)),
@@ -576,7 +576,7 @@ class _MobHistoryPageState extends State<MobHistoryPage> with TickerProviderStat
                                 child: GestureDetector(
                                   child: Image(
                                     image: AssetImage(rating[i]['image'].toString()),
-                                    color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                    color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                     colorBlendMode: BlendMode.modulate,
                                   ),
                                   // child: Icon(rating[i]['icon'] as IconData, color: tempRating == rating[i]['key']?rating[i]['color'] as Color:Colors.grey),

lib/src/layouts/mobile/menu_home.dart

@@ -89,7 +89,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                             children: [
                               U.iconsax('search-normal-1', color: textColor),
                               SizedBox(width: 13),
-                              Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] != null ? Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] : 'searchAsk'.tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
+                              Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] != null ? Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] : 'searchAsk'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
                             ],
                           ),
                           decoration: BoxDecoration(
@@ -161,7 +161,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                   ],
                                 ),
                                 decoration: BoxDecoration(
-                                    color: primaryColor.withOpacity(0.1),
+                                    color: primaryColor.withValues(alpha: 0.1),
                                     borderRadius: BorderRadius.all(Radius.circular(50))
                                 ),
                               ),
@@ -254,7 +254,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           decoration: BoxDecoration(
                                               color: Colors.white,
                                               borderRadius: BorderRadius.all(Radius.circular(20)),
-                                              boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 3, offset: Offset(0, 1))]
+                                              boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 3, offset: Offset(0, 1))]
                                           ),
                                         ),
                                       ):categoryContainer(context: context, iconUrl: Provider.of<ServiceModule>(context).topMenu()![index]['iconUrl']),
@@ -318,7 +318,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                     ),
                                     decoration: BoxDecoration(
                                         color: Colors.white,
-                                        border: Border.all(color: textColor.withOpacity(0.15)),
+                                        border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                         borderRadius: BorderRadius.all(Radius.circular(12))
                                     ),
                                   ),
@@ -354,7 +354,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                               width: double.infinity, height: double.infinity,
                                               child: Provider.of<ServiceModule>(context).data()[i]['_mobileImage'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                               decoration: BoxDecoration(
-                                                color: textColor.withOpacity(0.1),
+                                                color: textColor.withValues(alpha: 0.1),
                                                 borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12)),
                                                 image: Provider.of<ServiceModule>(context).data()[i]['_mobileImage'] != null ? DecorationImage(
                                                   image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).data()[i]['_mobileImage']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).data()[i]['_mobileImage']))),
@@ -378,7 +378,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                       ),
                                       decoration: BoxDecoration(
                                           color: Colors.white,
-                                          border: Border.all(color: textColor.withOpacity(0.15)),
+                                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                           borderRadius: BorderRadius.all(Radius.circular(12))
                                       ),
                                     ),
@@ -427,7 +427,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           width: double.infinity, height: double.infinity,
                                           child: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                           decoration: BoxDecoration(
-                                            color: textColor.withOpacity(0.1),
+                                            color: textColor.withValues(alpha: 0.1),
                                             borderRadius: BorderRadius.all(Radius.circular(12)),
                                             image: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? DecorationImage(
                                               image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).banner()[i]['image']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).banner()[i]['image']))),
@@ -465,7 +465,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                                 height: 8.0,
                                                 decoration: BoxDecoration(
                                                     borderRadius: BorderRadius.all(Radius.circular(8)),
-                                                    color: primaryColor.withOpacity(index == i ? 1 : 0.3)
+                                                    color: primaryColor.withValues(alpha: index == i ? 1 : 0.3)
                                                 ),
                                               ),
                                             ))
@@ -475,7 +475,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                   ),
                                   decoration: BoxDecoration(
                                       color: Colors.white,
-                                      border: Border.all(color: textColor.withOpacity(0.15)),
+                                      border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                       borderRadius: BorderRadius.all(Radius.circular(12))
                                   ),
                                 ),
@@ -509,7 +509,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                                           Expanded(
                                             child: Text(Provider.of<ServiceModule>(context).quickAct()[i][U.langColumn(context, 'subject')], style: TextStyle(color: textColor, fontWeight: FontWeight.w500), overflow: TextOverflow.ellipsis),
                                           ),
-                                          U.iconsax('arrow-right-3', size: 14, color: textColor.withOpacity(0.75)),
+                                          U.iconsax('arrow-right-3', size: 14, color: textColor.withValues(alpha: 0.75)),
                                         ],
                                       ),
                                       decoration: BoxDecoration(
@@ -528,7 +528,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
                               ),
                               decoration: BoxDecoration(
                                   color: Colors.white,
-                                  border: Border.all(color: textColor.withOpacity(0.15)),
+                                  border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                   borderRadius: BorderRadius.all(Radius.circular(12))
                               ),
                             ) : emptyWidget(left: 0)
@@ -551,7 +551,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
   }
 
   Widget emptyWidget({double left = 16}){
-    return Padding(padding: EdgeInsets.only(left: left), child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14, fontWeight: FontWeight.w400)));
+    return Padding(padding: EdgeInsets.only(left: left), child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14, fontWeight: FontWeight.w400)));
   }
 
   Widget dndStatus(){
@@ -560,7 +560,7 @@ class _MobHomePageState extends State<MobHomePage> with WidgetsBindingObserver {
         width: double.infinity,
         padding: EdgeInsets.symmetric(vertical: 10, horizontal: 16),
         decoration: BoxDecoration(
-            color: Colors.red.withOpacity(0.15),
+            color: Colors.red.withValues(alpha: 0.15),
             border: Border(bottom: BorderSide(color: Colors.red, width: 1.5))
         ),
         child: Row(
@@ -620,7 +620,7 @@ class _MobMenuDisplayPageState extends State<MobMenuDisplayPage> {
               margin: EdgeInsets.only(right: 15),
               child: Text('customize'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
               decoration: BoxDecoration(
-                  color: primaryColor.withOpacity(0.1),
+                  color: primaryColor.withValues(alpha: 0.1),
                   borderRadius: BorderRadius.all(Radius.circular(50))
               ),
             ),
@@ -734,7 +734,7 @@ class _MobMenuEditorPageState extends State<MobMenuEditorPage> {
               margin: EdgeInsets.only(right: 15),
               child: Text('done'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
               decoration: BoxDecoration(
-                  color: primaryColor.withOpacity(0.1),
+                  color: primaryColor.withValues(alpha: 0.1),
                   borderRadius: BorderRadius.all(Radius.circular(50))
               ),
             ),
@@ -774,7 +774,7 @@ class _MobMenuEditorPageState extends State<MobMenuEditorPage> {
                 DragAndDropList(
                   contentsWhenEmpty: Padding(
                     padding: const EdgeInsets.only(top: 16.0, bottom: 16.0),
-                    child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withOpacity(0.60)),),
+                    child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withValues(alpha: 0.60)),),
                   ),
                   canDrag: false,
                   children: List<DragAndDropItem>.generate(data.length, (i){

lib/src/layouts/mobile/message_broadcast.dart

@@ -98,7 +98,7 @@ class _MobMessageBroadcastPageState extends State<MobMessageBroadcastPage> {
         !_isSending ? Padding(
           padding: EdgeInsets.only(right: 20),
           child: GestureDetector(
-            child: U.iconsax('bold/send-1', size: 30, color: _isDisabled ? primaryColor.withOpacity(0.5):primaryColor),
+            child: U.iconsax('bold/send-1', size: 30, color: _isDisabled ? primaryColor.withValues(alpha: 0.5):primaryColor),
             onTap: _isDisabled ? null : ()=>_sendMyMessage(),
           ),
         ):Container()
@@ -245,7 +245,7 @@ class _MobMessageBroadcastPageState extends State<MobMessageBroadcastPage> {
                                 width: double.infinity,
                                 height: 36,
                                 padding: EdgeInsets.only(top: 6, right: 8),
-                                decoration: BoxDecoration(color: Colors.transparent.withOpacity(0.5), gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])),
+                                decoration: BoxDecoration(color: Colors.transparent.withValues(alpha: 0.5), gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])),
                                 child: Align(
                                   child: Row(
                                     mainAxisAlignment: MainAxisAlignment.end,
@@ -258,7 +258,7 @@ class _MobMessageBroadcastPageState extends State<MobMessageBroadcastPage> {
                                 ),
                               ),
                               onTap: () {
-                                print('delete please!');
+                                // print('delete please!');
                                 setState(() {
                                   _filePath = '';
                                   _fileName = '';

lib/src/layouts/mobile/message_chat.dart

@@ -157,14 +157,14 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
 
             downloadImage(data);
           } else if (result.type == DocumentChangeType.modified && isAfterLoad) {
-            print("modified");
+            // print("modified");
             if (messageData.where((element) => element['uniqueId'] == data!['uniqueId']).length > 0) {
               int index = messageData.indexWhere((element) => element['uniqueId'] == data!['uniqueId']);
               messageData[index]['read'] = data!['read'];
               messageData[index]['readStatus'] = data['readStatus'];
             }
           } else if (result.type == DocumentChangeType.removed && isAfterLoad) {
-            print("removed");
+            // print("removed");
           }
         });
         isAfterLoad = true;
@@ -203,7 +203,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
 
   scrollListener() {
     if (scrollController.offset >= scrollController.position.maxScrollExtent) {
-      print('loadMessage');
+      // print('loadMessage');
       getMessage();
     }
   }
@@ -294,7 +294,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
                                               child: Builder(builder: (context) {
                                                 var pdfContainer = Container(
                                                   padding: EdgeInsets.all(6),
-                                                  decoration: BoxDecoration(color: Colors.black12.withOpacity(0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
+                                                  decoration: BoxDecoration(color: Colors.black12.withValues(alpha: 0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
                                                   child: Row(
                                                     mainAxisSize: MainAxisSize.min,
                                                     children: [
@@ -355,8 +355,8 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
                                                   enableInteractiveSelection: false,
                                                 ),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             )
@@ -416,7 +416,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
               ),
             ):Container(
               margin: EdgeInsets.all(20),
-              child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
+              child: Text('noInternetDesc'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0), textAlign: TextAlign.center),
             )
           ],
         ),
@@ -430,7 +430,7 @@ class _MobMessageChatPageState extends State<MobMessageChatPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),

lib/src/layouts/mobile/message_list.dart

@@ -94,7 +94,7 @@ class _MobMessageListPageState extends State<MobMessageListPage> {
                               children: [
                                 Text(messageFunc.timeSet(Provider.of<MessageModule>(context).data()[i]['lastDateTimeSend']), style: TextStyle(fontSize: 11, color: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? Colors.green : Colors.black45)),
                                 SizedBox(height: 4),
-                                Icon(Icons.circle, color: Colors.green.withOpacity(Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
+                                Icon(Icons.circle, color: Colors.green.withValues(alpha: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
                               ],
                             ),
                           ),

lib/src/layouts/mobile/password.dart

@@ -48,7 +48,7 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
                       margin: EdgeInsets.only(bottom: 5),
                       child: Text('titlePassOld'.tr(), style: TextStyle(fontSize: 16, color: textColor)),
                     ),
-                    passwordFieldTemplate(value: controllerOld, iconColor: textColor.withOpacity(0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
+                    passwordFieldTemplate(value: controllerOld, iconColor: textColor.withValues(alpha: 0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
 
                     Container(
                         margin: EdgeInsets.only(top: 20, bottom: 5),
@@ -77,7 +77,7 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
             padding: EdgeInsets.symmetric(vertical: 10, horizontal: 16),
             decoration: BoxDecoration(
                 color: Colors.white,
-                border: Border(top: BorderSide(color: textColor.withOpacity(0.15)))
+                border: Border(top: BorderSide(color: textColor.withValues(alpha: 0.15)))
             ),
             child: buttonTemplate(text: 'buttonSave'.tr(), action: ()async{
               if(controllerOld.trim().isNotEmpty && controllerNew.trim().isNotEmpty && controllerConfirm.trim().isNotEmpty){
@@ -134,17 +134,17 @@ class _MobPasswordPageState extends State<MobPasswordPage> {
           obscureText: hidePass,
           decoration: InputDecoration(
               hintText: placeholder,
-              hintStyle: TextStyle(fontSize: 16, color: color.withOpacity(0.5)),
+              hintStyle: TextStyle(fontSize: 16, color: color.withValues(alpha: 0.5)),
               filled: true,
               fillColor: Colors.white,
-              hoverColor: textColor.withOpacity(0.1),
+              hoverColor: textColor.withValues(alpha: 0.1),
               contentPadding: EdgeInsets.all(16),
               border: InputBorder.none,
               prefixIcon: U.iconsax('bold/key', size: 24, color: iconColor),
               suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withOpacity(0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
-              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
-              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
+              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withValues(alpha: 0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
+              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
+              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
               isDense: true
           ),
           onChanged: (val)=>action(val.toString()),

lib/src/layouts/mobile/request_create.dart

@@ -28,6 +28,17 @@ class MobReqCreatePage extends StatefulWidget {
   State<MobReqCreatePage> createState() => _MobReqCreatePageState();
 }
 
+getColorScheme(val){
+  var color;
+  switch (val){
+    case 0: color = Color(0xFF4FB66C); break;
+    case 50: color = Color(0xFFFFA800); break;
+    case 100: color = Color(0xFFC9223B); break;
+    default: color = Color(0xFF4FB66C);
+  }
+  return color;
+}
+
 class _MobReqCreatePageState extends State<MobReqCreatePage> {
   final RequestFunction reqFunc = RequestFunction();
   final SharedPreferencesManager sharedPreferencesManager = locator<SharedPreferencesManager>();
@@ -39,6 +50,8 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
   TextEditingController controllerUserId = new TextEditingController()..text = '';
 
   FocusNode focusNodeLocation = new FocusNode();
+  double _currentSliderValue = 0;
+  Color sliderColor = getColorScheme(0);
 
   @override
   void initState() {
@@ -51,6 +64,13 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
     reqFunc.getSuggestionLocation(context);
     U.getOtherLabelList(context);
 
+    switch (widget.request['requestPriority']){
+      case 'RENDAH': _currentSliderValue = 0; break;
+      case 'NORMAL': _currentSliderValue = 50; break;
+      case 'TINGGI': _currentSliderValue = 100; break;
+    }
+    sliderColor = getColorScheme(_currentSliderValue);
+
     // TODO: implement initState
     super.initState();
   }
@@ -78,7 +98,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                       margin: EdgeInsets.only(bottom: 21),
                       width: double.infinity, height: U.bodyWidth(context)/(kIsWeb?2.1:1.7),
                       decoration: widget.request['_mobileImage'] != null ? BoxDecoration(
-                        color: Color(0xff292D32).withOpacity(0.1),
+                        color: Color(0xff292D32).withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                         image: DecorationImage(
                           image: CachedNetworkImageProvider(widget.request['_mobileImage']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(widget.request['_mobileImage']))),
@@ -103,7 +123,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                         ],
                       ),
                       decoration: BoxDecoration(
-                          border: Border.all(color: textColor.withOpacity(0.15)),
+                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                           borderRadius: BorderRadius.all(Radius.circular(12))
                       ),
                     ),
@@ -133,8 +153,8 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                               ],
                             ),
                             decoration: BoxDecoration(
-                                color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withOpacity(0.15):Colors.white,
-                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withOpacity(0.15)),
+                                color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withValues(alpha: 0.15)),
                                 borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12))
                             ),
                           ),
@@ -147,8 +167,8 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                             margin: EdgeInsets.only(bottom: 21, top: widget.request['scanToRequest'] ? 8 : 0),
                             padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                             decoration: BoxDecoration(
-                                color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor.withOpacity(0.15):Colors.white,
-                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor:textColor.withOpacity(0.15)),
+                                color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==2?primaryColor:textColor.withValues(alpha: 0.15)),
                                 borderRadius: widget.request['scanToRequest'] ? BorderRadius.all(Radius.circular(12.0)) : BorderRadius.only(bottomLeft: Radius.circular(12), bottomRight: Radius.circular(12))
                             ),
                             child: Row(
@@ -177,14 +197,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                             readOnly: (!kIsWeb && widget.request['scanToRequest']) || Provider.of<CreateSerModule>(context).locationType() == 1 ? true : false,
                                             searchInputDecoration: SearchInputDecoration(
                                                 hintText: widget.request['scanToRequest'] && !kIsWeb ? 'pleaseScan'.tr() : 'placeholderLocation'.tr(),
-                                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                                 filled: true,
                                                 fillColor: backgroundColor,
-                                                hoverColor: Colors.black.withOpacity(0.1),
+                                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                                 contentPadding: EdgeInsets.all(13),
                                                 border: InputBorder.none,
-                                                disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
-                                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                                disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
+                                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                                 isDense: true
                                             ),
@@ -204,7 +224,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                             }
                                           }
                                         },
-                                        onTapCancel: () => print("gasido cah"),
+                                        onTapCancel: () => print(" "),
                                       ),
                                     ],
                                   ),
@@ -263,13 +283,13 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                   readOnly: false,
                                   decoration: InputDecoration(
                                       hintText: U.otherLabelList()['placeholder-${context.locale.toString()}']??'typeId'.tr(),
-                                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                       filled: true,
                                       fillColor: backgroundColor,
-                                      hoverColor: Colors.black.withOpacity(0.1),
+                                      hoverColor: Colors.black.withValues(alpha: 0.1),
                                       contentPadding: EdgeInsets.all(13),
                                       border: InputBorder.none,
-                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                       isDense: true
                                   ),
@@ -288,14 +308,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                             readOnly: true,
                             decoration: InputDecoration(
                                 hintText: 'selectDate'.tr(),
-                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                 filled: true,
                                 fillColor: backgroundColor,
-                                hoverColor: Colors.black.withOpacity(0.1),
+                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                 contentPadding: EdgeInsets.all(13),
                                 prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('calendar-edit', color: textColor, size: 24)),
                                 border: InputBorder.none,
-                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                 isDense: true
                             ),
@@ -360,19 +380,19 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                         indicatorType: Indicator.ballPulseRise,
                                         colors: U.defaultRainbowColors(),
                                         strokeWidth: 1,
-                                        backgroundColor: Colors.black.withOpacity(0),
+                                        backgroundColor: Colors.black.withValues(alpha: 0),
                                         pathBackgroundColor: Colors.black,
                                       ),
                                     ) : Icon(Icons.add_rounded, color: Colors.black26, size: 40),
                                     decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5)), border: Border.all(color: Colors.black26, width: 2)),
                                   ),
                                   onTap: ()=>pickupImageNew(),
-                                ) : Container()
+                                ) : Container(),
                               ],
                             ) : GestureDetector(
                               child: Container(
                                 padding: EdgeInsets.symmetric(horizontal: 8, vertical: 12),
-                                decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withOpacity(0.2)),
+                                decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withValues(alpha: 0.2)),
                                 child: Row(
                                   children: [
                                     U.iconsax('image', color: primaryColor, size: 30),
@@ -382,7 +402,69 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                                 ),
                               ),
                               onTap: ()=>pickupImageNew(),
-                            )
+                            ),
+                            U.newServerVersion(1736473802) ? Column(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: [
+                                SizedBox(height: 36),
+                                Text('changePriority'.tr(), style: TextStyle(color: textColor, fontWeight: FontWeight.w600)),
+                                SizedBox(height: 12),
+                                Container(
+                                  height: 32,
+                                  decoration: BoxDecoration(
+                                    color: Colors.white,
+                                    borderRadius: BorderRadius.circular(25.0),
+                                    border: Border.all(
+                                      width: 3.0,
+                                      color: Colors.transparent,
+                                    ),
+                                    gradient: LinearGradient(
+                                      colors: [
+                                        Color(0xFF4FB66C).withValues(alpha: 1),
+                                        Color(0xFFFFA800).withValues(alpha: 1),
+                                        Color(0xFFC9223B).withValues(alpha: 1),
+                                      ],
+                                      begin: Alignment.topLeft,
+                                      end: Alignment.bottomRight,
+                                    ),
+                                  ),
+                                  child: Container(
+                                    decoration: BoxDecoration(
+                                      color: Colors.white,
+                                      borderRadius: BorderRadius.circular(25.0),
+                                    ),
+                                    child: SliderTheme(
+                                      data: SliderThemeData(
+                                        inactiveTrackColor: Colors.white,
+                                      ),
+                                      child: Slider(
+                                        activeColor: sliderColor,
+                                        value: _currentSliderValue,
+                                        max:100,
+                                        divisions: 2,
+                                        onChanged: (double value) {
+                                          setState(() {
+                                            _currentSliderValue = value;
+                                            sliderColor = getColorScheme(value);
+                                          });
+                                        },
+                                      ),
+                                    ),
+                                  ),
+                                ),
+                                SizedBox(height: 4,),
+                                Center(
+                                    child: Row(
+                                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                                      children: [
+                                        Text('priorityLow'.tr(), style: TextStyle(fontSize: 12),),
+                                        Text('priorityNormal'.tr(), style: TextStyle(fontSize: 12)),
+                                        Text('priorityHigh'.tr(), style: TextStyle(fontSize: 12)),
+                                      ],
+                                    )
+                                )
+                              ],
+                            ) : SizedBox()
                           ],
                         ),
                       ],
@@ -415,14 +497,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                     keyboardType: widget.request['noteFormat'] == 'NUMBER' ? TextInputType.number : null,
                     decoration: InputDecoration(
                         hintText: 'placeholderNote'.tr(),
-                        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                         filled: true,
                         fillColor: backgroundColor,
-                        hoverColor: Colors.black.withOpacity(0.1),
+                        hoverColor: Colors.black.withValues(alpha: 0.1),
                         contentPadding: EdgeInsets.all(13),
                         prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                         border: InputBorder.none,
-                        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                        enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                         focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                         isDense: true
                     ),
@@ -436,7 +518,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                           if (controllerDateString.text.trim().isEmpty && widget.request['noteFormat'] == 'DATE'){
                             showError(context, 'dateRequired'.tr());
                           } else {
-                            reqFunc.sendRequestToOthers(context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString);
+                            reqFunc.sendRequestToOthers(context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                           }
                         } else {
                           showError(context, 'idRequired'.tr());
@@ -444,7 +526,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                       } else if (controllerDateString.text.trim().isNotEmpty && widget.request['noteFormat'] == 'DATE'){
                         dialogSendLater();
                       } else {
-                        reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                        reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                       }
                     } else {
                       showError(context, 'lengthMax'.tr());
@@ -492,7 +574,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff131480).withOpacity(0.56), Color(0xff131480).withOpacity(0.90), Color(0xff131480).withOpacity(0.75)
+                                Color(0xff131480).withValues(alpha: 0.56), Color(0xff131480).withValues(alpha: 0.90), Color(0xff131480).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -500,7 +582,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                     onTap: (){
                       navigateBack(contexts);
                       Provider.of<CreateSerModule>(context, listen: false).setSendLater(true);
-                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                     },
                   ),
                 ),
@@ -522,14 +604,14 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff078C84).withOpacity(0.56), Color(0xff078C84).withOpacity(0.90), Color(0xff078C84).withOpacity(0.75)
+                                Color(0xff078C84).withValues(alpha: 0.56), Color(0xff078C84).withValues(alpha: 0.90), Color(0xff078C84).withValues(alpha: 0.75)
                               ]
                           )
                       ),
                     ),
                     onTap: (){
                       navigateBack(contexts);
-                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                     },
                   ),
                 ),
@@ -542,7 +624,7 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
               padding: EdgeInsets.all(3),
               child: Text('scheduledMsg'.tr(), style: TextStyle(color: textColor, fontSize: 12, fontWeight: FontWeight.w300)),
               decoration: BoxDecoration(
-                  color: Color(0xffCCA600).withOpacity(0.2),
+                  color: Color(0xffCCA600).withValues(alpha: 0.2),
                   borderRadius: BorderRadius.all(Radius.circular(3))
               ),
             )
@@ -555,8 +637,9 @@ class _MobReqCreatePageState extends State<MobReqCreatePage> {
   pickupImageNew() async{
     if(Provider.of<CreateSerModule>(context, listen: false).images().length < 5){
       if (kIsWeb) {
-        var image = await reqFunc.getImageNew(context, ImageSource.gallery);
-        Provider.of<CreateSerModule>(context, listen: false).setImages(image);
+        await reqFunc.getImageNew(context, ImageSource.gallery).then((img){
+          img != null ? Provider.of<CreateSerModule>(context, listen: false).setImages(img) : (){};
+        });
       } else{
         showModalBottomSheet<void>(
             context: context,

lib/src/layouts/mobile/request_select.dart

@@ -60,14 +60,14 @@ class _MobReqSelectPageState extends State<MobReqSelectPage> {
                   autofocus: widget.groupCode == null,
                   decoration: InputDecoration(
                       hintText: Provider.of<RequestModule>(context).placeholder(),
-                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                       filled: true,
                       fillColor: backgroundColor,
-                      hoverColor: Colors.black.withOpacity(0.1),
+                      hoverColor: Colors.black.withValues(alpha: 0.1),
                       contentPadding: EdgeInsets.all(13),
                       prefixIcon: Padding(padding: EdgeInsets.only(left: 20, right: 13), child: U.iconsax('search-normal-1', color: textColor, size: 24)),
                       border: InputBorder.none,
-                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: const BorderSide(color: primaryColor)),
                       isDense: true
                   ),
@@ -96,7 +96,7 @@ class _MobReqSelectPageState extends State<MobReqSelectPage> {
                             child: Image(image: AssetImage('assets/image/error/EmptyData.png'))
                         ) : Lottie.asset('assets/image/lottie/Nodata.json', width: 250, height: 250, fit: BoxFit.fill),
                         RichText(text: TextSpan(
-                            style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
+                            style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
                             children: <TextSpan>[
                               TextSpan(text: U.getInternetStatus()?'notFoundKeyword'.tr():'noDataText'.tr()),
                               TextSpan(text: U.getInternetStatus()?'"${Provider.of<RequestModule>(context).keyword()}".':'', style: TextStyle(fontWeight: FontWeight.w600)),

lib/src/layouts/mobile/request_success.dart

@@ -120,7 +120,7 @@ class _MobReqSuccessPageState extends State<MobReqSuccessPage> {
                             } : () async{
                               var filePath = await token.getPath()+'/TelNow/Files/';
                               if(!File(filePath+getFileName(list['responseAttachment'])).existsSync()){
-                                print("file isnot ready yet");
+                                // print("file isnot ready yet");
                                 await apiAuthProvider.downloadImage(list['responseAttachment'], filePath+getFileName(list['responseAttachment']));
                               }
                               await OpenFile.open(filePath+getFileName(list['responseAttachment']));
@@ -325,7 +325,7 @@ class _MobReqSuccessPendingPageState extends State<MobReqSuccessPendingPage> {
                         ],
                       ),
                       decoration: BoxDecoration(
-                          color: Colors.red.withOpacity(0.1),
+                          color: Colors.red.withValues(alpha: 0.1),
                           border: Border.all(color: Colors.red),
                           borderRadius: BorderRadius.all(Radius.circular(12))
                       ),

lib/src/layouts/web/app_web.dart

@@ -14,7 +14,7 @@ class _WebAppPageState extends State<WebAppPage> {
 
   @override
   void initState() {
-    // getOtherList();
+    getOtherList();
     begin = true;
     // TODO: implement initState
     super.initState();

lib/src/layouts/web/banner_detail.dart

@@ -81,7 +81,7 @@ class _WebBannerDetailPageState extends State<WebBannerDetailPage> {
                       height: constraints.maxWidth / 3.2,
                       child: Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                       decoration: BoxDecoration(
-                        color: textColor.withOpacity(0.1),
+                        color: textColor.withValues(alpha: 0.1),
                         borderRadius: BorderRadius.all(Radius.circular(12)),
                       ),
                     ),

lib/src/layouts/web/history_detail.dart

@@ -81,7 +81,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       list['currentState'] != 'DIPROSES' && list['currentState'] != 'DIANTRIKAN' && !list['autoResponse'] ? GestureDetector(
                         child: Container(
                           padding: EdgeInsets.symmetric(vertical: 10, horizontal: 15),
-                          decoration: BoxDecoration(color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                          decoration: BoxDecoration(color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
                           child: Row(
                             children: [
                               Text('forum'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
@@ -104,7 +104,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -182,7 +182,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: list['autoResponse'] ? Container() : Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -248,7 +248,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                                   SizedBox(height: 16),
                                   Row(
                                     children: [
-                                      Text('rate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14)),
+                                      Text('rate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14)),
                                       Expanded(
                                         child: list['satisfactionRate'] > 0 ? Row(
                                           mainAxisAlignment: MainAxisAlignment.end,
@@ -295,7 +295,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
           list.isEmpty || list['autoResponse'] || list['currentState'] == 'DISELESAIKAN' || list['currentState'] == 'TUNTAS' || list['currentState'] == 'DIBATALKAN' ? Container() : Container(
             margin: EdgeInsets.symmetric(horizontal: 100),
             padding: EdgeInsets.symmetric(vertical: 25),
-            decoration: BoxDecoration(border: Border(top: BorderSide(color: textColor.withOpacity(0.05)))),
+            decoration: BoxDecoration(border: Border(top: BorderSide(color: textColor.withValues(alpha: 0.05)))),
             child: list['currentState'] == 'DIMULAI' && list['_canNotCancel'] ? Text('canNotCancel2'.tr(), style: TextStyle(color: textColor, fontSize: 14), textAlign: TextAlign.center) : Row(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
@@ -310,14 +310,14 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                           counterText: '',
                           counterStyle: TextStyle(color: Colors.transparent, fontSize: 0),
                           hintText: 'addNoteCancel'.tr(),
-                          hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                          hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                           filled: true,
                           fillColor: backgroundColor,
-                          hoverColor: Colors.black.withOpacity(0.1),
+                          hoverColor: Colors.black.withValues(alpha: 0.1),
                           contentPadding: EdgeInsets.symmetric(vertical: 17, horizontal: 20),
                           prefixIcon: Padding(padding: EdgeInsets.only(left: 20, right: 20), child: U.iconsax('edit-2', color: textColor, size: 24)),
                           border: InputBorder.none,
-                          enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                          enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                           focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                           isDense: true
                       ),
@@ -325,7 +325,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                   ),
                 ),
                 SizedBox(width: 30),
-                buttonTemplate(text: 'buttonCancel'.tr(), width: 200, height: 45, backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
+                buttonTemplate(text: 'buttonCancel'.tr(), width: 200, height: 45, backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: () => detFunc.cancelRequest(context, list, controllerNote))
               ],
             ),
           )
@@ -513,7 +513,7 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -522,8 +522,8 @@ class _WebHistoryDetailPageState extends State<WebHistoryDetailPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/web/history_detail_pending.dart

@@ -54,7 +54,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -81,7 +81,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -102,7 +102,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
                                     decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/image/general/Hourglass.png'), fit: BoxFit.cover)),
                                   ),
                                   SizedBox(width: 5),
-                                  Text('pending'.tr(), style: TextStyle(color: textColor.withOpacity(0.85), fontSize: 14)),
+                                  Text('pending'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.85), fontSize: 14)),
                                 ],
                               )
                             ],
@@ -123,7 +123,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
               children: [
                 Text('pending_info_detail'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                 SizedBox(height: 10),
-                buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withOpacity(0.1), textColor: textColor.withOpacity(0.75), borderColor: textColor.withOpacity(0.20), action: ()async{
+                buttonTemplate(text: 'cancel_pending'.tr(), backgroundColor: textColor.withValues(alpha: 0.1), textColor: textColor.withValues(alpha: 0.75), borderColor: textColor.withValues(alpha: 0.20), action: ()async{
                   dialogConfirm(context: context, title: 'buttonCancel'.tr(), text: 'confirmCancel'.tr(), actionYes: ()async{
                     showLoading(context);
 
@@ -185,7 +185,7 @@ class _WebHistoryDetailPendingPageState extends State<WebHistoryDetailPendingPag
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(child: Text(text, style: TextStyle(fontSize: 13, color: textColor), textAlign: TextAlign.end)),
           ],

lib/src/layouts/web/history_forum.dart

@@ -282,7 +282,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                     child: SingleChildScrollView(
                       child: Container(
                         padding: EdgeInsets.all(20),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
@@ -414,7 +414,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                     SizedBox(height: 16),
                                     Row(
                                       children: [
-                                        Text('rate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14)),
+                                        Text('rate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14)),
                                         Expanded(
                                           child: widget.data['satisfactionRate'] > 0 ? Row(
                                             mainAxisAlignment: MainAxisAlignment.end,
@@ -533,8 +533,8 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                                   textAlign: TextAlign.start,
                                                 ) : Container(width: 1),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             ),
@@ -608,10 +608,10 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                                     decoration: InputDecoration(
                                         counterText: '',
                                         hintText: 'writeMessage'.tr()+'..',
-                                        hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                        hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                         filled: true,
                                         fillColor: backgroundColor,
-                                        hoverColor: Colors.black.withOpacity(0.1),
+                                        hoverColor: Colors.black.withValues(alpha: 0.1),
                                         contentPadding: EdgeInsets.symmetric(vertical: 17, horizontal: 20),
                                         suffixIcon: GestureDetector(
                                           child: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('paperclip-2', color: textColor, size: 24)),
@@ -755,7 +755,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),
@@ -968,7 +968,7 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
         margin: EdgeInsets.fromLTRB(15, 10, 0, 10),
         child: Row(
           children: [
-            Text(label, style: TextStyle(fontSize: 14, color: textColor.withOpacity(0.85))),
+            Text(label, style: TextStyle(fontSize: 14, color: textColor.withValues(alpha: 0.85))),
             SizedBox(width: 5),
             Expanded(
               child: Column(
@@ -977,8 +977,8 @@ class _WebHistoryForumPageState extends State<WebHistoryForumPage> {
                   Text(text, style: TextStyle(fontSize: 13, color: textColor)),
                   note != null && note != '' ? Text(note, style: TextStyle(fontSize: 12, color: primaryColor), textAlign: TextAlign.right) : Container(),
                   U.autoTranslate() && noteTranslate != null && noteTranslate != '' && note != noteTranslate ? Container(
-                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withOpacity(0.3)))),
-                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withOpacity(0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
+                    margin: EdgeInsets.only(top: 1), decoration: BoxDecoration(border: Border(top: BorderSide(color: primaryColor.withValues(alpha: 0.3)))),
+                    child: Text('($noteTranslate)', style: TextStyle(fontSize: 12, color: primaryColor.withValues(alpha: 0.7), fontStyle: FontStyle.italic), textAlign: TextAlign.right),
                   ) : Container(),
                 ],
               ),

lib/src/layouts/web/menu_account.dart

@@ -104,7 +104,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                       children: [
                         Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             children: [
                               Container(
@@ -156,7 +156,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                   Expanded(
                     child: Container(
                       padding: EdgeInsets.all(20),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                       child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
                         children: [
@@ -168,7 +168,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                 SizedBox(height: 20),
                                 Row(
                                   children: [
-                                    Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                                    Expanded(child: Text('set_dnd_status'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                                     Text(dnd?'active_dnd'.tr():'inactive_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14)),
                                     SizedBox(width: 5),
                                     GestureDetector(
@@ -209,7 +209,7 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                 SizedBox(height: 20),
                                 Row(
                                   children: [
-                                    Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16))),
+                                    Expanded(child: Text(serDis?'ser_group'.tr():'req_group'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16))),
                                     SizedBox(width: 5),
                                     GestureDetector(
                                       child: Container(
@@ -257,12 +257,12 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/global', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/global', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                        Expanded(child: Text('language'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                         Text(codeOflang[context.locale.toString()]!, style: TextStyle(color: textColor)),
                                         SizedBox(width: 12),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -274,9 +274,9 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                   padding: EdgeInsets.symmetric(vertical: 16),
                                   child: Row(
                                     children: [
-                                      Icon(Icons.g_translate_rounded, color: textColor.withOpacity(0.75)),
+                                      Icon(Icons.g_translate_rounded, color: textColor.withValues(alpha: 0.75)),
                                       SizedBox(width: 16),
-                                      Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                      Expanded(child: Text('auto_translate'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
                                       Text(autoTranslate?'ON':'OFF', style: TextStyle(color: textColor)),
                                       SizedBox(width: 5),
                                       GestureDetector(
@@ -316,12 +316,12 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/key', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/key', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Text('password'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16)),
+                                        Text('password'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16)),
                                         Expanded(child: Text('settingPasswordText'.tr(), style: TextStyle(color: textColor), overflow: TextOverflow.ellipsis, textAlign: TextAlign.end)),
                                         SizedBox(width: 12),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -337,10 +337,10 @@ class _WebAccountPageState extends State<WebAccountPage> {
                                     padding: EdgeInsets.symmetric(vertical: 16),
                                     child: Row(
                                       children: [
-                                        U.iconsax('bold/logout', color: textColor.withOpacity(0.75)),
+                                        U.iconsax('bold/logout', color: textColor.withValues(alpha: 0.75)),
                                         SizedBox(width: 16),
-                                        Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                        Expanded(child: Text('logout'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                        U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                       ],
                                     ),
                                   ),
@@ -377,10 +377,10 @@ class _WebAccountPageState extends State<WebAccountPage> {
                               padding: EdgeInsets.only(top: 16),
                               child: Row(
                                 children: [
-                                  U.iconsax('bold/scan', color: textColor.withOpacity(0.75)),
+                                  U.iconsax('bold/scan', color: textColor.withValues(alpha: 0.75)),
                                   SizedBox(width: 16),
-                                  Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
-                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)),
+                                  Expanded(child: Text('scan_qr'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 16), overflow: TextOverflow.ellipsis)),
+                                  U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)),
                                 ],
                               ),
                             ),

lib/src/layouts/web/menu_history.dart

@@ -32,7 +32,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
 
   @override
   void initState() {
-    print(U.newServerVersion(1716279633));
+    // print(U.newServerVersion(1716279633));
     Provider.of<HistoryModule>(context, listen: false).reset();
     _animationController = new AnimationController(vsync: this, duration: Duration(seconds: 1));
     _animationController.repeat(reverse: true);
@@ -76,7 +76,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                         U.iconsax('trash', color: primaryColor, size: 20)
                       ],
                     ),
-                    decoration: BoxDecoration(color: primaryColor.withOpacity(0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
+                    decoration: BoxDecoration(color: primaryColor.withValues(alpha: 0.1), border: Border.all(color: primaryColor), borderRadius: BorderRadius.all(Radius.circular(50))),
                   ),
                   onTap: () => hisFunc.deleteData(context),
                 ) : GestureDetector(
@@ -101,8 +101,8 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     GestureDetector(
                       child: Container(
                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                        child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
+                        child: Text('ongoing'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 1 ? 2 : 1))),
                       ),
                       onTap: () {
                         if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -115,8 +115,8 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     GestureDetector(
                       child: Container(
                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 16),
-                        child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withOpacity(0.65), fontSize: 16)),
-                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withOpacity(0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
+                        child: Text('done'.tr(), style: TextStyle(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? textColor : textColor.withValues(alpha: 0.65), fontSize: 16)),
+                        decoration: BoxDecoration(color: Colors.white, border: Border(bottom: BorderSide(color: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? primaryColor : primaryColor.withValues(alpha: 0.3), width: Provider.of<HistoryModule>(context).selectedFilter() == 0 ? 2 : 1))),
                       ),
                       onTap: () {
                         if (!Provider.of<HistoryModule>(context, listen: false).isLoadHistory()) {
@@ -196,14 +196,14 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                   width: double.infinity,
                   padding: EdgeInsets.all(15),
                   margin: EdgeInsets.only(bottom: 15),
-                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   child: Column(
                     children: [
                       Row(
                         mainAxisAlignment: MainAxisAlignment.spaceBetween,
                         children: [
                           Text(convertDate(Provider.of<HistoryModule>(context).dataPending()[i]['datetimeRequest'], context.locale.toString()), style: TextStyle(color: primaryColor, fontSize: 14)),
-                          renderStatus('sending'.tr(), Color(0xff02C539).withOpacity(0.2))
+                          renderStatus('sending'.tr(), Color(0xff02C539).withValues(alpha: 0.2))
                         ],
                       ),
                       SizedBox(height: 10),
@@ -269,7 +269,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                   width: double.infinity,
                   padding: EdgeInsets.all(15),
                   margin: EdgeInsets.only(bottom: 15),
-                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                  decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   child: Column(
                     children: [
                       Row(
@@ -294,7 +294,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                               ],
                             ),
                           ) : Container(),
-                          Provider.of<HistoryModule>(context).dataMisi()[i]['_activeHoldRequest'] != null?renderStatus('hold'.tr(), Color(0xffD3D3D3)):Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DIMULAI'?renderStatus('onProgress'.tr(), Color(0xffCCA600).withOpacity(0.2)):renderStatus('queued'.tr(), Color(0xff02C539).withOpacity(0.2))
+                          Provider.of<HistoryModule>(context).dataMisi()[i]['_activeHoldRequest'] != null?renderStatus('hold'.tr(), Color(0xffD3D3D3)):Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DIMULAI'?renderStatus('onProgress'.tr(), Color(0xffCCA600).withValues(alpha: 0.2)):renderStatus('queued'.tr(), Color(0xff02C539).withValues(alpha: 0.2))
                         ],
                       ),
                       SizedBox(height: 10),
@@ -337,7 +337,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                         children: [
                                           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
                                           SizedBox(width: 8),
-                                          Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic))
+                                          Text('“${Provider.of<HistoryModule>(context).dataMisi()[i]['_forumMsg']}”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic))
                                         ],
                                       ),
                                     ) : Container(),
@@ -408,7 +408,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                     width: double.infinity,
                     padding: EdgeInsets.all(15),
                     margin: EdgeInsets.only(bottom: 15),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     child: Column(
                       children: [
                         Row(
@@ -418,7 +418,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                             Expanded(
                               child: Text('ticketNumber'.tr()+': '+Provider.of<HistoryModule>(context).dataMisi()[i]['ticketNo'], style: TextStyle(color: textColor, fontSize: 14), overflow: TextOverflow.ellipsis),
                             ),
-                            Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DISELESAIKAN' || Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'TUNTAS' ? renderStatus('stateFinish'.tr(), primaryColor.withOpacity(0.4)) : renderStatus('stateCancel'.tr(), Color(0xffD81010).withOpacity(0.4))
+                            Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'DISELESAIKAN' || Provider.of<HistoryModule>(context).dataMisi()[i]['currentState'] == 'TUNTAS' ? renderStatus('stateFinish'.tr(), primaryColor.withValues(alpha: 0.4)) : renderStatus('stateCancel'.tr(), Color(0xffD81010).withValues(alpha: 0.4))
                           ],
                         ),
                         SizedBox(height: 10),
@@ -535,7 +535,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
         children: [
           FadeTransition(opacity: _animationController, child: U.iconsax('messages-3', color: primaryColor)),
           SizedBox(width: 8),
-          Text('“$_forumMsg”', style: TextStyle(color: textColor.withOpacity(0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis),
+          Text('“$_forumMsg”', style: TextStyle(color: textColor.withValues(alpha: 0.75), fontSize: 14, fontStyle: FontStyle.italic), overflow: TextOverflow.ellipsis),
         ],
       ),
     ) : Container();
@@ -600,7 +600,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                   child: GestureDetector(
                                     child: Image(
                                       image: AssetImage(rating[i]['image'].toString()),
-                                      color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                      color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                       colorBlendMode: BlendMode.modulate,
                                     ),
                                     // child: Icon(rating[i]['icon'] as IconData, color: tempRating == rating[i]['key']?rating[i]['color'] as Color:Colors.grey),
@@ -713,7 +713,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                   child: GestureDetector(
                                     child: Image(
                                       image: AssetImage(rating[i]['image'].toString()),
-                                      color: Colors.white.withOpacity(tempRating == rating[i]['key'] ? 1 : 0.3),
+                                      color: Colors.white.withValues(alpha: tempRating == rating[i]['key'] ? 1 : 0.3),
                                       colorBlendMode: BlendMode.modulate,
                                     ),
                                     onTap: () {
@@ -744,7 +744,7 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                         padding: EdgeInsets.symmetric(vertical: 5, horizontal: 10),
                                         child: Text(aspectList[i]=='OTHER_OPTION'?'letMeWrite'.tr():aspectList[i], style: TextStyle(color: textColor)),
                                         decoration: BoxDecoration(
-                                            color: aspectList[i] == ratingAspect ? primaryColor.withOpacity(0.3) : Colors.white,
+                                            color: aspectList[i] == ratingAspect ? primaryColor.withValues(alpha: 0.3) : Colors.white,
                                             border: Border.all(color: aspectList[i] == ratingAspect ? primaryColor : textColor),
                                             borderRadius: BorderRadius.all(Radius.circular(50))
                                         ),
@@ -767,12 +767,12 @@ class _WebHistoryPageState extends State<WebHistoryPage> with TickerProviderStat
                                     counterText: '',
                                     counterStyle: TextStyle(fontSize: 0),
                                     hintText: 'writeHere'.tr(),
-                                    hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                    hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                     filled: true, fillColor: Colors.white,
                                     isDense: true,
                                     contentPadding: EdgeInsets.all(13),
                                     prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 22)),
-                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                     focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
                                   ),
                                 ) : Container(),

lib/src/layouts/web/menu_home.dart

@@ -83,7 +83,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                   children: [
                                     U.iconsax('search-normal-1', color: textColor),
                                     SizedBox(width: 13),
-                                    Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] ?? 'searchAsk'.tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
+                                    Expanded(child: Text(Provider.of<UserModule>(context).profile()['searchText'][context.locale.toString()] ?? 'searchAsk'.tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14), overflow: TextOverflow.ellipsis))
                                   ],
                                 ),
                               ),
@@ -271,7 +271,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                 width: double.infinity,
                                 decoration: BoxDecoration(
                                     color: Colors.white,
-                                    border: Border.all(color: textColor.withOpacity(0.15)),
+                                    border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                     borderRadius: BorderRadius.all(Radius.circular(12))
                                 ),
                                 child: Column(
@@ -282,7 +282,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                         width: double.infinity, height: double.infinity,
                                         child: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? null : Center(child: Text("noImage".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: Colors.black38), textAlign: TextAlign.center)),
                                         decoration: BoxDecoration(
-                                          color: textColor.withOpacity(0.1),
+                                          color: textColor.withValues(alpha: 0.1),
                                           borderRadius: BorderRadius.all(Radius.circular(12)),
                                           image: Provider.of<ServiceModule>(context).banner()[i]['image'] != null ? DecorationImage(
                                             image: CachedNetworkImageProvider(Provider.of<ServiceModule>(context).banner()[i]['image']+'?bridge-cache=true', cacheManager: CacheManager(CacheMan.config(Provider.of<ServiceModule>(context).banner()[i]['image']))),
@@ -318,7 +318,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                             child: Container(
                                               width: index == i ? 16.0 : 8.0,
                                               height: 8.0,
-                                              decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(8)), color: primaryColor.withOpacity(index == i ? 1 : 0.3)),
+                                              decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(8)), color: primaryColor.withValues(alpha: index == i ? 1 : 0.3)),
                                             ),
                                           ))
                                       ),
@@ -338,7 +338,7 @@ class _WebHomePageState extends State<WebHomePage> {
                       Provider.of<UserModule>(context).profile()['topMenu']['show'] != null && Provider.of<UserModule>(context).profile()['topMenu']['show'] == true ? Container(
                         margin: EdgeInsets.only(top: 25, bottom: 25),
                         padding: EdgeInsets.only(top: 20, bottom: 10),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           children: [
                             LayoutBuilder(
@@ -364,7 +364,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                     child: Container(
                                                       padding: EdgeInsets.all(5),
                                                       child: SizedBox(width: size/1.8, height: size/1.8, child: U.iconsax('category', color: Color(0xff564F4F), size: 34)),
-                                                      decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20)), boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 3, offset: Offset(0, 1))]),
+                                                      decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20)), boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 3, offset: Offset(0, 1))]),
                                                     ),
                                                   ) : Container(
                                                     padding: EdgeInsets.all(5),
@@ -373,7 +373,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                         color: Colors.white,
                                                         borderRadius: BorderRadius.all(Radius.circular(20)),
                                                         border: Border.all(width: 0.2, color: Colors.black12),
-                                                        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+                                                        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
                                                     ),
                                                   ),
                                                   SizedBox(height: hideOther ? 0:8),
@@ -412,7 +412,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                               Text('info_dnd'.tr(), style: TextStyle(color: textColor, fontSize: 14))
                                             ],
                                           ),
-                                          decoration: BoxDecoration(color: Color(0xffD81010).withOpacity(0.15), borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xffD81010))),
+                                          decoration: BoxDecoration(color: Color(0xffD81010).withValues(alpha: 0.15), borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xffD81010))),
                                         ),
                                         decoration: BoxDecoration(border: Border(left: BorderSide(color: Colors.grey))),
                                       ),
@@ -440,7 +440,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                       margin: EdgeInsets.only(right: 30),
                                       child: Text('customize'.tr(), style: TextStyle(color: primaryColor, fontSize: 14)),
                                       decoration: BoxDecoration(
-                                          color: primaryColor.withOpacity(0.1),
+                                          color: primaryColor.withValues(alpha: 0.1),
                                           borderRadius: BorderRadius.all(Radius.circular(50))
                                       ),
                                     ),
@@ -471,7 +471,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                                         color: Colors.white,
                                                         borderRadius: BorderRadius.all(Radius.circular(20)),
                                                         border: Border.all(width: 0.2, color: Colors.black12),
-                                                        boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+                                                        boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
                                                     ),
                                                   ),
                                                   SizedBox(height: 8),
@@ -539,7 +539,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                             )
                                           ],
                                         ),
-                                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                                       ),
                                     ),
                                     onTap: ()=>navigateTo(context, WebReqCreatePage(user: Provider.of<UserModule>(context, listen: false).user(), request: Provider.of<ServiceModule>(context, listen: false).specialOffer()[i])),
@@ -590,7 +590,7 @@ class _WebHomePageState extends State<WebHomePage> {
                                               )
                                             ],
                                           ),
-                                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                                         ),
                                       ),
                                       onTap: ()=>navigateTo(context, WebReqCreatePage(user: Provider.of<UserModule>(context, listen: false).user(), request: Provider.of<ServiceModule>(context, listen: false).data()[i])).then((val){
@@ -637,12 +637,12 @@ class _WebHomePageState extends State<WebHomePage> {
                                                 ],
                                               ),
                                             ),
-                                            Padding(padding: EdgeInsets.symmetric(horizontal: 20), child: U.iconsax('arrow-right-3', size: 16, color: textColor.withOpacity(0.75)))
+                                            Padding(padding: EdgeInsets.symmetric(horizontal: 20), child: U.iconsax('arrow-right-3', size: 16, color: textColor.withValues(alpha: 0.75)))
                                           ],
                                         ),
                                         decoration: BoxDecoration(
                                           color: Colors.white,
-                                          border: Border.all(color: textColor.withOpacity(0.15)),
+                                          border: Border.all(color: textColor.withValues(alpha: 0.15)),
                                           borderRadius: BorderRadius.all(Radius.circular(12))
                                         ),
                                       ),
@@ -673,7 +673,7 @@ class _WebHomePageState extends State<WebHomePage> {
     return Container(
       width: double.infinity, alignment: Alignment.center,
       margin: EdgeInsets.symmetric(vertical: 30),
-      child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14, fontWeight: FontWeight.w400)),
+      child: Text("notAvailable".tr(), style: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14, fontWeight: FontWeight.w400)),
     );
   }
 }
@@ -727,7 +727,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                 children: [
                   Container(
                     padding: EdgeInsets.symmetric(vertical: 20, horizontal: 30),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     child: IntrinsicHeight(
                       child: Row(
                         crossAxisAlignment: CrossAxisAlignment.stretch,
@@ -744,7 +744,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                                     DragAndDropList(
                                       contentsWhenEmpty: Padding(
                                         padding: const EdgeInsets.only(top: 16.0, bottom: 16.0),
-                                        child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withOpacity(0.60)),),
+                                        child: Text("emptyMenuAlert".tr(), style: TextStyle(fontStyle: FontStyle.italic, color: primaryColor.withValues(alpha: 0.60)),),
                                       ),
                                       canDrag: false,
                                       children: List<DragAndDropItem>.generate(data.length, (i){
@@ -800,7 +800,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
                           ),
                           Container(
                             width: 1, height: double.infinity,
-                            color: textColor.withOpacity(0.15),
+                            color: textColor.withValues(alpha: 0.15),
                             margin: EdgeInsets.symmetric(horizontal: 30),
                           ),
                           Expanded(
@@ -892,7 +892,7 @@ class _WebMenuEditorPageState extends State<WebMenuEditorPage> {
           color: Colors.white,
           borderRadius: BorderRadius.all(Radius.circular(12)),
           border: Border.all(width: 0.2, color: Colors.black12),
-          boxShadow: [BoxShadow(color: Colors.grey.withOpacity(0.3), blurRadius: 2, offset: Offset(0, 2))]
+          boxShadow: [BoxShadow(color: Colors.grey.withValues(alpha: 0.3), blurRadius: 2, offset: Offset(0, 2))]
       ),
     );
   }

lib/src/layouts/web/message_broadcast.dart

@@ -122,7 +122,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                   color: Colors.white,
                                   child: Row(
                                     children: [
-                                      Icon(selectedTenants.contains(widget.tenants[i]['code'])?Icons.check_box_rounded:Icons.check_box_outline_blank_rounded, color: selectedTenants.contains(widget.tenants[i]['code'])?primaryColor:textColor.withOpacity(0.15)),
+                                      Icon(selectedTenants.contains(widget.tenants[i]['code'])?Icons.check_box_rounded:Icons.check_box_outline_blank_rounded, color: selectedTenants.contains(widget.tenants[i]['code'])?primaryColor:textColor.withValues(alpha: 0.15)),
                                       SizedBox(width: 20),
                                       Expanded(
                                         child: Container(
@@ -150,7 +150,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                             ],
                                           ),
                                           decoration: BoxDecoration(
-                                              color: selectedTenants.contains(widget.tenants[i]['code'])?Color(0xff26DA17).withOpacity(0.2):Colors.white,
+                                              color: selectedTenants.contains(widget.tenants[i]['code'])?Color(0xff26DA17).withValues(alpha: 0.2):Colors.white,
                                               borderRadius: BorderRadius.all(Radius.circular(10))
                                           ),
                                         ),
@@ -162,7 +162,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                               );
                             }),
                           ) : Text('allInformantsInfo'.tr(), style: TextStyle(color: textColor)),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         )
                       ],
                     ),
@@ -185,13 +185,13 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                             decoration: InputDecoration(
                               counterText: '',
                               hintText: 'writeMessage'.tr()+'..',
-                              hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                              hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                               filled: true,
                               fillColor: backgroundColor,
-                              hoverColor: Colors.black.withOpacity(0.1),
+                              hoverColor: Colors.black.withValues(alpha: 0.1),
                               contentPadding: EdgeInsets.all(20),
                               border: InputBorder.none,
-                              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.15))),
+                              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.15))),
                               focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: primaryColor)),
                               isDense: true
                             ),
@@ -214,7 +214,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                     Text(_filePath == '' ? 'addAttachment'.tr() : 'editAttachment'.tr())
                                   ],
                                 ),
-                                decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(50))),
+                                decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(50))),
                               ),
                               onTap: () async {
                                 var allowedExt = ['jpg', 'pdf', 'png', 'jpeg'];
@@ -288,7 +288,7 @@ class _WebMessageBroadcastPageState extends State<WebMessageBroadcastPage> {
                                   height: 36,
                                   padding: EdgeInsets.only(top: 6, right: 8),
                                   decoration: BoxDecoration(
-                                    color: Colors.transparent.withOpacity(0.5),
+                                    color: Colors.transparent.withValues(alpha: 0.5),
                                     gradient: LinearGradient(end: Alignment.bottomCenter, begin: Alignment.center, colors: [Color(0xffDADADA), Colors.white])
                                   ),
                                   child: Align(

lib/src/layouts/web/message_list.dart

@@ -151,14 +151,14 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
               messageData.add(data);
             }
           } else if (result.type == DocumentChangeType.modified && isAfterLoad) {
-            print("modified");
+            // print("modified");
             if (messageData.where((element) => element['uniqueId'] == data!['uniqueId']).length > 0) {
               int index = messageData.indexWhere((element) => element['uniqueId'] == data!['uniqueId']);
               messageData[index]['read'] = data!['read'];
               messageData[index]['readStatus'] = data['readStatus'];
             }
           } else if (result.type == DocumentChangeType.removed && isAfterLoad) {
-            print("removed");
+            // print("removed");
           }
         });
         isAfterLoad = true;
@@ -195,7 +195,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
 
   scrollListener() {
     if (scrollController.offset >= scrollController.position.maxScrollExtent) {
-      print('loadMessage');
+      // print('loadMessage');
       getMessage();
     }
   }
@@ -306,12 +306,12 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                             children: [
                                               Text(messageFunc.timeSet(Provider.of<MessageModule>(context).data()[i]['lastDateTimeSend']), style: TextStyle(fontSize: 11, color: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? Colors.green : Colors.black45)),
                                               SizedBox(height: 4),
-                                              Icon(Icons.circle, color: Colors.green.withOpacity(Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
+                                              Icon(Icons.circle, color: Colors.green.withValues(alpha: Provider.of<MessageModule>(context).data()[i]['lastReadStatus'] == 'UNREAD' && !_isMe ? 1 : 0))
                                             ],
                                           )
                                         ],
                                       ),
-                                      decoration: BoxDecoration(color: idChat != null && idChat == Provider.of<MessageModule>(context, listen: false).data()[i]['chatId'] ? Color(0xff26DA17).withOpacity(0.2) : Colors.white, borderRadius: BorderRadius.all(Radius.circular(12))),
+                                      decoration: BoxDecoration(color: idChat != null && idChat == Provider.of<MessageModule>(context, listen: false).data()[i]['chatId'] ? Color(0xff26DA17).withValues(alpha: 0.2) : Colors.white, borderRadius: BorderRadius.all(Radius.circular(12))),
                                     ),
                                     onTap: ()=>selectMessage(Provider.of<MessageModule>(context, listen: false).data()[i], _isMe),
                                   );
@@ -319,7 +319,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                               ),
                             ),
                           ),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         ),
                         Provider.of<MessageModule>(context).user().isNotEmpty && Provider.of<MessageModule>(context).user()['canSendMessage'] ? Align(
                           alignment: Alignment.bottomRight,
@@ -389,7 +389,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                                         Flexible(child: Text(getImageName(messageData[i]['imageUrl'])))
                                                       ],
                                                     ),
-                                                    decoration: BoxDecoration(color: Colors.black12.withOpacity(0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
+                                                    decoration: BoxDecoration(color: Colors.black12.withValues(alpha: 0.1), borderRadius: BorderRadius.all(Radius.circular(4))),
                                                   );
 
                                                   return pdfContainer;
@@ -429,8 +429,8 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                                                   enableInteractiveSelection: false,
                                                 ),
                                                 isTranslate ? Container(
-                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withOpacity(0.2)))),
-                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withOpacity(0.65), fontStyle: FontStyle.italic)),
+                                                  margin: EdgeInsets.only(top: 2), decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.black.withValues(alpha: 0.2)))),
+                                                  child: Text(messageData[i]['translate']!=''?'(${messageData[i]['translate']})':'...', style: TextStyle(fontSize: 14, color: Colors.black.withValues(alpha: 0.65), fontStyle: FontStyle.italic)),
                                                 ) : Container(),
                                               ],
                                             ) : Container()
@@ -473,7 +473,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
                           )
                         ],
                       ) : Container(),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                     ),
                   )
                 ],
@@ -496,7 +496,7 @@ class _WebMessageListPageState extends State<WebMessageListPage> {
       isDate = true;
       time = Container();
     }
-    Color color = isMe ? primaryColor.withOpacity(0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
+    Color color = isMe ? primaryColor.withValues(alpha: 0.3) : isDate ? Color(0xffD5F5FF) : Color(0xffECECEC);
     var clipPath = ClipPath(
       child: ConstrainedBox(
         constraints: BoxConstraints(minWidth: 50),

lib/src/layouts/web/password.dart

@@ -64,7 +64,7 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
                           margin: EdgeInsets.only(bottom: 5),
                           child: Text('titlePassOld'.tr(), style: TextStyle(fontSize: 16, color: textColor)),
                         ),
-                        passwordFieldTemplate(value: controllerOld, iconColor: textColor.withOpacity(0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
+                        passwordFieldTemplate(value: controllerOld, iconColor: textColor.withValues(alpha: 0.5), color: textColor, placeholder: 'oldPassword'.tr(), action: (val)=>controllerOld=val),
 
                         Container(
                             margin: EdgeInsets.only(top: 30, bottom: 5),
@@ -122,7 +122,7 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
                         })
                       ],
                     ),
-                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                    decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                   ),
                   Expanded(child: Container())
                 ],
@@ -149,17 +149,17 @@ class _WebPasswordPageState extends State<WebPasswordPage> {
           obscureText: hidePass,
           decoration: InputDecoration(
               hintText: placeholder,
-              hintStyle: TextStyle(fontSize: 16, color: color.withOpacity(0.5)),
+              hintStyle: TextStyle(fontSize: 16, color: color.withValues(alpha: 0.5)),
               filled: true,
               fillColor: Colors.white,
-              hoverColor: textColor.withOpacity(0.1),
+              hoverColor: textColor.withValues(alpha: 0.1),
               contentPadding: EdgeInsets.all(16),
               border: InputBorder.none,
               prefixIcon: U.iconsax('bold/key', size: 24, color: iconColor),
               suffixIconConstraints: BoxConstraints(maxHeight: 40, maxWidth: 40, minHeight: 40, minWidth: 40),
-              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withOpacity(0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
-              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
-              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withOpacity(0.5))),
+              suffixIcon: GestureDetector(child: U.iconsax(hidePass?'eye':'eye-slash', size: 24, color: textColor.withValues(alpha: 0.5)), onTap: ()=>fieldState(()=>hidePass=!hidePass)),
+              enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
+              focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: textColor.withValues(alpha: 0.5))),
               isDense: true
           ),
           onChanged: (val)=>action(val.toString()),

lib/src/layouts/web/request_create.dart

@@ -23,6 +23,17 @@ class WebReqCreatePage extends StatefulWidget {
   State<WebReqCreatePage> createState() => _WebReqCreatePageState();
 }
 
+getColorScheme(val){
+  var color;
+  switch (val){
+    case 0: color = Color(0xFF4FB66C); break;
+    case 50: color = Color(0xFFFFA800); break;
+    case 100: color = Color(0xFFC9223B); break;
+    default: color = Color(0xFF4FB66C);
+  }
+  return color;
+}
+
 class _WebReqCreatePageState extends State<WebReqCreatePage> {
   final RequestFunction reqFunc = RequestFunction();
   final SharedPreferencesManager sharedPreferencesManager = locator<SharedPreferencesManager>();
@@ -34,6 +45,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
   TextEditingController controllerUserId = new TextEditingController()..text = '';
 
   FocusNode focusNodeLocation = new FocusNode();
+  double _currentSliderValue = 0;
+  Color sliderColor = getColorScheme(0);
 
   @override
   void initState() {
@@ -80,7 +93,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                   Expanded(
                     child: Container(
                       padding: EdgeInsets.all(20),
-                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                      decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                       child: Column(
                         crossAxisAlignment: CrossAxisAlignment.start,
                         children: [
@@ -150,13 +163,13 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                         readOnly: false,
                                         decoration: InputDecoration(
                                             hintText: U.otherLabelList()['placeholder-${context.locale.toString()}']??'typeId'.tr(),
-                                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                             filled: true,
                                             fillColor: backgroundColor,
-                                            hoverColor: Colors.black.withOpacity(0.1),
+                                            hoverColor: Colors.black.withValues(alpha: 0.1),
                                             contentPadding: EdgeInsets.all(13),
                                             border: InputBorder.none,
-                                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                             isDense: true
                                         ),
@@ -175,14 +188,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                   readOnly: true,
                                   decoration: InputDecoration(
                                       hintText: 'selectDate'.tr(),
-                                      hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                      hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                       filled: true,
                                       fillColor: backgroundColor,
-                                      hoverColor: Colors.black.withOpacity(0.1),
+                                      hoverColor: Colors.black.withValues(alpha: 0.1),
                                       contentPadding: EdgeInsets.all(13),
                                       prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('calendar-edit', color: textColor, size: 24)),
                                       border: InputBorder.none,
-                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                      enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                       focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                       isDense: true
                                   ),
@@ -252,14 +265,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                                     indicatorType: Indicator.ballPulseRise,
                                                     colors: U.defaultRainbowColors(),
                                                     strokeWidth: 1,
-                                                    backgroundColor: Colors.black.withOpacity(0),
+                                                    backgroundColor: Colors.black.withValues(alpha: 0),
                                                     pathBackgroundColor: Colors.black,
                                                   ),
                                                 ) : Icon(Icons.add_rounded, color: Colors.black26, size: 40),
                                                 decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(5)), border: Border.all(color: Colors.black26, width: 2)),
                                               ),
                                               onTap: ()=>pickupImageNew(),
-                                            ) : Container()
+                                            ) : Container(),
                                           ],
                                         );
                                       },
@@ -267,7 +280,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                   ) : GestureDetector(
                                     child: Container(
                                       padding: EdgeInsets.symmetric(horizontal: 8, vertical: 12),
-                                      decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withOpacity(0.2)),
+                                      decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(color: Color(0xFF078C84)), color: Color(0xFFFFFFFF).withValues(alpha: 0.2)),
                                       child: Row(
                                         children: [
                                           U.iconsax('image', color: primaryColor, size: 30),
@@ -277,7 +290,70 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                       ),
                                     ),
                                     onTap: ()=>pickupImageNew(),
-                                  )
+                                  ),
+                                  // Text("MBUH ==> ${U.newServerVersion(1736473802)} X ${U.retServerVersion()}"),
+                                  U.newServerVersion(1736473802) ? Column(
+                                    crossAxisAlignment: CrossAxisAlignment.start,
+                                    children: [
+                                      SizedBox(height: 36),
+                                      Text('changePriority'.tr(), style: TextStyle(color: textColor, fontWeight: FontWeight.w600)),
+                                      SizedBox(height: 12),
+                                      Container(
+                                        height: 32,
+                                        decoration: BoxDecoration(
+                                          color: Colors.white,
+                                          borderRadius: BorderRadius.circular(25.0),
+                                          border: Border.all(
+                                            width: 3.0,
+                                            color: Colors.transparent,
+                                          ),
+                                          gradient: LinearGradient(
+                                            colors: [
+                                              Color(0xFF4FB66C).withValues(alpha: 1),
+                                              Color(0xFFFFA800).withValues(alpha: 1),
+                                              Color(0xFFC9223B).withValues(alpha: 1),
+                                            ],
+                                            begin: Alignment.topLeft,
+                                            end: Alignment.bottomRight,
+                                          ),
+                                        ),
+                                        child: Container(
+                                          decoration: BoxDecoration(
+                                            color: Colors.white,
+                                            borderRadius: BorderRadius.circular(25.0),
+                                          ),
+                                          child: SliderTheme(
+                                            data: SliderThemeData(
+                                              inactiveTrackColor: Colors.white,
+                                            ),
+                                            child: Slider(
+                                              activeColor: sliderColor,
+                                              value: _currentSliderValue,
+                                              max:100,
+                                              divisions: 2,
+                                              onChanged: (double value) {
+                                                setState(() {
+                                                  _currentSliderValue = value;
+                                                  sliderColor = getColorScheme(value);
+                                                });
+                                              },
+                                            ),
+                                          ),
+                                        ),
+                                      ),
+                                      SizedBox(height: 4,),
+                                      Center(
+                                          child: Row(
+                                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                                            children: [
+                                              Text('priorityLow'.tr(), style: TextStyle(fontSize: 12),),
+                                              Text('priorityNormal'.tr(), style: TextStyle(fontSize: 12)),
+                                              Text('priorityHigh'.tr(), style: TextStyle(fontSize: 12)),
+                                            ],
+                                          )
+                                      )
+                                    ],
+                                  ) : SizedBox()
                                 ],
                               ),
                             ],
@@ -300,8 +376,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                 margin: EdgeInsets.only(top: 8),
                                 padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                                 decoration: BoxDecoration(
-                                    color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withOpacity(0.15):Colors.white,
-                                    border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withOpacity(0.15)),
+                                    color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                    border: Border.all(color: Provider.of<CreateSerModule>(context).locationType()==1?primaryColor:textColor.withValues(alpha: 0.15)),
                                     borderRadius: BorderRadius.only(topLeft: Radius.circular(12), topRight: Radius.circular(12))
                                 ),
                                 child: Row(
@@ -330,8 +406,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                 margin: EdgeInsets.only(bottom: 20, top: widget.request['scanToRequest'] ? 8 : 0),
                                 padding: EdgeInsets.symmetric(vertical: 12, horizontal: 15),
                                 decoration: BoxDecoration(
-                                    color: context.watch<CreateSerModule>().locationType()==2?primaryColor.withOpacity(0.15):Colors.white,
-                                    border: Border.all(color: context.watch<CreateSerModule>().locationType()==2?primaryColor:textColor.withOpacity(0.15)),
+                                    color: context.watch<CreateSerModule>().locationType()==2?primaryColor.withValues(alpha: 0.15):Colors.white,
+                                    border: Border.all(color: context.watch<CreateSerModule>().locationType()==2?primaryColor:textColor.withValues(alpha: 0.15)),
                                     borderRadius: widget.request['scanToRequest'] ? BorderRadius.all(Radius.circular(12.0)) : BorderRadius.only(bottomLeft: Radius.circular(12), bottomRight: Radius.circular(12))
                                 ),
                                 child: Row(
@@ -360,14 +436,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                                 readOnly: false,
                                                 searchInputDecoration: SearchInputDecoration(
                                                     hintText: 'placeholderLocation'.tr(),
-                                                    hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                                    hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                                     filled: true,
                                                     fillColor: backgroundColor,
-                                                    hoverColor: Colors.black.withOpacity(0.1),
+                                                    hoverColor: Colors.black.withValues(alpha: 0.1),
                                                     contentPadding: EdgeInsets.all(13),
                                                     border: InputBorder.none,
-                                                    disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
-                                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                                    disabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
+                                                    enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                                     focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                                     isDense: true
                                                 ),
@@ -378,7 +454,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                             onTap: ()async{
                                               context.read<CreateSerModule>().setLocationType(2);
                                             },
-                                            onTapCancel: () => print("gasido cah"),
+                                            onTapCancel: () => print(" "),
                                           ),
                                         ],
                                       ),
@@ -408,14 +484,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                             keyboardType: widget.request['noteFormat'] == 'NUMBER' ? TextInputType.number : null,
                             decoration: InputDecoration(
                                 hintText: 'placeholderNote'.tr(),
-                                hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                                hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                                 filled: true,
                                 fillColor: backgroundColor,
-                                hoverColor: Colors.black.withOpacity(0.1),
+                                hoverColor: Colors.black.withValues(alpha: 0.1),
                                 contentPadding: EdgeInsets.all(13),
                                 prefixIcon: Padding(padding: EdgeInsets.only(left: 13, right: 13), child: U.iconsax('edit-2', color: textColor, size: 24)),
                                 border: InputBorder.none,
-                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                                enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                                 focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(12), borderSide: const BorderSide(color: primaryColor)),
                                 isDense: true
                             ),
@@ -429,7 +505,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                                   if (controllerDateString.text.trim().isEmpty && widget.request['noteFormat'] == 'DATE'){
                                     showError(context, 'dateRequired'.tr());
                                   } else {
-                                    reqFunc.sendRequestToOthers(context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString);
+                                    reqFunc.sendRequestToOthers(context, widget, controllerUserId, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                                   }
                                 } else {
                                   showError(context, 'idRequired'.tr());
@@ -437,7 +513,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                               } else if (controllerDateString.text.trim().isNotEmpty && widget.request['noteFormat'] == 'DATE'){
                                 dialogSendLater();
                               } else {
-                                reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                                reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                               }
                             } else {
                               showError(context, 'lengthMax'.tr());
@@ -489,7 +565,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff131480).withOpacity(0.56), Color(0xff131480).withOpacity(0.90), Color(0xff131480).withOpacity(0.75)
+                                Color(0xff131480).withValues(alpha: 0.56), Color(0xff131480).withValues(alpha: 0.90), Color(0xff131480).withValues(alpha: 0.75)
                               ]
                           )
                       ),
@@ -497,7 +573,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                     onTap: (){
                       navigateBack(contexts);
                       Provider.of<CreateSerModule>(context, listen: false).setSendLater(true);
-                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                     },
                   ),
                 ),
@@ -519,14 +595,14 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
                           gradient: LinearGradient(
                               begin: Alignment.topLeft, end: Alignment.bottomRight,
                               colors: [
-                                Color(0xff078C84).withOpacity(0.56), Color(0xff078C84).withOpacity(0.90), Color(0xff078C84).withOpacity(0.75)
+                                Color(0xff078C84).withValues(alpha: 0.56), Color(0xff078C84).withValues(alpha: 0.90), Color(0xff078C84).withValues(alpha: 0.75)
                               ]
                           )
                       ),
                     ),
                     onTap: (){
                       navigateBack(contexts);
-                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString);
+                      reqFunc.sendRequest(context, widget, controllerNote, controllerLocation, controllerDateString, _currentSliderValue);
                     },
                   ),
                 ),
@@ -539,7 +615,7 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
               padding: EdgeInsets.all(3),
               child: Text('scheduledMsg'.tr(), style: TextStyle(color: textColor, fontSize: 12, fontWeight: FontWeight.w300)),
               decoration: BoxDecoration(
-                  color: Color(0xffCCA600).withOpacity(0.2),
+                  color: Color(0xffCCA600).withValues(alpha: 0.2),
                   borderRadius: BorderRadius.all(Radius.circular(3))
               ),
             )
@@ -550,7 +626,8 @@ class _WebReqCreatePageState extends State<WebReqCreatePage> {
   }
 
   pickupImageNew()async{
-    var image = await reqFunc.getImageNew(context, ImageSource.gallery);
-    Provider.of<CreateSerModule>(context, listen: false).setImages(image);
+    await reqFunc.getImageNew(context, ImageSource.gallery).then((img){
+      img != null ? Provider.of<CreateSerModule>(context, listen: false).setImages(img) : null;
+    });
   }
 }

lib/src/layouts/web/request_select.dart

@@ -66,14 +66,14 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                         autofocus: widget.groupCode == null,
                         decoration: InputDecoration(
                             hintText: Provider.of<RequestModule>(context).placeholder(),
-                            hintStyle: TextStyle(color: textColor.withOpacity(0.5), fontSize: 14),
+                            hintStyle: TextStyle(color: textColor.withValues(alpha: 0.5), fontSize: 14),
                             filled: true,
                             fillColor: backgroundColor,
-                            hoverColor: Colors.black.withOpacity(0.1),
+                            hoverColor: Colors.black.withValues(alpha: 0.1),
                             contentPadding: EdgeInsets.all(15),
                             prefixIcon: Padding(padding: EdgeInsets.symmetric(horizontal: 15), child: U.iconsax('search-normal-1', color: textColor, size: 24)),
                             border: InputBorder.none,
-                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withOpacity(0.5))),
+                            enabledBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: BorderSide(color: Color(0xff262626).withValues(alpha: 0.5))),
                             focusedBorder: OutlineInputBorder(borderRadius: BorderRadius.circular(50), borderSide: const BorderSide(color: primaryColor)),
                             isDense: true
                         ),
@@ -116,7 +116,7 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                             child: Image(image: AssetImage('assets/image/error/EmptyData.png'))
                         ) : Lottie.asset('assets/image/lottie/Nodata.json', width: 250, height: 250, fit: BoxFit.fill),
                         RichText(text: TextSpan(
-                            style: TextStyle(color: textColor.withOpacity(0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
+                            style: TextStyle(color: textColor.withValues(alpha: 0.65), fontStyle: FontStyle.italic, height: 1.5, fontSize: 16.0),
                             children: <TextSpan>[
                               TextSpan(text: U.getInternetStatus()?'notFoundKeyword'.tr():'noDataText'.tr()),
                               TextSpan(text: U.getInternetStatus()?'"${Provider.of<RequestModule>(context).keyword()}".':'', style: TextStyle(fontWeight: FontWeight.w600)),
@@ -156,7 +156,7 @@ class _WebReqSelectPageState extends State<WebReqSelectPage> {
                                   )
                                 ],
                               ),
-                              decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                              decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                             ),
                           ),
                           onTap: ()=>navigateTo(context, WebReqCreatePage(user: widget.user, request: Provider.of<RequestModule>(context, listen: false).data()[i], fromSearch: true)),

lib/src/layouts/web/request_success.dart

@@ -83,7 +83,7 @@ class _WebReqSuccessPageState extends State<WebReqSuccessPage> {
                       Expanded(
                         child: Container(
                           padding: EdgeInsets.all(20),
-                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                          decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                           child: Column(
                             crossAxisAlignment: CrossAxisAlignment.start,
                             children: [
@@ -145,7 +145,7 @@ class _WebReqSuccessPageState extends State<WebReqSuccessPage> {
                                       onTap: () async{
                                         var filePath = await token.getPath()+'/TelNow/Files/';
                                         if(!File(filePath+getFileName(list['responseAttachment'])).existsSync()){
-                                          print("file isnot ready yet");
+                                          // print("file isnot ready yet");
                                           await apiAuthProvider.downloadImage(list['responseAttachment'], filePath+getFileName(list['responseAttachment']));
                                         }
                                         await OpenFile.open(filePath+getFileName(list['responseAttachment']));
@@ -311,7 +311,7 @@ class _WebReqSuccessPendingPageState extends State<WebReqSuccessPendingPage> {
                     children: [
                       Container(
                         padding: EdgeInsets.all(20),
-                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withOpacity(0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
+                        decoration: BoxDecoration(color: Colors.white, border: Border.all(color: textColor.withValues(alpha: 0.15)), borderRadius: BorderRadius.all(Radius.circular(12))),
                         child: Column(
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
@@ -365,7 +365,7 @@ class _WebReqSuccessPendingPageState extends State<WebReqSuccessPendingPage> {
                                   ],
                                 ),
                                 decoration: BoxDecoration(
-                                    color: Colors.red.withOpacity(0.1),
+                                    color: Colors.red.withValues(alpha: 0.1),
                                     border: Border.all(color: Colors.red),
                                     borderRadius: BorderRadius.all(Radius.circular(12))
                                 ),

lib/src/utils/U.dart

@@ -92,18 +92,18 @@ class U {
   }
 
   static Future<Token?> refreshAuth(RefreshTokenBody refreshTokenBody) async {
-    print("refresh token");
+    // print("refresh token");
     return _lockAuth.synchronized(() async {
-      print("refresh token start");
+      // print("refresh token start");
       var nw = DateTime.now().millisecondsSinceEpoch;
       if (_authLastMs == 0 || nw - _authLastMs >= 5000) {
-        print("refresh token request");
+        // print("refresh token request");
         ApiAuthRepository apiAuthRepository = ApiAuthRepository();
         var token = await _tryRefreshAuth(refreshTokenBody);
         _authLastMs = DateTime.now().millisecondsSinceEpoch;
         _lastReqToken = token;
       }
-      print("refresh token finish");
+      // print("refresh token finish");
       return _lastReqToken;
     });
 
@@ -316,6 +316,10 @@ class U {
     return version <= _serverVersion;
   }
 
+  static int retServerVersion(){
+    return _serverVersion;
+  }
+
   static Map _otherLabelList = {};
   static getOtherLabelList(BuildContext context) async{
     if(newServerVersion(1725245109)){

pubspec.lock

@@ -69,10 +69,10 @@ packages:
     dependency: transitive
     description:
       name: async
-      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
+      sha256: d2872f9c19731c2e5f10444b14686eb7cc85c76274bd6c16e1816bff9a3bab63
       url: "https://pub.dev"
     source: hosted
-    version: "2.11.0"
+    version: "2.12.0"
   auto_route:
     dependency: "direct main"
     description:
@@ -109,10 +109,10 @@ packages:
     dependency: transitive
     description:
       name: boolean_selector
-      sha256: "6cfb5af12253eaf2b368f07bacc5a80d1301a071c73360d746b7f2e32d762c66"
+      sha256: "8aab1771e1243a5063b8b0ff68042d67334e3feab9e95b9490f9a6ebf73b42ea"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   build:
     dependency: transitive
     description:
@@ -269,10 +269,10 @@ packages:
     dependency: transitive
     description:
       name: characters
-      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
+      sha256: f71061c654a3380576a52b451dd5532377954cf9dbd272a78fc8479606670803
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.0"
   checked_yaml:
     dependency: transitive
     description:
@@ -285,10 +285,10 @@ packages:
     dependency: transitive
     description:
       name: clock
-      sha256: cb6d7f03e1de671e34607e909a7213e31d7752be4fb66a86d29fe1eb14bfb5cf
+      sha256: fddb70d9b5277016c77a80201021d40a2247104d9f4aa7bab7157b7e3f05b84b
       url: "https://pub.dev"
     source: hosted
-    version: "1.1.1"
+    version: "1.1.2"
   cloud_firestore:
     dependency: "direct main"
     description:
@@ -325,10 +325,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: a1ace0a119f20aabc852d165077c036cd864315bd99b7eaa10a60100341941bf
+      sha256: "2f5709ae4d3d59dd8f7cd309b4e023046b57d8a6c82130785d2b0e5868084e76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.19.0"
+    version: "1.19.1"
   convert:
     dependency: transitive
     description:
@@ -477,10 +477,10 @@ packages:
     dependency: transitive
     description:
       name: fake_async
-      sha256: "511392330127add0b769b75a987850d136345d9227c6b94c96a04cf4a391bf78"
+      sha256: "6a95e56b2449df2273fd8c45a662d6947ce1ebb7aafe80e550a3f68297f3cacc"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.1"
+    version: "1.3.2"
   ffi:
     dependency: transitive
     description:
@@ -929,18 +929,18 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "7bb2830ebd849694d1ec25bf1f44582d6ac531a57a365a803a6034ff751d2d06"
+      sha256: c35baad643ba394b40aac41080300150a4f08fd0fd6a10378f8f7c6bc161acec
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.7"
+    version: "10.0.8"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "9491a714cca3667b60b5c420da8217e6de0d1ba7a5ec322fab01758f6998f379"
+      sha256: f8b613e7e6a13ec79cfdc0e97638fddb3ab848452eff057653abd3edba760573
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.8"
+    version: "3.0.9"
   leak_tracker_testing:
     dependency: transitive
     description:
@@ -993,10 +993,10 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
+      sha256: dc58c723c3c24bf8d3e2d3ad3f2f9d7bd9cf43ec6feaa64181775e60190153f2
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.16+1"
+    version: "0.12.17"
   material_color_utilities:
     dependency: transitive
     description:
@@ -1009,10 +1009,10 @@ packages:
     dependency: transitive
     description:
       name: meta
-      sha256: bdb68674043280c3428e9ec998512fb681678676b3c54e773629ffe74419f8c7
+      sha256: e3641ec5d63ebf0d9b41bd43201a66e3fc79a65db5f61fc181f04cd27aab950c
       url: "https://pub.dev"
     source: hosted
-    version: "1.15.0"
+    version: "1.16.0"
   mime:
     dependency: transitive
     description:
@@ -1153,10 +1153,10 @@ packages:
     dependency: transitive
     description:
       name: path
-      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      sha256: "75cca69d1490965be98c73ceaea117e8a04dd21217b37b292c9ddbec0d955bc5"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.0"
+    version: "1.9.1"
   path_drawing:
     dependency: transitive
     description:
@@ -1494,10 +1494,10 @@ packages:
     dependency: transitive
     description:
       name: source_span
-      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
+      sha256: "254ee5351d6cb365c859e20ee823c3bb479bf4a293c22d17a9f1bf144ce86f7c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.10.0"
+    version: "1.10.1"
   sprintf:
     dependency: transitive
     description:
@@ -1550,18 +1550,18 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "9f47fd3630d76be3ab26f0ee06d213679aa425996925ff3feffdec504931c377"
+      sha256: "8b27215b45d22309b5cddda1aa2b19bdfec9df0e765f2de506401c071d38d1b1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.12.0"
+    version: "1.12.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
+      sha256: "969e04c80b8bcdf826f8f16579c7b14d780458bd97f56d107d3950fdbeef059d"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.4"
   stream_transform:
     dependency: transitive
     description:
@@ -1574,10 +1574,10 @@ packages:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "688af5ed3402a4bde5b3a6c15fd768dbf2621a614950b17f04626c431ab3c4c3"
+      sha256: "921cd31725b72fe181906c6a94d987c78e3b98c2e205b397ea399d4054872b43"
       url: "https://pub.dev"
     source: hosted
-    version: "1.3.0"
+    version: "1.4.1"
   synchronized:
     dependency: "direct main"
     description:
@@ -1590,18 +1590,18 @@ packages:
     dependency: transitive
     description:
       name: term_glyph
-      sha256: a29248a84fbb7c79282b40b8c72a1209db169a2e0542bce341da992fe1bc7e84
+      sha256: "7f554798625ea768a7518313e58f83891c7f5024f88e46e7182a4558850a4b8e"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.2.2"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: "664d3a9a64782fcdeb83ce9c6b39e78fd2971d4e37827b9b06c3aa1edc5e760c"
+      sha256: fb31f383e2ee25fbbfe06b40fe21e1e458d14080e3c67e7ba0acfde4df4e0bbd
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.3"
+    version: "0.7.4"
   timelines_plus:
     dependency: "direct main"
     description:
@@ -1782,10 +1782,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: f6be3ed8bd01289b34d679c2b62226f63c0e69f9fd2e50a6b3c1c729a961041b
+      sha256: "0968250880a6c5fe7edc067ed0a13d4bae1577fe2771dcf3010d52c4a9d3ca14"
       url: "https://pub.dev"
     source: hosted
-    version: "14.3.0"
+    version: "14.3.1"
   watcher:
     dependency: transitive
     description:
@@ -1907,5 +1907,5 @@ packages:
     source: hosted
     version: "3.1.1"
 sdks:
-  dart: ">=3.6.1 <4.0.0"
+  dart: ">=3.7.0-0 <4.0.0"
   flutter: ">=3.27.0"

pubspec.yaml

@@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
 # In Windows, build-name is used as the major, minor, and patch parts
 # of the product and file versions while build-number is used as the build suffix.
-version: 1.0.0+1
+version: 4.0.15+48
 
 environment:
   sdk: ^3.6.1

web/index.html

@@ -148,7 +148,7 @@
   <script src="https://www.gstatic.com/firebasejs/8.10.1/firebase-firestore.js"></script>
 
   <script>
-    var serviceWorkerVersion = null;
+    var flutter_service_worker_version = null;
     var scriptLoaded = false;
     function loadMainDartJs() {
       if (scriptLoaded) {
@@ -167,7 +167,7 @@
         // Wait for registration to finish before dropping the <script> tag.
         // Otherwise, the browser will load the script multiple times,
         // potentially different versions.
-        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
+        var serviceWorkerUrl = 'flutter_service_worker.js?v=' + flutter_service_worker_version;
         navigator.serviceWorker.register(serviceWorkerUrl)
           .then((reg) => {
             function waitForActivation(serviceWorker) {
@@ -182,7 +182,7 @@
               // No active web worker and we have installed or are installing
               // one for the first time. Simply wait for it to activate.
               waitForActivation(reg.installing || reg.waiting);
-            } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
+            } else if (!reg.active.scriptURL.endsWith(flutter_service_worker_version)) {
               // When the app updates the serviceWorkerVersion changes, so we
               // need to ask the service worker to update.
               console.log('New service worker available.');
@@ -200,7 +200,7 @@
               // No active web worker and we have installed or are installing
               // one for the first time. Simply wait for it to activate.
 			  console.log('Firebase messaging has been installing.');
-            } else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
+            } else if (!reg.active.scriptURL.endsWith(flutter_service_worker_version)) {
               // When the app updates the serviceWorkerVersion changes, so we
               // need to ask the service worker to update.
               console.log('Firebase messaging is available.');