TF-2948 Apply new identity view for web
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
@@ -0,0 +1,145 @@
|
||||
import 'package:core/presentation/utils/theme_utils.dart';
|
||||
import 'package:core/presentation/views/list/no_stretch_scroll_behavior.dart';
|
||||
import 'package:core/utils/platform_info.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/base/setting_detail_view_builder.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/identities/identities_controller.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/identities/widgets/create_new_identity_button_widget.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/identities/widgets/identity_list_tile_builder.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/identities/widgets/identity_loading_widget.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/menu/settings_utils.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/model/account_menu_item.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/widgets/setting_explanation_widget.dart';
|
||||
import 'package:tmail_ui_user/features/manage_account/presentation/widgets/setting_header_widget.dart';
|
||||
|
||||
class IdentitiesView extends GetWidget<IdentitiesController> {
|
||||
|
||||
const IdentitiesView({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDesktop = controller.responsiveUtils.isDesktop(context);
|
||||
|
||||
return SettingDetailViewBuilder(
|
||||
responsiveUtils: controller.responsiveUtils,
|
||||
child: Container(
|
||||
color: SettingsUtils.getContentBackgroundColor(
|
||||
context,
|
||||
controller.responsiveUtils,
|
||||
),
|
||||
decoration: SettingsUtils.getBoxDecorationForContent(
|
||||
context,
|
||||
controller.responsiveUtils,
|
||||
),
|
||||
width: double.infinity,
|
||||
padding: isDesktop
|
||||
? const EdgeInsetsDirectional.only(
|
||||
start: 30,
|
||||
end: 30,
|
||||
top: 22,
|
||||
)
|
||||
: null,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (isDesktop)
|
||||
...[
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: SettingHeaderWidget(
|
||||
menuItem: AccountMenuItem.profiles,
|
||||
textStyle: ThemeUtils.textStyleInter600().copyWith(
|
||||
color: Colors.black.withValues(alpha: 0.9),
|
||||
),
|
||||
padding: const EdgeInsetsDirectional.only(end: 16),
|
||||
),
|
||||
),
|
||||
CreateNewIdentityButtonWidget(
|
||||
imagePaths: controller.imagePaths,
|
||||
onCreateNewIdentityAction: () =>
|
||||
controller.goToCreateNewIdentity(context),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 14),
|
||||
]
|
||||
else
|
||||
...[
|
||||
const SettingExplanationWidget(
|
||||
menuItem: AccountMenuItem.profiles,
|
||||
padding: EdgeInsetsDirectional.symmetric(horizontal: 16),
|
||||
isCenter: true,
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
Center(
|
||||
child: CreateNewIdentityButtonWidget(
|
||||
imagePaths: controller.imagePaths,
|
||||
margin: const EdgeInsets.only(top: 24, bottom: 16),
|
||||
onCreateNewIdentityAction: () =>
|
||||
controller.goToCreateNewIdentity(context),
|
||||
),
|
||||
),
|
||||
],
|
||||
Obx(() => IdentityLoadingWidget(
|
||||
identityViewState: controller.identitiesViewState.value,
|
||||
)),
|
||||
Expanded(
|
||||
child: Obx(() {
|
||||
final Widget listView = ListView.separated(
|
||||
shrinkWrap: true,
|
||||
itemCount: controller.listAllIdentities.length + 1,
|
||||
controller: controller.listIdentityScrollController,
|
||||
padding: const EdgeInsetsDirectional.only(
|
||||
start: 24,
|
||||
end: 24,
|
||||
bottom: 24,
|
||||
),
|
||||
itemBuilder: (context, index) {
|
||||
if (index == controller.listAllIdentities.length) {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
|
||||
final identity = controller.listAllIdentities[index];
|
||||
final isSelected = identity == controller.identitySelected.value;
|
||||
return Obx(() => IdentityListTileBuilder(
|
||||
imagePaths: controller.imagePaths,
|
||||
identity: identity,
|
||||
isSelected: isSelected,
|
||||
mapIdentitySignatures: controller.mapIdentitySignatures,
|
||||
signatureViewState: controller.signatureViewState.value,
|
||||
isDesktop: isDesktop,
|
||||
scrollController: controller.listIdentityScrollController,
|
||||
onEditIdentityAction: (identitySelected) =>
|
||||
controller.goToEditIdentity(context, identitySelected),
|
||||
onDeleteIdentityAction: (identitySelected) =>
|
||||
controller.openConfirmationDialogDeleteIdentityAction(
|
||||
context,
|
||||
identitySelected,
|
||||
),
|
||||
));
|
||||
},
|
||||
separatorBuilder: (_, index) => Padding(
|
||||
padding: const EdgeInsets.symmetric(vertical: 24),
|
||||
child: Divider(color: Colors.black.withValues(alpha: 0.08)),
|
||||
),
|
||||
);
|
||||
|
||||
if (PlatformInfo.isMobile) {
|
||||
return ScrollConfiguration(
|
||||
behavior: NoStretchScrollBehavior(),
|
||||
child: listView,
|
||||
);
|
||||
} else {
|
||||
return listView;
|
||||
}
|
||||
}),
|
||||
),
|
||||
]
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user