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

feat: mobile sort editor (#4714)

Browse Source
This commit is contained in:
Richard Shiue
2024-02-23 20:47:19 +08:00
committed by GitHub
parent acd75befbc
commit c0796e8ae5
11 changed files with 835 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
frontend/appflowy_flutter/lib/plugins/database/widgets/setting/mobile_database_controls.dart
View File

@ -2,12 +2,15 @@ import 'package:appflowy/generated/flowy_svgs.g.dart';
import 'package:appflowy/generated/locale_keys.g.dart';
import 'package:appflowy/mobile/presentation/bottom_sheet/bottom_sheet.dart';
import 'package:appflowy/mobile/presentation/database/view/database_field_list.dart';
import 'package:appflowy/mobile/presentation/database/view/database_sort_bottom_sheet.dart';
import 'package:appflowy/plugins/database/application/database_controller.dart';
import 'package:appflowy/plugins/database/grid/application/filter/filter_menu_bloc.dart';
import 'package:appflowy/plugins/database/grid/application/sort/sort_editor_bloc.dart';
import 'package:appflowy/plugins/database/grid/application/sort/sort_menu_bloc.dart';
import 'package:appflowy/plugins/database/grid/presentation/grid_page.dart';
import 'package:appflowy/workspace/application/view/view_bloc.dart';
import 'package:easy_localization/easy_localization.dart';
import 'package:flowy_infra_ui/flowy_infra_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
@ -56,24 +59,25 @@ class MobileDatabaseControls extends StatelessWidget {
return const SizedBox.shrink();
}
return _DatabaseControlButton(
icon: FlowySvgs.m_field_hide_s,
onTap: () => showTransitionMobileBottomSheet(
context,
showHeader: true,
showBackButton: true,
title: LocaleKeys.grid_settings_properties.tr(),
showDivider: true,
builder: (_) {
return BlocProvider.value(
value: context.read<ViewBloc>(),
child: MobileDatabaseFieldList(
databaseController: controller,
canCreate: false,
),
);
},
),
return SeparatedRow(
separatorBuilder: () => const HSpace(8.0),
children: [
_DatabaseControlButton(
icon: FlowySvgs.sort_ascending_s,
count: context.watch<SortMenuBloc>().state.sortInfos.length,
onTap: () => _showEditSortPanelFromToolbar(
context,
controller,
),
),
_DatabaseControlButton(
icon: FlowySvgs.m_field_hide_s,
onTap: () => _showDatabaseFieldListFromToolbar(
context,
controller,
),
),
],
);
},
),
@ -86,24 +90,85 @@ class _DatabaseControlButton extends StatelessWidget {
const _DatabaseControlButton({
required this.onTap,
required this.icon,
this.count = 0,
});
final VoidCallback onTap;
final FlowySvgData icon;
final int count;
@override
Widget build(BuildContext context) {
return SizedBox.square(
dimension: 36,
child: IconButton(
splashRadius: 18,
padding: EdgeInsets.zero,
onPressed: onTap,
icon: FlowySvg(
icon,
size: const Size.square(20),
),
return InkWell(
onTap: onTap,
borderRadius: BorderRadius.circular(10),
child: Padding(
padding: const EdgeInsets.all(5.0),
child: count == 0
? FlowySvg(
icon,
size: const Size.square(20),
)
: Row(
children: [
FlowySvg(
icon,
size: const Size.square(20),
color: Theme.of(context).colorScheme.primary,
),
const HSpace(2.0),
FlowyText.medium(
count.toString(),
color: Theme.of(context).colorScheme.primary,
),
],
),
),
);
}
}
void _showDatabaseFieldListFromToolbar(
BuildContext context,
DatabaseController databaseController,
) {
showTransitionMobileBottomSheet(
context,
showHeader: true,
showBackButton: true,
title: LocaleKeys.grid_settings_properties.tr(),
showDivider: true,
builder: (_) {
return BlocProvider.value(
value: context.read<ViewBloc>(),
child: MobileDatabaseFieldList(
databaseController: databaseController,
canCreate: false,
),
);
},
);
}
void _showEditSortPanelFromToolbar(
BuildContext context,
DatabaseController databaseController,
) {
showMobileBottomSheet(
context,
backgroundColor: Theme.of(context).colorScheme.surface,
showDragHandle: true,
showDivider: false,
useSafeArea: false,
builder: (_) {
return BlocProvider(
create: (_) => SortEditorBloc(
viewId: databaseController.viewId,
fieldController: databaseController.fieldController,
sortInfos: databaseController.fieldController.sortInfos,
)..add(const SortEditorEvent.initial()),
child: const MobileSortEditor(),
);
},
);
}