import 'dart:ui' as ui; import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; import 'package:aslan/app_localizations.dart'; import 'package:aslan/chatvibe_ui/components/appbar/chatvibe_appbar.dart'; import 'package:aslan/chatvibe_ui/components/at_debounce_widget.dart'; import 'package:aslan/chatvibe_ui/components/at_compontent.dart'; import 'package:aslan/chatvibe_ui/components/text/at_text.dart'; import 'package:aslan/chatvibe_ui/components/at_tts.dart'; import 'package:aslan/chatvibe_core/routes/at_fluro_navigator.dart'; import 'package:aslan/chatvibe_core/utilities/at_loading_manager.dart'; import 'package:aslan/chatvibe_data/sources/local/user_manager.dart'; import 'package:aslan/chatvibe_managers/user_profile_manager.dart'; import 'package:provider/provider.dart'; import 'package:aslan/chatvibe_ui/components/dialog/dialog_base.dart'; import 'package:aslan/chatvibe_core/constants/at_screen.dart'; import 'package:aslan/chatvibe_core/routes/at_routes.dart'; import 'package:aslan/chatvibe_core/utilities/at_pick_utils.dart'; import 'package:aslan/chatvibe_data/sources/repositories/family_repository_impl.dart'; import '../../../chatvibe_domain/usecases/at_accurate_length_limiting_textInput_formatter.dart'; import '../../../chatvibe_domain/usecases/at_custom_filtering_textinput_formatter.dart'; import '../../../chatvibe_domain/usecases/at_custom_filtering_textinput_formatter2.dart'; class EditFamilyPage extends StatefulWidget { String familyId = ""; EditFamilyPage(this.familyId); @override _EditFamilyPageState createState() => _EditFamilyPageState(); } class _EditFamilyPageState extends State { TextEditingController familyNameController = TextEditingController(); TextEditingController familyInfoController = TextEditingController(); TextEditingController familyAnnouncementController = TextEditingController(); final int _familyNameMaxLength = 24; int _familyNameCurrentLength = 0; String familyCover = ""; final int _familyInfoMaxLength = 80; int _familyInfoCurrentLength = 0; final int _familyAnnouncementMaxLength = 80; int _familyAnnouncementCurrentLength = 0; @override void initState() { super.initState(); loadFamilyInfo(); familyNameController.addListener(() { setState(() { _familyNameCurrentLength = _getActualCharacterCount( familyNameController.text, ); }); }); familyInfoController.addListener(() { setState(() { _familyInfoCurrentLength = _getActualCharacterCount( familyInfoController.text, ); }); }); familyAnnouncementController.addListener(() { setState(() { _familyAnnouncementCurrentLength = _getActualCharacterCount( familyAnnouncementController.text, ); }); }); } int _getActualCharacterCount(String text) { return text.characters.length; } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.transparent, resizeToAvoidBottomInset: true, body: SafeArea( top: false, child: LayoutBuilder( builder: (context, constraints) { return SingleChildScrollView( padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom, ), child: Stack( children: [ Image.asset( "atu_images/family/at_icon_family_head_bg.png", fit: BoxFit.fitWidth, ), PositionedDirectional( top: 11.w, child: ChatVibeStandardAppBar( actions: [], title: "", backButtonColor: Colors.white, ), ), Container( margin: EdgeInsets.only(top: 212.w), child: ClipRRect( borderRadius: BorderRadius.only( topLeft: Radius.circular(12.w), topRight: Radius.circular(12.w), ), child: BackdropFilter( filter: ui.ImageFilter.blur(sigmaX: 18, sigmaY: 18), child: Container( alignment: Alignment.center, color: Colors.white10, child: Column( children: [ SizedBox(height: 12.w), Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Container(width: 48.w), Spacer(), text( ATAppLocalizations.of(context)!.editFamily, fontSize: 15.sp, fontWeight: FontWeight.w600, textColor: Colors.white, ), Spacer(), ATDebounceWidget( child: Container( padding: EdgeInsets.all(3.w), margin: EdgeInsetsDirectional.only( end: 10.w, ), child: text( ATAppLocalizations.of(context)!.save, fontSize: 15.sp, fontWeight: FontWeight.w600, textColor: Colors.white, ), ), onTap: () { if (familyNameController.text.isEmpty) { ATTts.show( ATAppLocalizations.of( context, )!.enterFamilyName, ); return; } _submit(); }, ), ], ), SizedBox(height: 20.w), ATDebounceWidget( child: Stack( alignment: Alignment.center, children: [ Image.asset( "atu_images/family/at_icon_create_family_camer.png", height: 85.w, ), familyCover.isNotEmpty ? netImage( url: familyCover, fit: BoxFit.cover, borderRadius: BorderRadius.all( Radius.circular(8.w), ), width: 85.w, height: 85.w, ) : Container(), ], ), onTap: () { ATPickUtils.pickImageProcess(aspectRatio: 1, context, ( bool success, String url, ) { if (success) { setState(() { familyCover = url; }); } }); }, ), SizedBox(height: 10.w), Row( children: [ SizedBox(width: 10.w), text( "*", textColor: Colors.red, fontSize: 13.sp, fontWeight: FontWeight.w600, ), text( "${ATAppLocalizations.of(context)!.familyName}:", textColor: Colors.white, fontSize: 14.sp, fontWeight: FontWeight.w600, ), ], ), SizedBox(height: 8.w), Container( margin: EdgeInsets.symmetric(horizontal: 15.w), // 外部容器用于实现渐变边框 decoration: BoxDecoration( borderRadius: BorderRadius.circular(8.w), // 渐变色边框 gradient: LinearGradient( colors: [ Color(0xffcecece), // 渐变色1 Color(0xff5b5b5b), // 渐变色2 Color(0xffcecece), // 渐变色3 ], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), // 内部留白（边框宽度） padding: EdgeInsets.all(1.w), // 边框宽度 child: Container( padding: EdgeInsets.only( left: width(12), right: width(12), ), alignment: AlignmentDirectional.centerStart, height: 45.w, decoration: BoxDecoration( borderRadius: BorderRadius.circular(7.5.w), // 比外圆角小边框宽度 color: Colors.black87, // 背景色 ), child: TextField( controller: familyNameController, onChanged: (text) {}, inputFormatters: [ ATCustomFilteringTextInputFormatter(), ATAccurateLengthLimitingTextInputFormatter( _familyNameMaxLength, ), ], decoration: InputDecoration( hintText: ATAppLocalizations.of( context, )!.enterFamilyName, hintStyle: TextStyle( color: Colors.white, fontSize: 14.sp, ), contentPadding: EdgeInsets.only(top: 0.w), counterText: '', isDense: true, filled: false, focusColor: Colors.transparent, hoverColor: Colors.transparent, border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none, disabledBorder: InputBorder.none, errorBorder: InputBorder.none, focusedErrorBorder: InputBorder.none, suffix: Row( mainAxisSize: MainAxisSize.min, children: [ SizedBox(width: 3.w), text( '$_familyNameCurrentLength/$_familyNameMaxLength', textColor: Colors.white, ), ], ), ), style: TextStyle( fontSize: sp(14), color: Colors.white, textBaseline: TextBaseline.alphabetic, ), ), ), ), SizedBox(height: 10.w), Row( children: [ SizedBox(width: 10.w), text( "${ATAppLocalizations.of(context)!.familyInfo}:", textColor: Colors.white, fontSize: 14.sp, fontWeight: FontWeight.w600, ), ], ), SizedBox(height: 8.w), Container( margin: EdgeInsets.symmetric(horizontal: 15.w), // 外部容器用于实现渐变边框 decoration: BoxDecoration( borderRadius: BorderRadius.circular(8.w), // 渐变色边框 gradient: LinearGradient( colors: [ Color(0xffcecece), // 渐变色1 Color(0xff5b5b5b), // 渐变色2 Color(0xffcecece), // 渐变色3 ], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), // 内部留白（边框宽度） padding: EdgeInsets.all(1.w), // 边框宽度 child: Stack( alignment: AlignmentDirectional.bottomEnd, children: [ Container( padding: EdgeInsets.only( top: width(12), left: width(12), right: width(12), ), alignment: AlignmentDirectional.topStart, height: 115.w, decoration: BoxDecoration( borderRadius: BorderRadius.circular( 7.5.w, ), // 比外圆角小边框宽度 color: Colors.black87, // 背景色 ), child: TextField( controller: familyInfoController, onChanged: (text) {}, inputFormatters: [ ATCustomFilteringTextInputFormatter2(), ATAccurateLengthLimitingTextInputFormatter( _familyInfoMaxLength, ), ], maxLines: 5, decoration: InputDecoration( hintText: ATAppLocalizations.of( context, )!.enterFamilyInfo, hintStyle: TextStyle( color: Colors.white, fontSize: 14.sp, ), contentPadding: EdgeInsets.only( top: 0.w, ), counterText: '', isDense: true, filled: false, focusColor: Colors.transparent, hoverColor: Colors.transparent, border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none, disabledBorder: InputBorder.none, errorBorder: InputBorder.none, focusedErrorBorder: InputBorder.none, suffix: Row( mainAxisSize: MainAxisSize.min, children: [SizedBox(width: 3.w)], ), ), style: TextStyle( fontSize: sp(14), color: Colors.white, textBaseline: TextBaseline.alphabetic, ), ), ), Row( mainAxisSize: MainAxisSize.min, children: [ text( '$_familyInfoCurrentLength/$_familyInfoMaxLength', textColor: Colors.white, ), SizedBox(width: 3.w), ], ), ], ), ), SizedBox(height: 10.w), Row( children: [ SizedBox(width: 10.w), text( "${ATAppLocalizations.of(context)!.familyAnnouncement}:", textColor: Colors.white, fontSize: 14.sp, fontWeight: FontWeight.w600, ), ], ), SizedBox(height: 8.w), Container( margin: EdgeInsets.symmetric(horizontal: 15.w), // 外部容器用于实现渐变边框 decoration: BoxDecoration( borderRadius: BorderRadius.circular(8.w), // 渐变色边框 gradient: LinearGradient( colors: [ Color(0xffcecece), // 渐变色1 Color(0xff5b5b5b), // 渐变色2 Color(0xffcecece), // 渐变色3 ], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), // 内部留白（边框宽度） padding: EdgeInsets.all(1.w), // 边框宽度 child: Stack( alignment: AlignmentDirectional.bottomEnd, children: [ Container( padding: EdgeInsets.only( top: width(12), left: width(12), right: width(12), ), alignment: AlignmentDirectional.topStart, height: 115.w, decoration: BoxDecoration( borderRadius: BorderRadius.circular( 7.5.w, ), // 比外圆角小边框宽度 color: Colors.black87, // 背景色 ), child: TextField( controller: familyAnnouncementController, onChanged: (text) {}, inputFormatters: [ ATCustomFilteringTextInputFormatter2(), ATAccurateLengthLimitingTextInputFormatter( _familyAnnouncementMaxLength, ), ], maxLines: 5, decoration: InputDecoration( isDense: true, filled: false, focusColor: Colors.transparent, hoverColor: Colors.transparent, border: InputBorder.none, enabledBorder: InputBorder.none, focusedBorder: InputBorder.none, disabledBorder: InputBorder.none, errorBorder: InputBorder.none, focusedErrorBorder: InputBorder.none, hintText: ATAppLocalizations.of( context, )!.enterFamilyAnnouncement, hintStyle: TextStyle( color: Colors.white, fontSize: 14.sp, ), contentPadding: EdgeInsets.only( top: 0.w, ), counterText: '', suffix: Row( mainAxisSize: MainAxisSize.min, children: [SizedBox(width: 3.w)], ), ), style: TextStyle( fontSize: sp(14), color: Colors.white, textBaseline: TextBaseline.alphabetic, ), ), ), Row( mainAxisSize: MainAxisSize.min, children: [ text( '$_familyAnnouncementCurrentLength/$_familyAnnouncementMaxLength', textColor: Colors.white, ), SizedBox(width: 3.w), ], ), ], ), ), SizedBox(height: 15.w), ATDebounceWidget( debounceTime: Duration(milliseconds: 800), child: Container( width: 240.w, padding: EdgeInsets.symmetric(vertical: 12.w), decoration: BoxDecoration( borderRadius: BorderRadius.circular(60.w), gradient: LinearGradient( colors: [ Color(0xff540001), Color(0xffB70508), ], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), child: Column( children: [ text( ATAppLocalizations.of( context, )!.disbandTheFamily, fontSize: 15.sp, fontWeight: FontWeight.w600, textColor: Colors.white, ), ], ), ), onTap: () { SmartDialog.show( tag: "showConfirmDialog", alignment: Alignment.center, animationType: SmartAnimationType.fade, builder: (_) { return MsgDialog( title: ATAppLocalizations.of(context)!.tips, msg: ATAppLocalizations.of( context, )!.disbandTheFamilyTips, btnText: ATAppLocalizations.of( context, )!.confirm, isDark: true, onEnsure: () { ATLoadingManager.exhibitOperation(); GroupRepository() .familyDisband() .then((res) { ATLoadingManager.veilRoutine(); ATTts.show( ATAppLocalizations.of( context, )!.operationSuccessful, ); Provider.of( context, listen: false, ).updateFamily(null); ATNavigatorUtils.popUntil( context, ModalRoute.withName( ATRoutes.home, ), ); }) .catchError((_) { ATLoadingManager.veilRoutine(); }); }, ); }, ); }, ), SizedBox(height: 25.w), ], ), ), ), ), ), ], ), ); }, ), ), ); } void _submit() { if (familyCover.isEmpty) { familyCover = AccountStorage().getCurrentUser()?.userProfile?.userAvatar ?? ""; } ATLoadingManager.exhibitOperation(); GroupRepository() .familyEdit( familyCover, familyNameController.text, familyInfoController.text, familyAnnouncementController.text, ) .then((result) { ATTts.show(ATAppLocalizations.of(context)!.operationSuccessful); ATLoadingManager.veilRoutine(); ATNavigatorUtils.goBack(context); }) .catchError((_) { ATLoadingManager.veilRoutine(); ATNavigatorUtils.goBack(context); }); } void loadFamilyInfo() { ATLoadingManager.exhibitOperation(); GroupRepository() .familyBaseInfo(familyId: widget.familyId) .then((result) { familyCover = result.familyAvatar ?? ""; familyNameController.text = result.familyName ?? ""; familyInfoController.text = result.familyIntro ?? ""; familyAnnouncementController.text = result.familyNotice ?? ""; setState(() {}); ATLoadingManager.veilRoutine(); }) .catchError((_) { ATLoadingManager.veilRoutine(); }); } }