TF-1014: [Dev] Show quota at the bottom of mailbox

2022-11-09 16:49:01 +07:00
parent 21f027246b
commit 75495e7d1f
28 changed files with 508 additions and 6 deletions
@@ -0,0 +1,62 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class QuotasFooterWidget extends GetWidget<QuotasController> {
+  const QuotasFooterWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Obx(
+      () => controller.enableShowQuotas.value
+        ? Container(
+            color: AppColor.colorBgDesktop,
+            padding: const EdgeInsets.all(24),
+            alignment: Alignment.centerLeft,
+            child: IntrinsicWidth(
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Row(
+                    children: [
+                      SvgPicture.asset(controller.imagePaths.icQuotas),
+                      const SizedBox(width: 12),
+                      Text(
+                        AppLocalizations.of(context).storageQuotas,
+                        style: const TextStyle(
+                            fontSize: 13,
+                            fontWeight: FontWeight.w400,
+                            color: AppColor.loginTextFieldHintColor),
+                      )
+                    ],
+                  ),
+                  const SizedBox(height: 8),
+                  LinearProgressIndicator(
+                    color: controller.enableShowWarningQuotas ? AppColor.colorProgressQuotasWarning:  AppColor.primaryColor,
+                    minHeight: 3,
+                    backgroundColor: AppColor.colorDivider,
+                    value: controller.progressUsedCapacity,
+                  ),
+                  const SizedBox(height: 8),
+                  Text(
+                    AppLocalizations.of(context).textQuotasUsed(
+                      controller.usedCapacity.value,
+                      controller.softLimitCapacity.value,
+                    ),
+                    style: const TextStyle(
+                        fontSize: 13,
+                        fontWeight: FontWeight.w400,
+                        color: AppColor.loginTextFieldHintColor),
+                  )
+                ],
+              ),
+            ),
+          )
+        : const SizedBox.shrink(),
+    );
+  }
+}
@@ -0,0 +1,57 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/quotas/presentation/quotas_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class QuotasWarningBannerWidget extends GetWidget<QuotasController> {
+  const QuotasWarningBannerWidget({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Obx(
+      () => controller.enableShowWarningQuotas
+        ? Container(
+            padding: const EdgeInsets.all(16),
+            margin: const EdgeInsets.only(left: 12, right: 12, top: 8),
+            decoration: BoxDecoration(
+              color: AppColor.colorBackgroundQuotasWarning.withOpacity(0.12),
+              borderRadius: const BorderRadius.all(Radius.circular(10)),
+            ),
+            child: Row(
+              children: [
+                SvgPicture.asset(controller.imagePaths.icQuotasWarning),
+                const SizedBox(width: 16),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text(
+                        AppLocalizations.of(context)
+                            .textQuotasWarningTitle(controller.progressUsedCapacity *100),
+                        style: const TextStyle(
+                            fontSize: 17,
+                            fontWeight: FontWeight.w700,
+                            color: AppColor.colorTitleQuotasWarning,
+                        ),
+                      ),
+                      const SizedBox(height: 8),
+                      Text(
+                        AppLocalizations.of(context)
+                            .textQuotasWarningContent,
+                        style: const TextStyle(
+                            fontSize: 15,
+                            fontWeight: FontWeight.w400,
+                            color: AppColor.loginTextFieldHintColor),
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          )
+        : const SizedBox.shrink(),
+    );
+  }
+}