314 lines
13 KiB
Dart
314 lines
13 KiB
Dart
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<CreateDynamicPage> {
|
|
final TextEditingController _editingController = TextEditingController();
|
|
String roomCover = "";
|
|
final int _contentMaxLength = 2000;
|
|
int _contentCurrentLength = 0;
|
|
Timer? _timer;
|
|
List<String> 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<String> 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<ATDynamicCreatePicCmd>? pics = [];
|
|
if (images.isNotEmpty) {
|
|
///先上传图片
|
|
List<Future> 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();
|
|
}
|
|
}
|
|
}
|