debuggerx/dde_gesture_manager
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: market logic.

Browse Source
This commit is contained in:
DebuggerX
2022-01-13 18:41:13 +08:00
parent 489dc227de
commit 52b5d9e259
6 changed files with 253 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/lib/widgets/market.dart
+196 -4
View File
@@ -1,7 +1,16 @@
import 'package:auto_size_text/auto_size_text.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:dde_gesture_manager/constants/constants.dart';
import 'package:dde_gesture_manager/http/api.dart';
import 'package:dde_gesture_manager/models/configs.provider.dart';
import 'package:dde_gesture_manager/models/settings.provider.dart';
import 'package:dde_gesture_manager/widgets/dde_button.dart';
import 'package:dde_gesture_manager_api/models.dart';
import 'package:flutter/material.dart';
import 'package:dde_gesture_manager/extensions.dart';
import 'package:markdown_editor_ot/markdown_editor.dart';
import 'package:numeral/numeral.dart';
import 'package:collection/collection.dart';
enum MarketSortType {
recommend,
@@ -18,10 +27,69 @@ class MarketWidget extends StatefulWidget {
}
class _MarketWidgetState extends State<MarketWidget> {
List<MarketSchemeTransMetaData> _schemes = [];
bool _hasMore = true;
int _currentPage = 0;
MarketSortType _type = MarketSortType.recommend;
String? _selected;
String? _hovering;
int _refreshKey = 0;
List<int> _likedSchemes = [];
@override
void initState() {
super.initState();
Api.userLikes().then((value) {
if (mounted && value != null)
setState(() {
_likedSchemes = value;
});
});
Api.marketSchemes(type: _type, page: _currentPage).then((value) {
if (mounted && value != null)
setState(() {
_schemes = value.items;
_selected = value.items.isNotEmpty ? value.items.first.uuid : null;
_hasMore = value.hasMore;
});
});
}
Color _getItemBackgroundColor(int index, String? schemeId) {
Color _color = index % 2 == 0 ? context.t.scaffoldBackgroundColor : context.t.backgroundColor;
if (schemeId == _hovering) _color = context.t.dialogBackgroundColor;
if (schemeId == _selected) _color = context.read<SettingsProvider>().currentActiveColor;
return _color;
}
_refreshList() {
Future.delayed(const Duration(milliseconds: 100), () {
Api.marketSchemes(type: _type, page: 0).then((value) {
if (mounted && value != null)
setState(() {
_schemes = value.items;
_hasMore = value.hasMore;
_selected = value.items.first.uuid;
});
});
});
}
_getMoreSchemes() {
'try to fetch page: ${_currentPage + 1}'.sout();
if (_hasMore)
Api.marketSchemes(type: _type, page: ++_currentPage).then((value) {
if (mounted && value != null)
setState(() {
_schemes.addAll(value.items);
_hasMore = value.hasMore;
});
});
}
@override
Widget build(BuildContext context) {
var currentSelectedScheme = _schemes.firstWhereOrNull((e) => e.uuid == _selected);
return Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
@@ -46,6 +114,7 @@ class _MarketWidgetState extends State<MarketWidget> {
onTap: () {
setState(() {
_type = e;
_refreshList();
});
},
child: Center(
@@ -71,7 +140,107 @@ class _MarketWidgetState extends State<MarketWidget> {
borderRadius: BorderRadius.circular(defaultBorderRadius),
),
child: Column(
children: [Text('asd')],
children: [
Flexible(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 1, vertical: 2),
child: ListView.builder(
itemBuilder: (context, index) {
if (index == _schemes.length - 1) _getMoreSchemes();
return GestureDetector(
onTap: () {
setState(() {
_selected = _schemes[index].uuid;
});
},
child: MouseRegion(
cursor: SystemMouseCursors.click,
onEnter: (_) {
setState(() {
_hovering = _schemes[index].uuid;
});
},
child: Container(
color: _getItemBackgroundColor(index, _schemes[index].uuid),
child: Padding(
padding: const EdgeInsets.only(left: 6, right: 12.0),
child: DefaultTextStyle(
style: context.t.textTheme.bodyText2!.copyWith(
color: _selected == _schemes[index].uuid ? Colors.white : null,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(_schemes[index].name ?? ''),
Row(
children: [
SizedBox(
width: 50,
child: Align(
alignment: Alignment.centerRight,
child: AutoSizeText(
'${numeral(_schemes[index].downloads ?? 0, fractionDigits: 1)}'
.padLeft(5),
),
),
),
Icon(
Icons.file_download,
size: 18,
),
SizedBox(
width: 50,
child: Align(
alignment: Alignment.centerRight,
child: AutoSizeText(
'${numeral(_schemes[index].likes ?? 0, fractionDigits: 1)}'.padLeft(5),
),
),
),
Icon(
_likedSchemes.contains(_schemes[index].id)
? Icons.thumb_up
: Icons.thumb_up_off_alt,
size: 17),
]
.map((e) => Padding(
padding: const EdgeInsets.only(right: 3),
child: e,
))
.toList(),
),
],
),
),
),
),
),
);
},
itemCount: _schemes.length,
),
),
),
Divider(thickness: .5),
Flexible(
child: Padding(
padding: const EdgeInsets.only(left: 8),
child: MdPreview(
text: _schemes.firstWhereOrNull((e) => e.uuid == _selected)?.description ?? '',
widgetImage: (imageUrl) => CachedNetworkImage(
imageUrl: imageUrl,
placeholder: (context, url) => const SizedBox(
width: double.infinity,
height: 300,
child: Center(child: CircularProgressIndicator()),
),
errorWidget: (context, url, error) => const Icon(Icons.error),
),
onCodeCopied: () {},
),
),
),
],
),
),
),
@@ -81,12 +250,35 @@ class _MarketWidgetState extends State<MarketWidget> {
mainAxisAlignment: MainAxisAlignment.end,
children: [
DButton.like(
enabled: true,
onTap: () {},
enabled: context.watch<ConfigsProvider>().accessToken.notNull,
onTap: () {
bool liked = _likedSchemes.contains(currentSelectedScheme!.id!);
Api.likeScheme(schemeId: currentSelectedScheme.uuid!, isLike: !liked).then((value) {
if (value) {
setState(() {
if (liked) {
_likedSchemes.remove(currentSelectedScheme.id);
currentSelectedScheme.likes = currentSelectedScheme.likes! - 1;
} else {
_likedSchemes.add(currentSelectedScheme.id!);
currentSelectedScheme.likes = currentSelectedScheme.likes! + 1;
}
});
}
});
},
),
DButton.download(
enabled: true,
onTap: () {},
onTap: () {
Api.downloadScheme(schemeId: currentSelectedScheme!.uuid!).then((value) {
/// todo: 下载逻辑
value.sout();
setState(() {
currentSelectedScheme.downloads = currentSelectedScheme.downloads! + 1;
});
});
},
),
]
.map((e) => Padding(
app/lib/widgets/me.dart
+16 -2
View File
@@ -5,8 +5,10 @@ import 'package:dde_gesture_manager/constants/constants.dart';
import 'package:dde_gesture_manager/extensions.dart';
import 'package:dde_gesture_manager/http/api.dart';
import 'package:dde_gesture_manager/models/configs.provider.dart';
import 'package:dde_gesture_manager/models/scheme_list_refresh_key.provider.dart';
import 'package:dde_gesture_manager/models/settings.provider.dart';
import 'package:dde_gesture_manager/utils/notificator.dart';
import 'package:dde_gesture_manager/utils/simple_throttle.dart';
import 'package:dde_gesture_manager_api/models.dart';
import 'package:flutter/material.dart';
import 'package:flutter_platform_alert/flutter_platform_alert.dart';
@@ -33,6 +35,7 @@ class _MeWidgetState extends State<MeWidget> {
SchemeListType _type = SchemeListType.uploaded;
String? _selected;
String? _hovering;
int _refreshKey = 0;
@override
void initState() {
@@ -66,6 +69,12 @@ class _MeWidgetState extends State<MeWidget> {
@override
Widget build(BuildContext context) {
var refreshKey = context.watch<SchemeListRefreshKeyProvider>().refreshKey;
if (_refreshKey != refreshKey) {
Future.microtask(SimpleThrottle.bind(_refreshList));
}
_refreshKey = refreshKey;
var currentSelectedScheme = _schemes.firstWhereOrNull((e) => e.uuid == _selected);
return Padding(
padding: EdgeInsets.only(top: 10),
@@ -264,7 +273,9 @@ class _MeWidgetState extends State<MeWidget> {
Api.likeScheme(schemeId: currentSelectedScheme!.uuid!, isLike: !currentSelectedScheme.liked)
.then((value) {
if (value) {
_refreshList();
context
.read<SchemeListRefreshKeyProvider>()
.setProps(refreshKey: DateTime.now().millisecondsSinceEpoch);
}
});
},
@@ -273,8 +284,11 @@ class _MeWidgetState extends State<MeWidget> {
enabled: true,
onTap: () {
Api.downloadScheme(schemeId: currentSelectedScheme!.uuid!).then((value) {
/// todo: 下载逻辑
value.sout();
_refreshList();
context
.read<SchemeListRefreshKeyProvider>()
.setProps(refreshKey: DateTime.now().millisecondsSinceEpoch);
});
},
),