TF-460 Add presentation layer for implement get all identities

2022-04-26 09:31:38 +07:00
parent 4764f9eb90
commit f432dfb376
35 changed files with 591 additions and 204 deletions
@@ -0,0 +1,49 @@
+import 'package:get/get.dart';
+import 'package:jmap_dart_client/http/http_client.dart' as jmap_http_client;
+import 'package:tmail_ui_user/features/base/base_bindings.dart';
+import 'package:tmail_ui_user/features/manage_account/data/datasource/manage_account_datasource.dart';
+import 'package:tmail_ui_user/features/manage_account/data/datasource_impl/manage_account_datasource_impl.dart';
+import 'package:tmail_ui_user/features/manage_account/data/network/manage_account_api.dart';
+import 'package:tmail_ui_user/features/manage_account/data/repository/manage_account_repository_impl.dart';
+import 'package:tmail_ui_user/features/manage_account/domain/repository/manage_account_repository.dart';
+import 'package:tmail_ui_user/features/manage_account/domain/usecases/get_all_identities_interactor.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/identities/identities_controller.dart';
+
+class IdentitiesBindings extends BaseBindings {
+
+  @override
+  void dependencies() {
+    Get.lazyPut(() => ManageAccountAPI(Get.find<jmap_http_client.HttpClient>()));
+    super.dependencies();
+  }
+
+  @override
+  void bindingsController() {
+    Get.lazyPut(() => IdentitiesController(Get.find<GetAllIdentitiesInteractor>()));
+  }
+
+  @override
+  void bindingsDataSource() {
+    Get.lazyPut<ManageAccountDataSource>(() => Get.find<ManageAccountDataSourceImpl>());
+  }
+
+  @override
+  void bindingsDataSourceImpl() {
+    Get.lazyPut(() => ManageAccountDataSourceImpl(Get.find<ManageAccountAPI>()));
+  }
+
+  @override
+  void bindingsInteractor() {
+    Get.lazyPut(() => GetAllIdentitiesInteractor(Get.find<ManageAccountRepository>()));
+  }
+
+  @override
+  void bindingsRepository() {
+    Get.lazyPut<ManageAccountRepository>(() => Get.find<ManageAccountRepositoryImpl>());
+  }
+
+  @override
+  void bindingsRepositoryImpl() {
+    Get.lazyPut(() => ManageAccountRepositoryImpl(Get.find<ManageAccountDataSource>()));
+  }
+}
@@ -0,0 +1,63 @@
+
+import 'package:core/core.dart';
+import 'package:get/get.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:jmap_dart_client/jmap/identities/identity.dart';
+import 'package:tmail_ui_user/features/base/base_controller.dart';
+import 'package:tmail_ui_user/features/manage_account/domain/state/get_all_identities_state.dart';
+import 'package:tmail_ui_user/features/manage_account/domain/usecases/get_all_identities_interactor.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/manage_account_dashboard_controller.dart';
+
+class IdentitiesController extends BaseController {
+
+  final _accountDashBoardController = Get.find<ManageAccountDashBoardController>();
+
+  final GetAllIdentitiesInteractor _getAllIdentitiesInteractor;
+
+  final identitySelected = Rxn<Identity>();
+  final listIdentities = <Identity>[].obs;
+
+  IdentitiesController(this._getAllIdentitiesInteractor);
+
+  @override
+  void onInit() {
+    _onAccountDashBoardListener();
+    super.onInit();
+  }
+
+  @override
+  void onDone() {
+    viewState.value.fold(
+        (failure) {},
+        (success) {
+          if (success is GetAllIdentitiesSuccess) {
+            if (success.identities?.isNotEmpty == true) {
+              listIdentities.value = success.identities ?? [];
+              selectIdentity(listIdentities.first);
+            }
+          }
+        }
+    );
+  }
+
+  @override
+  void onError(error) {
+  }
+
+  void _onAccountDashBoardListener() {
+    _accountDashBoardController.accountId.listen((accountId) {
+      log('IdentitiesController::_onAccountDashBoardListener(): accountId: $accountId');
+      if (accountId != null) {
+        _getAllIdentities(accountId);
+      }
+    });
+  }
+
+  void _getAllIdentities(AccountId accountId) {
+    consumeState(_getAllIdentitiesInteractor.execute(accountId));
+  }
+
+  void selectIdentity(Identity? newIdentity) {
+    identitySelected.value = newIdentity;
+  }
+}
@@ -0,0 +1,119 @@
+
+import 'package:core/core.dart';
+import 'package:dropdown_button2/dropdown_button2.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:jmap_dart_client/jmap/identities/identity.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/identities/identities_controller.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/identities/widgets/identity_info_tile_builder.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class IdentitiesView extends GetWidget<IdentitiesController> {
+
+  final _responsiveUtils = Get.find<ResponsiveUtils>();
+  final _imagePaths = Get.find<ImagePaths>();
+
+  IdentitiesView({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final buttonSelectIdentity = Row(children: [
+      Expanded(child: Obx(() => DropdownButtonHideUnderline(
+        child: DropdownButton2<Identity>(
+          isExpanded: true,
+          hint: Row(
+            children: [
+              Expanded(child: Text(
+                controller.identitySelected.value?.name ?? '',
+                style: const TextStyle(fontSize: 16, fontWeight: FontWeight.normal, color: Colors.black),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              )),
+            ],
+          ),
+          items: controller.listIdentities.map((item) => DropdownMenuItem<Identity>(
+            value: item,
+            child: Text(
+              item.name ?? '',
+              style: const TextStyle(fontSize: 16, fontWeight: FontWeight.normal, color: Colors.black),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+          )).toList(),
+          value: controller.identitySelected.value,
+          onChanged: (newIdentity) => controller.selectIdentity(newIdentity),
+          icon: SvgPicture.asset(_imagePaths.icDropDown),
+          buttonPadding: const EdgeInsets.symmetric(horizontal: 12),
+          buttonDecoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10),
+              border: Border.all(color: AppColor.colorInputBorderCreateMailbox, width: 0.5),
+              color: AppColor.colorInputBackgroundCreateMailbox),
+          itemHeight: 44,
+          buttonHeight: 44,
+          itemPadding: const EdgeInsets.symmetric(horizontal: 12),
+          dropdownMaxHeight: 200,
+          dropdownDecoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(10),
+              color: Colors.white),
+          dropdownElevation: 4,
+          scrollbarRadius: const Radius.circular(40),
+          scrollbarThickness: 6,
+        ),
+      ))),
+      if (!_responsiveUtils.isMobile(context)) const SizedBox(width: 12),
+      if (!_responsiveUtils.isMobile(context))
+        (ButtonBuilder(_imagePaths.icAddIdentity)
+            ..key(const Key('button_new_identity'))
+            ..decoration(BoxDecoration(borderRadius: BorderRadius.circular(10), color: AppColor.colorTextButton))
+            ..paddingIcon(const EdgeInsets.only(right: 8))
+            ..iconColor(Colors.white)
+            ..maxWidth(170)
+            ..size(20)
+            ..radiusSplash(10)
+            ..padding(const EdgeInsets.symmetric(vertical: 12))
+            ..textStyle(const TextStyle(fontSize: 17, color: Colors.white, fontWeight: FontWeight.w500))
+            ..onPressActionClick(() => {})
+            ..text(AppLocalizations.of(context).new_identity, isVertical: false))
+          .build()
+    ]);
+
+    return LayoutBuilder(builder: (context, constraints) => ResponsiveWidget(
+        responsiveUtils: _responsiveUtils,
+        mobile: Scaffold(
+          body: Container(
+              margin: const EdgeInsets.symmetric(vertical: 16),
+              child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    buttonSelectIdentity,
+                    Obx(() => IdentityInfoTileBuilder(context,
+                        _imagePaths,
+                        controller.identitySelected.value)),
+                  ]
+              )),
+          floatingActionButton: _responsiveUtils.isMobile(context)
+            ? FloatingActionButton(
+                  key: const Key('add_new_identity'),
+                  onPressed: () => {},
+                  backgroundColor: AppColor.primaryColor,
+                  child: SvgPicture.asset(_imagePaths.icAddIdentity, width: 24, height: 24))
+            : null),
+        desktop: Container(
+            margin: const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
+            child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  SizedBox(
+                      width: constraints.maxWidth / 2,
+                      child: buttonSelectIdentity),
+                  Obx(() => IdentityInfoTileBuilder(context,
+                      _imagePaths,
+                      controller.identitySelected.value,
+                      maxWidth: constraints.maxWidth / 2)),
+                ]
+            )
+        )
+    ));
+  }
+}
@@ -0,0 +1,117 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:jmap_dart_client/jmap/identities/identity.dart';
+import 'package:model/model.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class IdentityInfoTileBuilder extends StatelessWidget {
+
+  final BuildContext _context;
+  final ImagePaths _imagePaths;
+  final Identity? _identity;
+  final double? maxWidth;
+
+  const IdentityInfoTileBuilder(
+    this._context,
+    this._imagePaths,
+    this._identity,
+    {Key? key, this.maxWidth}
+  ) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    if (_identity == null) {
+      return const SizedBox.shrink();
+    }
+
+    return Container(
+        key: const Key('identity_info_tile'),
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(16),
+            border: Border.all(color: AppColor.colorBorderIdentityInfo, width: 1),
+            color: Colors.white),
+        padding: const EdgeInsets.only(top: 12, bottom: 12),
+        margin: const EdgeInsets.only(top: 12),
+        width: maxWidth,
+        child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Row(children: [
+                Expanded(child: Text(_identity?.name ?? '',
+                    style: const TextStyle(fontWeight: FontWeight.w500, fontSize: 17, color: Colors.black))),
+                buildIconWeb(
+                    icon: SvgPicture.asset(_imagePaths.icMoreVertical, fit: BoxFit.fill),
+                    onTap: () => {})
+              ])),
+            const SizedBox(height: 10),
+            const Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
+            const SizedBox(height: 12),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Text(_identity?.name ?? '',
+                style: const TextStyle(fontWeight: FontWeight.normal, fontSize: 17, color: Colors.black))),
+            if (_identity?.email != null) const SizedBox(height: 10),
+            if (_identity?.email != null)
+              Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 12),
+                  child: Row(children: [
+                    SizedBox(
+                      width: 40,
+                      child: SvgPicture.asset(_imagePaths.icEmail, width: 15, height: 15)),
+                    const SizedBox(width: 4),
+                    Expanded(child: Text(_identity?.email ?? '',
+                        style: const TextStyle(fontWeight: FontWeight.normal, fontSize: 15, color: AppColor.colorHintSearchBar)))
+                  ])),
+            if (_identity?.replyTo != null) const SizedBox(height: 10),
+            if (_identity?.replyTo != null)
+              Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 12),
+                  child: Row(children: [
+                    SizedBox(
+                        width: 40,
+                        child: SvgPicture.asset(_imagePaths.icReplyTo, width: 15, height: 15)),
+                    const SizedBox(width: 4),
+                    Expanded(child: Text(_identity?.replyTo?.listEmailAddressToString(isFullEmailAddress: true) ?? '',
+                        style: const TextStyle(fontWeight: FontWeight.normal, fontSize: 15, color: AppColor.colorHintSearchBar)))
+                  ])),
+            if (_identity?.cc != null) const SizedBox(height: 6),
+            if (_identity?.cc != null)
+              Padding(
+                padding: const EdgeInsets.symmetric(horizontal: 12),
+                child: Row(children: [
+                  Container(
+                      width: 40,
+                      padding: const EdgeInsets.only(left: 10),
+                      child: Text(AppLocalizations.of(_context).cc_email_address_prefix,
+                          style: const TextStyle(
+                              fontSize: 15,
+                              fontWeight: FontWeight.normal,
+                              decoration: TextDecoration.underline,
+                              color: AppColor.colorTextButton))),
+                  const SizedBox(width: 4),
+                  Expanded(child: Text(_identity?.cc?.listEmailAddressToString(isFullEmailAddress: true) ?? '',
+                      style: const TextStyle(fontWeight: FontWeight.normal, fontSize: 15, color: AppColor.colorHintSearchBar)))
+                ])),
+            if (_identity?.bcc != null) const SizedBox(height: 6),
+            if (_identity?.bcc != null)
+                Padding(
+                  padding: const EdgeInsets.symmetric(horizontal: 12),
+                  child: Row(children: [
+                    Container(
+                        padding: const EdgeInsets.only(left: 6),
+                        width: 40,
+                        child: Text(AppLocalizations.of(_context).bcc_email_address_prefix,
+                          style: const TextStyle(
+                              fontSize: 15,
+                              fontWeight: FontWeight.normal,
+                              decoration: TextDecoration.underline,
+                              color: AppColor.colorTextButton))),
+                    const SizedBox(width: 4),
+                    Expanded(child: Text(_identity?.bcc?.listEmailAddressToString(isFullEmailAddress: true) ?? '',
+                        style: const TextStyle(fontWeight: FontWeight.normal, fontSize: 15, color: AppColor.colorHintSearchBar)))
+                  ])),
+        ])
+    );
+  }
+}
@@ -0,0 +1,38 @@
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/base/base_bindings.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/identities/identities_bindings.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_controller.dart';
+
+class ProfileBindings extends BaseBindings {
+
+  @override
+  void dependencies() {
+    super.dependencies();
+    IdentitiesBindings().dependencies();
+  }
+
+  @override
+  void bindingsController() {
+    Get.lazyPut(() => ProfilesController());
+  }
+
+  @override
+  void bindingsDataSource() {
+  }
+
+  @override
+  void bindingsDataSourceImpl() {
+  }
+
+  @override
+  void bindingsInteractor() {
+  }
+
+  @override
+  void bindingsRepository() {
+  }
+
+  @override
+  void bindingsRepositoryImpl() {
+  }
+}
@@ -0,0 +1,13 @@
+
+import 'package:tmail_ui_user/features/base/base_controller.dart';
+
+class ProfilesController extends BaseController {
+
+  @override
+  void onDone() {
+  }
+
+  @override
+  void onError(error) {
+  }
+}
@@ -0,0 +1,66 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/model/profiles_tab_type.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/identities/identities_view.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_controller.dart';
+
+class ProfilesView extends GetWidget<ProfilesController> {
+
+  final _responsiveUtils = Get.find<ResponsiveUtils>();
+
+  ProfilesView({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: _responsiveUtils.isDesktop(context) ? AppColor.colorBgDesktop : Colors.white,
+      body: Container(
+        margin: _responsiveUtils.isDesktop(context)
+          ? const EdgeInsets.only(left: 48, right: 24, top: 24, bottom: 24)
+          : EdgeInsets.zero,
+        decoration: BoxDecoration(
+            borderRadius: _responsiveUtils.isDesktop(context) ? BorderRadius.circular(20) : null,
+            border: _responsiveUtils.isDesktop(context) ? Border.all(color: AppColor.colorBorderBodyThread, width: 1) : null,
+            color: Colors.white),
+        padding: const EdgeInsets.all(10),
+        child: DefaultTabController(
+            initialIndex: 0,
+            length: 1,
+            child: Scaffold(
+              appBar: TabBar(
+                  unselectedLabelColor: AppColor.colorTextButtonHeaderThread,
+                  unselectedLabelStyle: const TextStyle(
+                      fontSize: 15,
+                      fontWeight: FontWeight.normal,
+                      color: AppColor.colorTextButtonHeaderThread),
+                  labelStyle: const TextStyle(
+                      fontSize: 15,
+                      fontWeight: FontWeight.w500,
+                      color: AppColor.primaryColor),
+                  labelColor: AppColor.primaryColor,
+                  indicatorSize: TabBarIndicatorSize.label,
+                  isScrollable: true,
+                  indicator: const CustomIndicator(
+                    indicatorHeight: 4,
+                    indicatorColor: AppColor.primaryColor,
+                    indicatorSize: CustomIndicatorSize.full),
+                  onTap: (index) {},
+                  tabs: [
+                    Tab(text: ProfilesTabType.identities.getName(context)),
+                  ]),
+              body: Column(children: [
+                const Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
+                Expanded(child: TabBarView(
+                  children: [
+                    IdentitiesView(),
+                  ],
+                ))
+              ]),
+            )
+        ),
+      ),
+    );
+  }
+}