💾 Feat(PermissionsPage): Provide a legend to explain what status is f…

…or every color
Crequency · Jul 24, 2024 · a28f322 · a28f322
1 parent 57f6c61
commit a28f322
Show file tree

Hide file tree

Showing 3 changed files with 61 additions and 5 deletions.
diff --git a/kitx_mobile/lib/pages/settings_pages/permissions_settings_page.dart b/kitx_mobile/lib/pages/settings_pages/permissions_settings_page.dart
@@ -1,4 +1,4 @@
-import 'package:cherrilog/cherrilog.dart';
+import 'package:cherrilog/cherrilog.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:intl/intl.dart';
@@ -29,17 +29,21 @@ class PermissionsSettingsPage extends StatefulWidget implements ConstantPage {
 class _PermissionsSettingsPageState extends State<PermissionsSettingsPage> {
   var logLevelRange = CherriLog.instance!.options.logLevelRange.obs;
 
+  static const Color grantedColor = Colors.greenAccent;
+  static const Color restrictedColor = Colors.orange;
+  static const Color deniedColor = Colors.redAccent;
+
   Widget getPermissionRequester(Permission permission) {
     Rx<Color?> statusColor = Rx(null);
 
     var fetchPermissionStatus = () {
       permission.status.then((value) {
         if (value.isGranted) {
-          statusColor.value = Colors.greenAccent;
+          statusColor.value = grantedColor;
         } else if (value.isRestricted) {
-          statusColor.value = Colors.orange;
+          statusColor.value = restrictedColor;
         } else if (value.isDenied) {
-          statusColor.value = Colors.redAccent;
+          statusColor.value = deniedColor;
         }
       });
     };
@@ -58,7 +62,7 @@ class _PermissionsSettingsPageState extends State<PermissionsSettingsPage> {
               (result) {
                 Get.snackbar(
                   "SettingsPage_Permissions_List_ReRequest".tr,
-                  result.toString(),
+                  'Is granted: ${result.toString()}',
                   snackPosition: SnackPosition.BOTTOM,
                   margin: EdgeInsets.all(20),
                   icon: Icon(Icons.task_alt_rounded, color: result ? Colors.greenAccent : Colors.redAccent),
@@ -118,6 +122,52 @@ class _PermissionsSettingsPageState extends State<PermissionsSettingsPage> {
             SettingsGroupTitle(titleKey: 'SettingsPage_Permissions_List'),
             Column(
               children: [
+                Card(
+                  margin: EdgeInsets.only(left: 30, right: 30, bottom: 10),
+                  child: Padding(
+                    padding: EdgeInsets.all(15),
+                    child: Row(
+                      children: [
+                        Container(
+                          width: 10,
+                          height: 10,
+                          decoration: const BoxDecoration(
+                            color: grantedColor,
+                            borderRadius: BorderRadius.all(Radius.circular(5)),
+                          ),
+                        ),
+                        Padding(
+                          padding: EdgeInsets.only(left: 10, right: 25),
+                          child: Text('SettingsPage_Permissions_List_Granted'.tr),
+                        ),
+                        Container(
+                          width: 10,
+                          height: 10,
+                          decoration: const BoxDecoration(
+                            color: restrictedColor,
+                            borderRadius: BorderRadius.all(Radius.circular(5)),
+                          ),
+                        ),
+                        Padding(
+                          padding: EdgeInsets.only(left: 10, right: 25),
+                          child: Text('SettingsPage_Permissions_List_Restricted'.tr),
+                        ),
+                        Container(
+                          width: 10,
+                          height: 10,
+                          decoration: const BoxDecoration(
+                            color: deniedColor,
+                            borderRadius: BorderRadius.all(Radius.circular(5)),
+                          ),
+                        ),
+                        Padding(
+                          padding: EdgeInsets.only(left: 10, right: 25),
+                          child: Text('SettingsPage_Permissions_List_Denied'.tr),
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
                 for (var bundle in permissionsMap)
                   Card(
                     margin: EdgeInsets.symmetric(horizontal: 30, vertical: 10),

diff --git a/kitx_mobile/lib/utils/translation/en_us.dart b/kitx_mobile/lib/utils/translation/en_us.dart
@@ -61,6 +61,9 @@ const Map<String, String> en_us = {
   'SettingsPage_Appearance_Animation_OpenPageDelay': 'Delay open page',
   'SettingsPage_Permissions_List': 'Needed Permissions',
   'SettingsPage_Permissions_List_ReRequest': 'Re-request Permissions',
+  'SettingsPage_Permissions_List_Granted': 'Granted',
+  'SettingsPage_Permissions_List_Restricted': 'Restricted',
+  'SettingsPage_Permissions_List_Denied': 'Denied',
   'SettingsPage_Permissions_RequestLog': 'Request Log',
   'SettingsPage_Permissions_Bundle_Network': 'Network Related Permissions',
   'SettingsPage_Permissions_Bundle_Notification': 'Notification Related Permissions',

diff --git a/kitx_mobile/lib/utils/translation/zh_cn.dart b/kitx_mobile/lib/utils/translation/zh_cn.dart
@@ -61,6 +61,9 @@ const Map<String, String> zh_cn = {
   'SettingsPage_Appearance_Animation_OpenPageDelay': '延迟打开页面',
   'SettingsPage_Permissions_List': '所需权限列表',
   'SettingsPage_Permissions_List_ReRequest': '重新尝试申请权限',
+  'SettingsPage_Permissions_List_Granted': '已授权',
+  'SettingsPage_Permissions_List_Restricted': '受限的',
+  'SettingsPage_Permissions_List_Denied': '被拒绝',
   'SettingsPage_Permissions_RequestLog': '权限申请日志',
   'SettingsPage_Permissions_Bundle_Network': '网络相关权限',
   'SettingsPage_Permissions_Bundle_Notification': '通知相关权限',