import 'dart:async'; import 'dart:io'; 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/chatvibe_ui/components/at_debounce_widget.dart'; import 'package:aslan/chatvibe_ui/components/text/at_text.dart'; import 'package:aslan/chatvibe_core/routes/at_fluro_navigator.dart'; import 'package:aslan/chatvibe_data/sources/repositories/dynamic_repository_imp.dart'; import 'package:aslan/app_localizations.dart'; import 'package:aslan/chatvibe_ui/components/appbar/chatvibe_appbar.dart'; import 'package:aslan/chatvibe_ui/components/dialog/dialog_base.dart'; import 'package:aslan/chatvibe_ui/components/at_tts.dart'; import 'package:aslan/chatvibe_core/constants/at_screen.dart'; import 'package:aslan/chatvibe_core/utilities/at_loading_manager.dart'; import 'package:aslan/chatvibe_data/sources/local/data_persistence.dart'; import 'package:aslan/chatvibe_data/sources/repositories/general_repository_imp.dart'; import 'package:aslan/chatvibe_ui/widgets/dynamic/draggable_image_dynamic_photo_grid.dart'; import '../../../chatvibe_core/at_lk_event_bus.dart'; import '../../../chatvibe_domain/models/req/at_dynamic_create_pic_cmd.dart'; import '../../../chatvibe_domain/usecases/at_accurate_length_limiting_textInput_formatter.dart'; class CreateDynamicPage extends StatefulWidget { @override _CreateDynamicPageState createState() => _CreateDynamicPageState(); } class _CreateDynamicPageState extends State { final TextEditingController _editingController = TextEditingController(); String roomCover = ""; final int _contentMaxLength = 2000; int _contentCurrentLength = 0; Timer? _timer; List images = []; @override void initState() { super.initState(); _editingController.addListener(() { setState(() { _contentCurrentLength = _getActualCharacterCount( _editingController.text, ); }); }); _editingController.text = DataPersistence.getDraftDynamicText(); images = DataPersistence.getDraftDynamicPhoto(); _startTimer(); } void _startTimer() { _timer = Timer.periodic(Duration(milliseconds: 2000), (timer) { if (_editingController.text.isNotEmpty) { DataPersistence.setDraftDynamicText(_editingController.text); } if (images.isNotEmpty) { DataPersistence.setDraftDynamicPhoto(images); } }); } dispose() { _timer?.cancel(); super.dispose(); } int _getActualCharacterCount(String text) { return text.characters.length; } @override Widget build(BuildContext context) { return ATDebounceWidget(child: Stack( children: [ Image.asset( "atu_images/room/at_icon_room_settig_bg.png", width: ScreenUtil().screenWidth, height: ScreenUtil().screenHeight, fit: BoxFit.fill, ), Scaffold( backgroundColor: Colors.transparent, resizeToAvoidBottomInset: true, appBar: ChatVibeStandardAppBar( title: "", leading: ATDebounceWidget( child: Container( margin: EdgeInsetsDirectional.only(start: 5.w), child: Icon(Icons.clear, color: Colors.black, size: 20.w), padding: EdgeInsets.all(5.w), ), onTap: () { if(_editingController.text.trim().isNotEmpty||images.isNotEmpty){ SmartDialog.show( tag: "showConfirmDialog", alignment: Alignment.center, animationType: SmartAnimationType.fade, builder: (_) { return MsgDialog( title: ATAppLocalizations.of(context)!.tips, msg: ATAppLocalizations.of(context)!.doYouWantToKeepTheDraft, btnText: ATAppLocalizations.of(context)!.save, cancelText: ATAppLocalizations.of(context)!.discard, onEnsure: () { DataPersistence.setDraftDynamicText(_editingController.text); DataPersistence.setDraftDynamicPhoto(images); ATNavigatorUtils.goBack(context); }, onCancel: (){ _editingController.text = ""; DataPersistence.setDraftDynamicText(""); DataPersistence.setDraftDynamicPhoto([]); ATNavigatorUtils.goBack(context); }, ); }, ); }else{ DataPersistence.setDraftDynamicText(_editingController.text); DataPersistence.setDraftDynamicPhoto(images); ATNavigatorUtils.goBack(context); } }, ), actions: [ ATDebounceWidget( child: Container( margin: EdgeInsetsDirectional.only(end: 10.w), padding: EdgeInsets.symmetric(horizontal: 8.w), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(12.w), ), child: Row( children: [ Image.asset( "atu_images/room/at_icon_room_message_send.png", color: Colors.black, width: 15.w, height: 15.w, ), SizedBox(width: 3.w), text( ATAppLocalizations.of(context)!.posting, textColor: Colors.black, fontSize: 16.sp, fontWeight: FontWeight.w600, ), ], ), ), onTap: () { submit(); }, ), ], ), body: SafeArea( top: false, child: SingleChildScrollView( child: Column( mainAxisSize: MainAxisSize.min, children: [ Row( children: [ Expanded( child: Stack( alignment: AlignmentDirectional.bottomEnd, children: [ Container( margin: EdgeInsets.symmetric(horizontal: 10.w), padding: EdgeInsets.only( top: 5.w, bottom: 10.w, left: width(12), right: width(12), ), alignment: AlignmentDirectional.centerStart, height: 150.w, width: ScreenUtil().screenWidth, decoration: BoxDecoration( color: Colors.transparent, borderRadius: BorderRadius.all( Radius.circular(height(8)), ), border: Border.all( color: Colors.grey, width: 0.2.w, ), ), child: TextField( controller: _editingController, inputFormatters: [ ATAccurateLengthLimitingTextInputFormatter( _contentMaxLength, ), ], maxLines: 100, decoration: InputDecoration( hintText: "", hintStyle: TextStyle( color: Colors.black45, 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, // enabledBorder: UnderlineInputBorder( // borderSide: BorderSide(width: 0.5,color: Colors.white,style: BorderStyle.solid),), // focusedBorder: UnderlineInputBorder( // borderSide: BorderSide(width: 0.5,color: Colors.white,style: BorderStyle.solid),), // prefixIcon: Padding(padding: EdgeInsets.all(8.w), child: Image.asset("images/login/at_icon_phone.png",width: 20.w, height: 20.w,fit: BoxFit.fill,),), fillColor: Colors.black45, ), style: TextStyle( fontSize: sp(15), color: Colors.black, textBaseline: TextBaseline.alphabetic, ), ), ), Row( mainAxisSize: MainAxisSize.min, children: [ SizedBox(width: 3.w), text( '$_contentCurrentLength/$_contentMaxLength', textColor: Color(0xFF999999), ), SizedBox(width: 15.w), ], ), ], ), ), ], ), SizedBox(height: 10.w), Container( margin: EdgeInsets.symmetric(horizontal: 10.w), child: DraggableImageDynamicPhotoGrid( callback: (List images) { this.images = images; }, ), ), ], ), ), ), ), ], ), onTap: (){ FocusScope.of(context).unfocus(); // 彻底取消当前上下文的所有焦点 }); } void submit() async { if (_editingController.text.trim().isEmpty && images.isEmpty) { return; } ATLoadingManager.exhibitOperation(); try { bool canSend = await DynamicRepositoryImp().dynamicCheckSendPermission(); if (!canSend) { ATTts.show(ATAppLocalizations.of(context)!.cantSendDynamicTips); ATLoadingManager.veilRoutine(); return; } List? pics = []; if (images.isNotEmpty) { ///先上传图片 List futures = []; images.forEach((element) { futures.add(GeneralRepositoryImp().upload(File(element))); }); var res = await Future.wait(futures); int sort = 0; res.forEach((el) { String url = el as String; pics.add(ATDynamicCreatePicCmd(resourceUrl: url, sort: sort)); }); } await DynamicRepositoryImp().create( content: _editingController.text, pics: pics, ); ATLoadingManager.veilRoutine(); _timer?.cancel(); DataPersistence.setDraftDynamicText(""); DataPersistence.setDraftDynamicPhoto([]); ATTts.show(ATAppLocalizations.of(context)!.createDynamicSuccess); eventBus.fire(UpdateDynamicEvent()); ATNavigatorUtils.goBack(context); } catch (e) { ATTts.show("fail:${e.toString()}"); ATLoadingManager.veilRoutine(); } } }