TF-233 Add presentation for create new mailbox

2022-02-22 15:06:21 +07:00
parent 54034811ac
commit eec37295c8
19 changed files with 503 additions and 86 deletions
@@ -0,0 +1,87 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+typedef OnCancelActionClick = void Function();
+typedef OnCreateActionClick = void Function();
+
+class AppBarMailboxCreatorWidget {
+  OnCancelActionClick? _cancelActionClick;
+  OnCreateActionClick? _createActionClick;
+
+  final BuildContext _context;
+  final bool isValidated;
+
+  AppBarMailboxCreatorWidget(
+      this._context,
+      {this.isValidated = false}
+  );
+
+  void addOnCancelActionClick(OnCancelActionClick onCancelActionClick) {
+    _cancelActionClick = onCancelActionClick;
+  }
+
+  void addOnCreateActionClick(OnCreateActionClick onCreateActionClick) {
+    _createActionClick = onCreateActionClick;
+  }
+
+  Widget build() {
+    return Container(
+        key: Key('app_bar_mailbox_creator'),
+        alignment: Alignment.center,
+        padding: EdgeInsets.symmetric(vertical: 8, horizontal: 12),
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
+          color: AppColor.colorBgMailbox),
+        child: MediaQuery(
+            data: MediaQueryData(padding: EdgeInsets.zero),
+            child: Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  _buildCancelButton(),
+                  Expanded(child: _buildTitle()),
+                  _buildCreateButton()
+                ]
+            )
+        )
+    );
+  }
+
+  Widget _buildCancelButton() {
+    return Material(
+        borderRadius: BorderRadius.circular(20),
+        color: Colors.transparent,
+        child: TextButton(
+            child: Text(
+              AppLocalizations.of(_context).cancel,
+              style: TextStyle(fontSize: 17, color: AppColor.colorTextButton),
+            ),
+            onPressed: () => _cancelActionClick?.call()
+        )
+    );
+  }
+
+  Widget _buildCreateButton() {
+    return Material(
+        borderRadius: BorderRadius.circular(20),
+        color: Colors.transparent,
+        child: TextButton(
+            child: Text(
+              AppLocalizations.of(_context).done,
+              style: TextStyle(fontSize: 17, color: isValidated ? AppColor.colorTextButton : AppColor.colorDisableMailboxCreateButton),
+            ),
+            onPressed: () => _createActionClick?.call()
+        )
+    );
+  }
+
+  Widget _buildTitle() {
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 8),
+      child: Text(
+        AppLocalizations.of(_context).new_mailbox,
+        textAlign: TextAlign.center,
+        style: TextStyle(fontSize: 17, color: AppColor.colorNameEmail, fontWeight: FontWeight.w700)));
+  }
+}
@@ -0,0 +1,33 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+
+class CreateMailboxNameInputDecorationBuilder extends InputDecorationBuilder {
+
+  @override
+  InputDecoration build() {
+    return InputDecoration(
+      enabledBorder: enabledBorder ?? OutlineInputBorder(
+        borderRadius: BorderRadius.all(Radius.circular(10)),
+        borderSide: BorderSide(width: 1, color: AppColor.colorInputBorderCreateMailbox)),
+      focusedBorder: enabledBorder ?? OutlineInputBorder(
+        borderRadius: BorderRadius.all(Radius.circular(10)),
+        borderSide: BorderSide(width: 1, color: AppColor.colorTextButton)),
+      errorBorder: errorBorder ?? OutlineInputBorder(
+        borderRadius: BorderRadius.all(Radius.circular(10)),
+        borderSide: BorderSide(width: 1, color: AppColor.colorInputBorderErrorVerifyName)),
+      prefixText: prefixText,
+      labelText: labelText,
+      floatingLabelBehavior: FloatingLabelBehavior.never,
+      labelStyle: labelStyle ?? TextStyle(color: AppColor.colorNameEmail, fontSize: 16),
+      hintText: hintText,
+      hintStyle: hintStyle ?? TextStyle(color: AppColor.colorHintInputCreateMailbox, fontSize: 16),
+      contentPadding: contentPadding ?? EdgeInsets.all(12),
+      errorText: errorText,
+      errorStyle: errorTextStyle ?? TextStyle(color: AppColor.colorInputBorderErrorVerifyName, fontSize: 13),
+      filled: true,
+      fillColor: errorText?.isNotEmpty == true
+          ? AppColor.colorInputBackgroundErrorVerifyName
+          : AppColor.colorInputBackgroundCreateMailbox);
+  }
+}