136 lines
3.8 KiB
Dart
136 lines
3.8 KiB
Dart
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
import 'package:plan/api/dto/plan_detail_dto.dart';
|
|
|
|
class EditPopup extends StatefulWidget {
|
|
final PlanStepDto step;
|
|
final Function(PlanStepDto) onEdit;
|
|
|
|
const EditPopup({super.key, required this.step, required this.onEdit});
|
|
|
|
@override
|
|
State<EditPopup> createState() => _EditPopupState();
|
|
}
|
|
|
|
class _EditPopupState extends State<EditPopup> {
|
|
///输入框
|
|
final TextEditingController _titleController = TextEditingController();
|
|
final TextEditingController _descriptionController = TextEditingController();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_titleController.text = widget.step.stepContent ?? "";
|
|
_descriptionController.text = widget.step.stepExplain ?? "";
|
|
|
|
// 监听任何一次输入
|
|
_titleController.addListener(_updateSaveButton);
|
|
_descriptionController.addListener(_updateSaveButton);
|
|
}
|
|
|
|
///是否允许保存
|
|
get isSave => _titleController.text.isNotEmpty && _descriptionController.text.isNotEmpty;
|
|
|
|
void _updateSaveButton() => setState(() {});
|
|
|
|
///保存
|
|
void _handSave() {
|
|
//更新数据
|
|
var step = widget.step.copyWith(
|
|
stepContent: _titleController.text,
|
|
stepExplain: _descriptionController.text,
|
|
);
|
|
|
|
widget.onEdit(step);
|
|
context.pop();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 40),
|
|
child: Container(
|
|
clipBehavior: Clip.hardEdge,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(10),
|
|
topRight: Radius.circular(10),
|
|
),
|
|
),
|
|
child: CupertinoPageScaffold(
|
|
backgroundColor: Theme.of(context).colorScheme.surfaceContainer,
|
|
navigationBar: CupertinoNavigationBar(
|
|
middle: Text("Edit Steps"),
|
|
leading: CupertinoButton(
|
|
padding: EdgeInsets.zero,
|
|
onPressed: () {
|
|
context.pop();
|
|
},
|
|
child: Text("Cancel", style: TextStyle(color: CupertinoColors.black)),
|
|
),
|
|
trailing: CupertinoButton(
|
|
padding: EdgeInsets.zero,
|
|
|
|
onPressed: isSave ? _handSave : null,
|
|
child: Text("Save"),
|
|
),
|
|
),
|
|
child: SafeArea(
|
|
child: ListView(
|
|
padding: EdgeInsets.all(15),
|
|
children: [
|
|
_smallTitle("STEP DETAILS"),
|
|
Container(
|
|
padding: EdgeInsets.all(15),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
_input(_titleController, "Task"),
|
|
Divider(),
|
|
_input(_descriptionController, "Description"),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _smallTitle(String title) {
|
|
return Container(
|
|
margin: EdgeInsets.only(bottom: 5),
|
|
padding: EdgeInsets.only(left: 10),
|
|
child: Text(
|
|
title,
|
|
style: Theme.of(context).textTheme.labelSmall?.copyWith(
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
///输入框
|
|
Widget _input(TextEditingController controller, String hint) {
|
|
return TextField(
|
|
maxLines: null,
|
|
minLines: 3,
|
|
// 允许无限换行
|
|
keyboardType: TextInputType.multiline,
|
|
controller: controller,
|
|
style: TextStyle(fontSize: 16),
|
|
decoration: InputDecoration(
|
|
hintText: hint,
|
|
border: InputBorder.none,
|
|
isCollapsed: true,
|
|
),
|
|
);
|
|
}
|
|
}
|