Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: separate the trash page widget from trash.dart file

Browse Source
This commit is contained in:
appflowy 2022-09-21 11:37:42 +08:00
parent bdf4e60b48
commit ece29b95f5
1 changed files with 1 additions and 156 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

157
frontend/app_flowy/lib/plugins/trash/trash.dart
View File

@ -3,26 +3,13 @@ export "./src/trash_cell.dart";
export "./src/trash_header.dart"; export "./src/trash_header.dart";
import 'package:app_flowy/startup/plugin/plugin.dart'; import 'package:app_flowy/startup/plugin/plugin.dart';
import 'package:app_flowy/startup/startup.dart';
import 'package:app_flowy/plugins/trash/application/trash_bloc.dart';
import 'package:app_flowy/workspace/presentation/home/home_stack.dart'; import 'package:app_flowy/workspace/presentation/home/home_stack.dart';
import 'package:easy_localization/easy_localization.dart'; import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra/image.dart';
import 'package:flowy_infra/theme.dart';
import 'package:flowy_infra_ui/style_widget/scrolling/styled_list.dart';
import 'package:flowy_infra_ui/style_widget/scrolling/styled_scroll_bar.dart';
import 'package:flowy_infra_ui/style_widget/scrolling/styled_scrollview.dart';
import 'package:flowy_infra_ui/style_widget/text.dart'; import 'package:flowy_infra_ui/style_widget/text.dart';
import 'package:flowy_infra_ui/style_widget/button.dart';
import 'package:flowy_infra_ui/widget/spacing.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:styled_widget/styled_widget.dart';
import 'package:app_flowy/generated/locale_keys.g.dart'; import 'package:app_flowy/generated/locale_keys.g.dart';
import 'src/sizes.dart'; import 'trash_page.dart';
import 'src/trash_cell.dart';
import 'src/trash_header.dart';
class TrashPluginBuilder extends PluginBuilder { class TrashPluginBuilder extends PluginBuilder {
@override @override
@ -71,145 +58,3 @@ class TrashPluginDisplay extends PluginDisplay {
@override @override
List<NavigationItem> get navigationItems => [this]; List<NavigationItem> get navigationItems => [this];
} }
class TrashPage extends StatefulWidget {
const TrashPage({Key? key}) : super(key: key);
@override
State<TrashPage> createState() => _TrashPageState();
}
class _TrashPageState extends State<TrashPage> {
final ScrollController _scrollController = ScrollController();
@override
Widget build(BuildContext context) {
final theme = context.watch<AppTheme>();
const horizontalPadding = 80.0;
return BlocProvider(
create: (context) => getIt<TrashBloc>()..add(const TrashEvent.initial()),
child: BlocBuilder<TrashBloc, TrashState>(
builder: (context, state) {
return SizedBox.expand(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
_renderTopBar(context, theme, state),
const VSpace(32),
_renderTrashList(context, state),
],
).padding(horizontal: horizontalPadding, vertical: 48),
);
},
),
);
}
Widget _renderTrashList(BuildContext context, TrashState state) {
const barSize = 6.0;
return Expanded(
child: ScrollbarListStack(
axis: Axis.vertical,
controller: _scrollController,
scrollbarPadding: EdgeInsets.only(top: TrashSizes.headerHeight),
barSize: barSize,
child: StyledSingleChildScrollView(
controller: ScrollController(),
barSize: barSize,
axis: Axis.horizontal,
child: SizedBox(
width: TrashSizes.totalWidth,
child: ScrollConfiguration(
behavior: const ScrollBehavior().copyWith(scrollbars: false),
child: CustomScrollView(
shrinkWrap: true,
physics: StyledScrollPhysics(),
controller: _scrollController,
slivers: [
_renderListHeader(context, state),
_renderListBody(context, state),
],
),
),
),
),
),
);
}
Widget _renderTopBar(BuildContext context, AppTheme theme, TrashState state) {
return SizedBox(
height: 36,
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
FlowyText.semibold(LocaleKeys.trash_text.tr()),
const Spacer(),
IntrinsicWidth(
child: FlowyButton(
text: FlowyText.medium(LocaleKeys.trash_restoreAll.tr(),
fontSize: 12),
leftIcon: svgWidget('editor/restore', color: theme.iconColor),
hoverColor: theme.hover,
onTap: () => context.read<TrashBloc>().add(
const TrashEvent.restoreAll(),
),
),
),
const HSpace(6),
IntrinsicWidth(
child: FlowyButton(
text: FlowyText.medium(LocaleKeys.trash_deleteAll.tr(),
fontSize: 12),
leftIcon: svgWidget('editor/delete', color: theme.iconColor),
hoverColor: theme.hover,
onTap: () =>
context.read<TrashBloc>().add(const TrashEvent.deleteAll()),
),
)
],
),
);
}
Widget _renderListHeader(BuildContext context, TrashState state) {
return SliverPersistentHeader(
delegate: TrashHeaderDelegate(),
floating: true,
pinned: true,
);
}
Widget _renderListBody(BuildContext context, TrashState state) {
return SliverList(
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
final object = state.objects[index];
return SizedBox(
height: 42,
child: TrashCell(
object: object,
onRestore: () {
context.read<TrashBloc>().add(TrashEvent.putback(object.id));
},
onDelete: () =>
context.read<TrashBloc>().add(TrashEvent.delete(object)),
),
);
},
childCount: state.objects.length,
addAutomaticKeepAlives: false,
),
);
}
}
// class TrashScrollbar extends ScrollBehavior {
// @override
// Widget buildScrollbar(BuildContext context, Widget child, ScrollableDetails details) {
// return ScrollbarListStack(
// controller: details.controller,
// axis: Axis.vertical,
// barSize: 6,
// child: child,
// );
// }
// }