feat: later page: multi select

feat: fav detail page: multi select

opt: reply item

opt: load more

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
This commit is contained in:
bggRGjQaUbCoE
2024-11-28 20:53:52 +08:00
parent 665dd8b92a
commit 12818ae415
51 changed files with 988 additions and 759 deletions

View File

@@ -1,11 +1,12 @@
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/common/common_controller.dart';
import 'package:PiliPalaX/models/model_hot_video_item.dart';
import 'package:PiliPalaX/pages/common/multi_select_controller.dart';
import 'package:flutter/material.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/http/user.dart';
class LaterController extends CommonController {
class LaterController extends MultiSelectController {
RxInt count = (-1).obs;
@override
@@ -20,8 +21,13 @@ class LaterController extends CommonController {
count.value = response.response['count'];
}
if (currentPage != 1 && loadingState.value is Success) {
response.response['list']
.insertAll(0, (loadingState.value as Success).response);
response.response['list'].insertAll(
0,
List<HotVideoItemModel>.from((loadingState.value as Success).response),
);
}
if (response.response['list'].length >= count.value) {
isEnd = true;
}
loadingState.value = LoadingState.success(response.response['list']);
return true;
@@ -45,7 +51,7 @@ class LaterController extends CommonController {
),
TextButton(
onPressed: () async {
var res = await UserHttp.toViewDel(aid: aid);
var res = await UserHttp.toViewDel(aids: [aid]);
if (res['status']) {
if (aid != null) {
List list = (loadingState.value as Success).response;
@@ -103,4 +109,54 @@ class LaterController extends CommonController {
@override
Future<LoadingState> customGetData() => UserHttp.seeYouLater();
onDelChecked(BuildContext context) {
showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: const Text('提示'),
content: const Text('确认删除所选稍后再看吗?'),
actions: [
TextButton(
onPressed: Get.back,
child: Text(
'取消',
style: TextStyle(
color: Theme.of(context).colorScheme.outline,
),
),
),
TextButton(
onPressed: () async {
Get.back();
_onDelete(((loadingState.value as Success).response as List)
.where((e) => e.checked)
.toList());
},
child: const Text('确认'),
)
],
);
},
);
}
void _onDelete(List result) async {
SmartDialog.showLoading(msg: '请求中');
List aids = result.map((item) => item.aid).toList();
dynamic res = await UserHttp.toViewDel(aids: aids);
if (res['status']) {
Set remainList = ((loadingState.value as Success).response as List)
.toSet()
.difference(result.toSet());
loadingState.value = LoadingState.success(remainList.toList());
if (enableMultiSelect.value) {
checkedCount.value = 0;
enableMultiSelect.value = false;
}
}
SmartDialog.dismiss();
SmartDialog.showToast(res['msg']);
}
}

View File

@@ -1,4 +1,7 @@
import 'package:PiliPalaX/common/widgets/icon_button.dart';
import 'package:PiliPalaX/http/loading_state.dart';
import 'package:PiliPalaX/pages/history/view.dart' show AppBarWidget;
import 'package:PiliPalaX/utils/extension.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:PiliPalaX/common/skeleton/video_card_h.dart';
@@ -21,53 +24,94 @@ class _LaterPageState extends State<LaterPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Obx(
() => Text(
'稍后再看${_laterController.count.value == -1 ? '' : ' (${_laterController.count.value})'}',
return Obx(
() => PopScope(
canPop: _laterController.enableMultiSelect.value.not,
onPopInvokedWithResult: (didPop, result) {
if (_laterController.enableMultiSelect.value) {
_laterController.handleSelect();
}
},
child: Scaffold(
appBar: AppBarWidget(
visible: _laterController.enableMultiSelect.value,
child1: AppBar(
title: Obx(
() => Text(
'稍后再看${_laterController.count.value == -1 ? '' : ' (${_laterController.count.value})'}',
),
),
actions: [
Obx(
() => _laterController.count.value != -1
? TextButton(
onPressed: () => _laterController.toViewDel(context),
child: const Text('移除已看'),
)
: const SizedBox(),
),
Obx(
() => _laterController.count.value != -1
? IconButton(
tooltip: '一键清空',
onPressed: () =>
_laterController.toViewClear(context),
icon: Icon(
Icons.clear_all_outlined,
size: 21,
color: Theme.of(context).colorScheme.primary,
),
)
: const SizedBox(),
),
const SizedBox(width: 8),
],
),
child2: AppBar(
leading: IconButton(
tooltip: '取消',
onPressed: _laterController.handleSelect,
icon: const Icon(Icons.close_outlined),
),
title: Obx(
() => Text(
'已选择${_laterController.checkedCount.value}',
),
),
actions: [
TextButton(
onPressed: () => _laterController.handleSelect(true),
child: const Text('全选'),
),
TextButton(
onPressed: () => _laterController.onDelChecked(context),
child: Text(
'移除',
style:
TextStyle(color: Theme.of(context).colorScheme.error),
),
),
const SizedBox(width: 6),
],
),
),
body: CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
controller: _laterController.scrollController,
slivers: [
SliverPadding(
padding: EdgeInsets.only(
left: StyleString.safeSpace,
right: StyleString.safeSpace,
bottom: MediaQuery.of(context).padding.bottom + 10,
),
sliver: Obx(
() => _buildBody(_laterController.loadingState.value),
),
),
],
),
),
actions: [
Obx(
() => _laterController.count.value != -1
? TextButton(
onPressed: () => _laterController.toViewDel(context),
child: const Text('移除已看'),
)
: const SizedBox(),
),
Obx(
() => _laterController.count.value != -1
? IconButton(
tooltip: '一键清空',
onPressed: () => _laterController.toViewClear(context),
icon: Icon(
Icons.clear_all_outlined,
size: 21,
color: Theme.of(context).colorScheme.primary,
),
)
: const SizedBox(),
),
const SizedBox(width: 8),
],
),
body: CustomScrollView(
physics: const AlwaysScrollableScrollPhysics(),
controller: _laterController.scrollController,
slivers: [
SliverPadding(
padding: EdgeInsets.only(
left: StyleString.safeSpace,
right: StyleString.safeSpace,
bottom: MediaQuery.of(context).padding.bottom + 10,
),
sliver: Obx(
() => _buildBody(_laterController.loadingState.value),
),
),
],
),
);
}
@@ -101,11 +145,99 @@ class _LaterPageState extends State<LaterPage> {
delegate: SliverChildBuilderDelegate(
(context, index) {
var videoItem = loadingState.response[index];
return VideoCardH(
videoItem: videoItem,
source: 'later',
longPress: () => _laterController.toViewDel(context,
aid: videoItem.aid));
return Stack(
children: [
VideoCardH(
videoItem: videoItem,
source: 'later',
onTap: _laterController.enableMultiSelect.value.not
? null
: () {
_laterController.onSelect(index);
},
longPress: () {
if (_laterController.enableMultiSelect.value.not) {
_laterController.enableMultiSelect.value = true;
_laterController.onSelect(index);
}
},
),
Positioned(
top: 0,
left: 0,
bottom: 0,
child: IgnorePointer(
child: LayoutBuilder(
builder: (_, constraints) => AnimatedOpacity(
opacity: videoItem.checked ? 1 : 0,
duration: const Duration(milliseconds: 200),
child: Container(
alignment: Alignment.center,
height: constraints.maxHeight,
width: constraints.maxHeight *
StyleString.aspectRatio,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: Colors.black.withOpacity(0.6),
),
child: SizedBox(
width: 34,
height: 34,
child: AnimatedScale(
scale: videoItem.checked ? 1 : 0,
duration: const Duration(milliseconds: 250),
curve: Curves.easeInOut,
child: IconButton(
tooltip: '取消选择',
style: ButtonStyle(
padding: WidgetStateProperty.all(
EdgeInsets.zero),
backgroundColor:
WidgetStateProperty.resolveWith(
(states) {
return Theme.of(context)
.colorScheme
.surface
.withOpacity(0.8);
},
),
),
onPressed: null,
icon: Icon(
Icons.done_all_outlined,
color: Theme.of(context)
.colorScheme
.primary,
),
),
),
),
),
),
),
),
),
Positioned(
right: 0,
bottom: 0,
child: iconButton(
size: 30,
tooltip: '移除',
context: context,
onPressed: () {
_laterController.toViewDel(
context,
aid: videoItem.aid,
);
},
icon: Icons.clear,
iconColor:
Theme.of(context).colorScheme.onSurfaceVariant,
bgColor: Colors.transparent,
),
),
],
);
},
childCount: loadingState.response.length,
),