TF-138 Add presentation layer for search mail with text pattern

2021-10-26 13:18:09 +07:00
parent faa40747eb
commit 3eaaccd551
18 changed files with 882 additions and 145 deletions
@@ -0,0 +1,88 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+typedef OnSelectedSuggestion = Function(String);
+
+class SuggestionBoxWidget {
+
+  OnSelectedSuggestion? _onSelectedSuggestion;
+
+  final BuildContext _context;
+  final ImagePaths _imagePaths;
+
+  double? _suggestionHeight;
+  double? _elevation;
+  List<String> _listData;
+
+  SuggestionBoxWidget(
+    this._context,
+    this._imagePaths,
+    this._listData,
+  );
+
+  void setSuggestionHeight(double suggestionHeight) {
+    _suggestionHeight = suggestionHeight;
+  }
+
+  void setElevation(double elevation) {
+    _elevation = elevation;
+  }
+
+  void addOnSelectedSuggestion(OnSelectedSuggestion onSelectedSuggestion) {
+    _onSelectedSuggestion = onSelectedSuggestion;
+  }
+
+  Widget build() {
+    return Material(
+      elevation: _elevation ?? 3,
+      color: Colors.white,
+      child: ConstrainedBox(
+        constraints: BoxConstraints(
+          maxHeight: _suggestionHeight ?? 60,
+        ),
+        child: ListView.builder(
+          shrinkWrap: true,
+          padding: EdgeInsets.zero,
+          itemCount: _listData.length,
+          itemBuilder: (BuildContext context, int index) => ListTile(
+            contentPadding: EdgeInsets.symmetric(horizontal: 10),
+            onTap: () {
+              if (_onSelectedSuggestion != null) {
+                _onSelectedSuggestion!(_listData[index]);
+              }},
+            leading: IconButton(
+              color: AppColor.baseTextColor,
+              icon: SvgPicture.asset(_imagePaths.icSearch, color: AppColor.baseTextColor, fit: BoxFit.fill),
+              onPressed: () {
+                if (_onSelectedSuggestion != null) {
+                  _onSelectedSuggestion!(_listData[index]);
+                }
+              }),
+            title: Transform(
+              transform: Matrix4.translationValues(-12.0, 0.0, 0.0),
+              child: Row(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                mainAxisAlignment: MainAxisAlignment.start,
+                children: [
+                  Text(
+                    '${AppLocalizations.of(_context).prefix_suggestion_search} ',
+                    style: TextStyle(fontSize: 15, color: AppColor.baseTextColor),
+                  ),
+                  Expanded(child: Text(
+                    '"${_listData[index]}"',
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    style: TextStyle(fontSize: 15, color: AppColor.nameUserColor, fontWeight: FontWeight.w500),
+                  ))
+                ],
+              )
+            )
+          ),
+        ),
+      ),
+    );
+  }
+}