TF-1194 apply new design identity to manage identity screen in web

2022-12-27 14:18:20 +07:00
parent 200e106c19
commit 094752aa9c
3 changed files with 151 additions and 55 deletions
@@ -0,0 +1,82 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get_state_manager/get_state_manager.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/signature_of_identity_builder.dart';
+
+import 'identity_list_tile_builder.dart';
+
+class IdentitiesRadioListBuilder extends StatefulWidget {
+    const IdentitiesRadioListBuilder({
+    Key? key, 
+    required this.controller,
+  }) : super(key: key);
+
+  final IdentitiesController controller;
+
+  @override
+  State<IdentitiesRadioListBuilder> createState() => _IdentitiesRadioListBuilderState();
+}
+
+class _IdentitiesRadioListBuilderState extends State<IdentitiesRadioListBuilder> {
+  int? selected;
+  late final allIdentities = widget.controller.listAllIdentities.value;
+  
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 256,
+      foregroundDecoration: BoxDecoration(
+        border: Border.all(color: AppColor.colorBorderIdentityInfo, width: 1),
+        borderRadius: const BorderRadius.all(Radius.circular(16.0)),
+      ),
+      child: Obx(() => Row(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          if(widget.controller.isSignatureShow())...[
+            _buildListViewContainer(),
+            Expanded(
+              child: Obx(() => SignatureOfIdentityBuilder(identity: widget.controller.identitySelected.value!)),
+            )
+          ] else
+            Expanded(child: _buildListViewContainer())
+        ],
+      )),
+    );
+  }
+
+  Widget _buildListViewContainer() {
+    return Container(
+      key: const Key('identities_checkbox_list'),
+      width: 320,
+      foregroundDecoration: BoxDecoration(
+        gradient: LinearGradient(
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
+            colors: [0, 0.5, 0.55, 0.60, 0.65, 0.70, 0.75, 0.80, 0.85, 0.90, 1].map((e) 
+                => Colors.white.withOpacity(e.toDouble())).toList(),
+            stops: const [0.8, 0.82, 0.84, 0.86, 0.88, 0.90, 0.92, 0.94, 0.96, 0.98, 1],// Gradient from https://learnui.design/tools/gradient-generator.html
+            tileMode: TileMode.mirror,
+          ),
+        border: widget.controller.isSignatureShow() ? const Border(right: BorderSide(color: AppColor.colorBorderIdentityInfo)): null,
+      ),
+      padding: const EdgeInsets.only(left: 12.0, bottom: 12.0, top: 12.0, right: 4.0),
+      child: Scrollbar(
+        controller: ScrollController(),
+        radius: const Radius.circular(5.0),
+        thickness: 2.0,
+        child: Obx(() => ListView.builder(
+          padding: const EdgeInsets.only(right: 12.0),
+          itemCount: widget.controller.listAllIdentities.value.length,
+          itemBuilder: ((context, index) {
+            return IdentityListTileBuilder(
+              controller: widget.controller,
+              index: index,
+              selected: widget.controller.selectedIndex.value,
+            );
+          }),
+        ),
+      ))
+    );
+  }
+}