Minor change.
This commit is contained in:
stonega
parent
26d49b4da3
commit
14ce9fc12e
|
|
@ -15,6 +15,7 @@ import '../local_storage/sqflite_localpodcast.dart';
|
||||||
import '../state/audio_state.dart';
|
import '../state/audio_state.dart';
|
||||||
import '../type/episodebrief.dart';
|
import '../type/episodebrief.dart';
|
||||||
import '../type/play_histroy.dart';
|
import '../type/play_histroy.dart';
|
||||||
|
import '../type/playlist.dart';
|
||||||
import '../util/extension_helper.dart';
|
import '../util/extension_helper.dart';
|
||||||
import '../util/pageroute.dart';
|
import '../util/pageroute.dart';
|
||||||
import '../widgets/audiopanel.dart';
|
import '../widgets/audiopanel.dart';
|
||||||
|
|
@ -402,202 +403,283 @@ class _PlaylistWidgetState extends State<PlaylistWidget> {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
var audio = Provider.of<AudioPlayerNotifier>(context, listen: false);
|
var audio = Provider.of<AudioPlayerNotifier>(context, listen: false);
|
||||||
return Container(
|
return ClipRRect(
|
||||||
alignment: Alignment.topLeft,
|
borderRadius: BorderRadius.circular(10),
|
||||||
height: 300,
|
child: Container(
|
||||||
width: double.infinity,
|
alignment: Alignment.topLeft,
|
||||||
decoration: BoxDecoration(
|
height: 300,
|
||||||
color: context.accentColor.withAlpha(70),
|
width: double.infinity,
|
||||||
borderRadius: BorderRadius.circular(10),
|
decoration: BoxDecoration(
|
||||||
),
|
color: context.accentColor.withAlpha(70),
|
||||||
child: Column(
|
borderRadius: BorderRadius.circular(10),
|
||||||
children: <Widget>[
|
),
|
||||||
Expanded(
|
child: Selector<AudioPlayerNotifier, Tuple2<Playlist, EpisodeBrief>>(
|
||||||
child: Selector<AudioPlayerNotifier, List<EpisodeBrief>>(
|
selector: (_, audio) => Tuple2(audio.playlist, audio.episode),
|
||||||
selector: (_, audio) => audio.playlist.episodes,
|
builder: (_, data, __) {
|
||||||
builder: (_, data, __) {
|
var episodes = data.item1.episodes;
|
||||||
var episodesToPlay = data.sublist(1);
|
return Column(
|
||||||
return AnimatedList(
|
children: <Widget>[
|
||||||
key: miniPlaylistKey,
|
Expanded(
|
||||||
shrinkWrap: true,
|
child: data.item1.name == 'Queue'
|
||||||
scrollDirection: Axis.vertical,
|
? AnimatedList(
|
||||||
initialItemCount: episodesToPlay.length,
|
key: miniPlaylistKey,
|
||||||
itemBuilder: (context, index, animation) => ScaleTransition(
|
shrinkWrap: true,
|
||||||
alignment: Alignment.center,
|
scrollDirection: Axis.vertical,
|
||||||
scale: animation,
|
initialItemCount: episodes.length,
|
||||||
child: Column(
|
itemBuilder: (context, index, animation) =>
|
||||||
children: <Widget>[
|
ScaleTransition(
|
||||||
Row(
|
alignment: Alignment.center,
|
||||||
children: <Widget>[
|
scale: animation,
|
||||||
Expanded(
|
child: Column(
|
||||||
child: Material(
|
children: <Widget>[
|
||||||
color: Colors.transparent,
|
Row(
|
||||||
child: InkWell(
|
children: <Widget>[
|
||||||
onTap: () {
|
Expanded(
|
||||||
audio.episodeLoad(data[index]);
|
child: Material(
|
||||||
miniPlaylistKey.currentState.removeItem(
|
color: Colors.transparent,
|
||||||
index,
|
child: InkWell(
|
||||||
(context, animation) => Center());
|
onTap: () {
|
||||||
},
|
audio.episodeLoad(episodes[index]);
|
||||||
child: Container(
|
miniPlaylistKey.currentState
|
||||||
height: 60,
|
.removeItem(
|
||||||
padding:
|
index,
|
||||||
EdgeInsets.symmetric(horizontal: 20),
|
(context, animation) =>
|
||||||
alignment: Alignment.centerLeft,
|
Center());
|
||||||
child: Row(
|
},
|
||||||
mainAxisAlignment:
|
child: Container(
|
||||||
MainAxisAlignment.center,
|
height: 60,
|
||||||
crossAxisAlignment:
|
padding: EdgeInsets.symmetric(
|
||||||
CrossAxisAlignment.center,
|
horizontal: 20),
|
||||||
mainAxisSize: MainAxisSize.min,
|
|
||||||
children: <Widget>[
|
|
||||||
Container(
|
|
||||||
padding: EdgeInsets.all(10.0),
|
|
||||||
child: ClipRRect(
|
|
||||||
borderRadius: BorderRadius.all(
|
|
||||||
Radius.circular(15.0)),
|
|
||||||
child: Container(
|
|
||||||
height: 30.0,
|
|
||||||
width: 30.0,
|
|
||||||
child: Image.file(File(
|
|
||||||
"${episodesToPlay[index].imagePath}"))),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Expanded(
|
|
||||||
child: Align(
|
|
||||||
alignment: Alignment.centerLeft,
|
alignment: Alignment.centerLeft,
|
||||||
child: Text(
|
child: Row(
|
||||||
episodesToPlay[index].title,
|
mainAxisAlignment:
|
||||||
maxLines: 1,
|
MainAxisAlignment.center,
|
||||||
overflow: TextOverflow.ellipsis,
|
crossAxisAlignment:
|
||||||
|
CrossAxisAlignment.center,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.all(10.0),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.all(
|
||||||
|
Radius.circular(
|
||||||
|
15.0)),
|
||||||
|
child: Container(
|
||||||
|
height: 30.0,
|
||||||
|
width: 30.0,
|
||||||
|
child: Image.file(File(
|
||||||
|
"${episodes[index].imagePath}"))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Align(
|
||||||
|
alignment:
|
||||||
|
Alignment.centerLeft,
|
||||||
|
child: Text(
|
||||||
|
episodes[index].title,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow:
|
||||||
|
TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding:
|
|
||||||
const EdgeInsets.symmetric(horizontal: 20.0),
|
|
||||||
child: Material(
|
|
||||||
borderRadius: BorderRadius.circular(100),
|
|
||||||
clipBehavior: Clip.hardEdge,
|
|
||||||
color: context.primaryColor,
|
|
||||||
child: InkWell(
|
|
||||||
borderRadius:
|
|
||||||
BorderRadius.all(Radius.circular(15.0)),
|
|
||||||
onTap: () async {
|
|
||||||
var episdoe =
|
|
||||||
episodesToPlay.removeAt(index);
|
|
||||||
episodesToPlay.insert(0, episdoe);
|
|
||||||
miniPlaylistKey.currentState.removeItem(
|
|
||||||
index,
|
|
||||||
(context, animation) {
|
|
||||||
return Center();
|
|
||||||
},
|
|
||||||
duration: Duration.zero,
|
|
||||||
);
|
|
||||||
miniPlaylistKey.currentState.insertItem(0,
|
|
||||||
duration: Duration(milliseconds: 100));
|
|
||||||
await Future.delayed(
|
|
||||||
Duration(milliseconds: 100));
|
|
||||||
await audio.moveToTop(data[index + 1]);
|
|
||||||
},
|
|
||||||
child: SizedBox(
|
|
||||||
height: 30.0,
|
|
||||||
width: 30.0,
|
|
||||||
child: Transform.rotate(
|
|
||||||
angle: math.pi,
|
|
||||||
child: Icon(
|
|
||||||
LineIcons.download_solid,
|
|
||||||
size: 20.0,
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
horizontal: 20.0),
|
||||||
|
child: Material(
|
||||||
|
borderRadius:
|
||||||
|
BorderRadius.circular(100),
|
||||||
|
clipBehavior: Clip.hardEdge,
|
||||||
|
color: context.primaryColor,
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(15.0)),
|
||||||
|
onTap: () async {
|
||||||
|
var episdoe =
|
||||||
|
episodes.removeAt(index);
|
||||||
|
episodes.insert(0, episdoe);
|
||||||
|
miniPlaylistKey.currentState
|
||||||
|
.removeItem(
|
||||||
|
index,
|
||||||
|
(context, animation) {
|
||||||
|
return Center();
|
||||||
|
},
|
||||||
|
duration: Duration.zero,
|
||||||
|
);
|
||||||
|
miniPlaylistKey.currentState
|
||||||
|
.insertItem(
|
||||||
|
0,
|
||||||
|
duration: Duration(
|
||||||
|
milliseconds: 100));
|
||||||
|
await Future.delayed(
|
||||||
|
Duration(milliseconds: 100));
|
||||||
|
await audio.moveToTop(
|
||||||
|
data.item1.episodes[index + 1]);
|
||||||
|
},
|
||||||
|
child: SizedBox(
|
||||||
|
height: 30.0,
|
||||||
|
width: 30.0,
|
||||||
|
child: Transform.rotate(
|
||||||
|
angle: math.pi,
|
||||||
|
child: Icon(
|
||||||
|
LineIcons.download_solid,
|
||||||
|
size: 20.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Divider(height: 1),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: ListView.builder(
|
||||||
|
itemCount: episodes.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final isPlaying = episodes[index] != null &&
|
||||||
|
episodes[index] == data.item2;
|
||||||
|
return InkWell(
|
||||||
|
onTap: () async {
|
||||||
|
if (!isPlaying) {
|
||||||
|
await context
|
||||||
|
.read<AudioPlayerNotifier>()
|
||||||
|
.loadEpisodeFromPlaylist(episodes[index]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
color: isPlaying
|
||||||
|
? context.accentColor
|
||||||
|
: Colors.transparent,
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
padding: EdgeInsets.all(10.0),
|
||||||
|
child: ClipRRect(
|
||||||
|
borderRadius: BorderRadius.all(
|
||||||
|
Radius.circular(15.0)),
|
||||||
|
child: Container(
|
||||||
|
height: 30.0,
|
||||||
|
width: 30.0,
|
||||||
|
child: Image.file(File(
|
||||||
|
"${episodes[index].imagePath}"))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Expanded(
|
||||||
|
child: Align(
|
||||||
|
alignment: Alignment.centerLeft,
|
||||||
|
child: Text(
|
||||||
|
episodes[index].title,
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: TextOverflow.ellipsis,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (isPlaying)
|
||||||
|
Container(
|
||||||
|
height: 20,
|
||||||
|
width: 20,
|
||||||
|
margin: EdgeInsets.symmetric(
|
||||||
|
horizontal: 10),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
),
|
||||||
|
child: WaveLoader(
|
||||||
|
color: context.primaryColor)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(
|
||||||
|
height: 60.0,
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||||||
|
child: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
data.item1.name == 'Queue'
|
||||||
|
? context.s.queue
|
||||||
|
: '${context.s.homeMenuPlaylist}${'-${data.item1.name}'}',
|
||||||
|
overflow: TextOverflow.fade,
|
||||||
|
style: TextStyle(
|
||||||
|
color: context.accentColor,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
fontSize: 16),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
Material(
|
||||||
|
borderRadius: BorderRadius.circular(100),
|
||||||
|
color: context.primaryColor,
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(15)),
|
||||||
|
onTap: () {
|
||||||
|
audio.playNext();
|
||||||
|
miniPlaylistKey.currentState.removeItem(
|
||||||
|
0, (context, animation) => Container());
|
||||||
|
miniPlaylistKey.currentState.insertItem(0);
|
||||||
|
},
|
||||||
|
child: SizedBox(
|
||||||
|
height: 30,
|
||||||
|
width: 60,
|
||||||
|
child: Icon(
|
||||||
|
Icons.skip_next,
|
||||||
|
size: 30,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 20),
|
||||||
|
Material(
|
||||||
|
borderRadius: BorderRadius.circular(100),
|
||||||
|
color: context.primaryColor,
|
||||||
|
child: InkWell(
|
||||||
|
borderRadius: BorderRadius.circular(15.0),
|
||||||
|
onTap: () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
SlideLeftRoute(
|
||||||
|
page: PlaylistPage(
|
||||||
|
initPage: InitPage.playlist,
|
||||||
|
)),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: SizedBox(
|
||||||
|
height: 30.0,
|
||||||
|
width: 30.0,
|
||||||
|
child: Transform.rotate(
|
||||||
|
angle: math.pi,
|
||||||
|
child: Icon(
|
||||||
|
LineIcons.database_solid,
|
||||||
|
size: 20.0,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
),
|
||||||
),
|
),
|
||||||
Divider(height: 1),
|
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
),
|
||||||
},
|
],
|
||||||
),
|
);
|
||||||
),
|
},
|
||||||
SizedBox(
|
),
|
||||||
height: 60.0,
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
|
||||||
child: Row(
|
|
||||||
children: <Widget>[
|
|
||||||
Text(
|
|
||||||
context.s.homeMenuPlaylist,
|
|
||||||
style: TextStyle(
|
|
||||||
color: context.accentColor,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
fontSize: 16),
|
|
||||||
),
|
|
||||||
Spacer(),
|
|
||||||
Material(
|
|
||||||
borderRadius: BorderRadius.circular(100),
|
|
||||||
color: context.primaryColor,
|
|
||||||
child: InkWell(
|
|
||||||
borderRadius: BorderRadius.all(Radius.circular(15)),
|
|
||||||
onTap: () {
|
|
||||||
audio.playNext();
|
|
||||||
miniPlaylistKey.currentState
|
|
||||||
.removeItem(0, (context, animation) => Container());
|
|
||||||
miniPlaylistKey.currentState.insertItem(0);
|
|
||||||
},
|
|
||||||
child: SizedBox(
|
|
||||||
height: 30,
|
|
||||||
width: 60,
|
|
||||||
child: Icon(
|
|
||||||
Icons.skip_next,
|
|
||||||
size: 30,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
SizedBox(width: 20),
|
|
||||||
Material(
|
|
||||||
borderRadius: BorderRadius.circular(100),
|
|
||||||
color: context.primaryColor,
|
|
||||||
child: InkWell(
|
|
||||||
borderRadius: BorderRadius.circular(15.0),
|
|
||||||
onTap: () {
|
|
||||||
Navigator.push(
|
|
||||||
context,
|
|
||||||
SlideLeftRoute(
|
|
||||||
page: PlaylistPage(
|
|
||||||
initPage: InitPage.playlist,
|
|
||||||
)),
|
|
||||||
);
|
|
||||||
},
|
|
||||||
child: SizedBox(
|
|
||||||
height: 30.0,
|
|
||||||
width: 30.0,
|
|
||||||
child: Transform.rotate(
|
|
||||||
angle: math.pi,
|
|
||||||
child: Icon(
|
|
||||||
LineIcons.database_solid,
|
|
||||||
size: 20.0,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1361,7 +1361,7 @@ class DBHelper {
|
||||||
|
|
||||||
Future<void> removeGroupNewMark(List<String> group) async {
|
Future<void> removeGroupNewMark(List<String> group) async {
|
||||||
var dbClient = await database;
|
var dbClient = await database;
|
||||||
if (group.length > 0) {
|
if (group.isNotEmpty) {
|
||||||
var s = group.map<String>((e) => "'$e'").toList();
|
var s = group.map<String>((e) => "'$e'").toList();
|
||||||
await dbClient.transaction((txn) async {
|
await dbClient.transaction((txn) async {
|
||||||
await txn.rawUpdate(
|
await txn.rawUpdate(
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue