499 lines
25 KiB
Dart
499 lines
25 KiB
Dart
import 'dart:io';
|
|
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:tuple/tuple.dart';
|
|
import 'package:line_icons/line_icons.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'open_container.dart';
|
|
|
|
import 'package:tsacdop/class/audiostate.dart';
|
|
import 'package:tsacdop/class/episodebrief.dart';
|
|
import 'package:tsacdop/episodes/episodedetail.dart';
|
|
import 'package:tsacdop/util/colorize.dart';
|
|
import 'package:tsacdop/util/context_extension.dart';
|
|
import 'package:tsacdop/util/custompaint.dart';
|
|
import 'package:tsacdop/local_storage/sqflite_localpodcast.dart';
|
|
|
|
enum Layout { two, three }
|
|
|
|
class EpisodeGrid extends StatelessWidget {
|
|
final List<EpisodeBrief> episodes;
|
|
final bool showFavorite;
|
|
final bool showDownload;
|
|
final bool showNumber;
|
|
final int episodeCount;
|
|
final Layout layout;
|
|
final bool reverse;
|
|
Future<int> _isListened(EpisodeBrief episode) async {
|
|
DBHelper dbHelper = DBHelper();
|
|
return await dbHelper.isListened(episode.enclosureUrl);
|
|
}
|
|
|
|
Future<bool> _isLiked(EpisodeBrief episode) async {
|
|
DBHelper dbHelper = DBHelper();
|
|
return await dbHelper.isLiked(episode.enclosureUrl);
|
|
}
|
|
|
|
String _stringForSeconds(double seconds) {
|
|
if (seconds == null) return null;
|
|
return '${(seconds ~/ 60)}:${(seconds.truncate() % 60).toString().padLeft(2, '0')}';
|
|
}
|
|
|
|
EpisodeGrid({
|
|
Key key,
|
|
@required this.episodes,
|
|
this.showDownload = false,
|
|
this.showFavorite = false,
|
|
this.showNumber = false,
|
|
this.episodeCount = 0,
|
|
this.layout = Layout.three,
|
|
this.reverse,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
double _width = MediaQuery.of(context).size.width;
|
|
Offset _offset;
|
|
_showPopupMenu(Offset offset, EpisodeBrief episode, BuildContext context,
|
|
bool isPlaying, bool isInPlaylist) async {
|
|
var audio = Provider.of<AudioPlayerNotifier>(context, listen: false);
|
|
double left = offset.dx;
|
|
double top = offset.dy;
|
|
await showMenu<int>(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(10))),
|
|
context: context,
|
|
position: RelativeRect.fromLTRB(left, top, _width - left, 0),
|
|
items: <PopupMenuEntry<int>>[
|
|
PopupMenuItem(
|
|
value: 0,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: <Widget>[
|
|
Icon(
|
|
LineIcons.play_circle_solid,
|
|
color: Theme.of(context).accentColor,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 2),
|
|
),
|
|
!isPlaying ? Text('Play') : Text('Playing'),
|
|
],
|
|
),
|
|
),
|
|
PopupMenuItem(
|
|
value: 1,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(
|
|
LineIcons.clock_solid,
|
|
color: Colors.red,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 2),
|
|
),
|
|
!isInPlaylist ? Text('Later') : Text('Remove')
|
|
],
|
|
)),
|
|
],
|
|
elevation: 5.0,
|
|
).then((value) {
|
|
if (value == 0) {
|
|
if (!isPlaying) audio.episodeLoad(episode);
|
|
} else if (value == 1) {
|
|
if (!isInPlaylist) {
|
|
audio.addToPlaylist(episode);
|
|
Fluttertoast.showToast(
|
|
msg: 'Added to playlist',
|
|
gravity: ToastGravity.BOTTOM,
|
|
);
|
|
} else {
|
|
audio.delFromPlaylist(episode);
|
|
Fluttertoast.showToast(
|
|
msg: 'Removed from playlist',
|
|
gravity: ToastGravity.BOTTOM,
|
|
);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
return SliverPadding(
|
|
padding: const EdgeInsets.only(
|
|
top: 10.0, bottom: 5.0, left: 15.0, right: 15.0),
|
|
sliver: SliverGrid(
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
childAspectRatio: layout == Layout.three ? 1 : 1.5,
|
|
crossAxisCount: layout == Layout.three ? 3 : 2,
|
|
mainAxisSpacing: 6.0,
|
|
crossAxisSpacing: 6.0,
|
|
),
|
|
delegate: SliverChildBuilderDelegate(
|
|
(BuildContext context, int index) {
|
|
Color _c = (Theme.of(context).brightness == Brightness.light)
|
|
? episodes[index].primaryColor.colorizedark()
|
|
: episodes[index].primaryColor.colorizeLight();
|
|
return Selector<AudioPlayerNotifier,
|
|
Tuple2<EpisodeBrief, List<String>>>(
|
|
selector: (_, audio) => Tuple2(audio?.episode,
|
|
audio.queue.playlist.map((e) => e.enclosureUrl).toList()),
|
|
builder: (_, data, __) => OpenContainerWrapper(
|
|
episode: episodes[index],
|
|
closedBuilder: (context, action, boo) => FutureBuilder<int>(
|
|
future: _isListened(episodes[index]),
|
|
initialData: 0,
|
|
builder: (BuildContext context, AsyncSnapshot snapshot) {
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(5.0)),
|
|
color: snapshot.data > 0
|
|
? context.brightness == Brightness.light
|
|
? context.primaryColor
|
|
: Color.fromRGBO(40, 40, 40, 1)
|
|
: context.scaffoldBackgroundColor,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: context.brightness == Brightness.light
|
|
? context.primaryColor
|
|
: Color.fromRGBO(40, 40, 40, 1),
|
|
blurRadius: 0.5,
|
|
spreadRadius: 0.5,
|
|
),
|
|
]),
|
|
alignment: Alignment.center,
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(5.0)),
|
|
onTapDown: (details) => _offset = Offset(
|
|
details.globalPosition.dx,
|
|
details.globalPosition.dy),
|
|
onLongPress: () => _showPopupMenu(
|
|
_offset,
|
|
episodes[index],
|
|
context,
|
|
data.item1 == episodes[index],
|
|
data.item2
|
|
.contains(episodes[index].enclosureUrl)),
|
|
onTap: action,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(8.0),
|
|
decoration: BoxDecoration(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(5.0)),
|
|
border: Border.all(
|
|
color: context.brightness == Brightness.light
|
|
? context.primaryColor
|
|
: context.scaffoldBackgroundColor,
|
|
width: 1.0,
|
|
),
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: <Widget>[
|
|
Expanded(
|
|
flex: 2,
|
|
child: Row(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.start,
|
|
children: <Widget>[
|
|
Container(
|
|
height: _width / 16,
|
|
width: _width / 16,
|
|
child: boo
|
|
? Center()
|
|
: CircleAvatar(
|
|
backgroundColor:
|
|
_c.withOpacity(0.5),
|
|
backgroundImage: FileImage(File(
|
|
"${episodes[index].imagePath}")),
|
|
),
|
|
),
|
|
Spacer(),
|
|
Selector<AudioPlayerNotifier,
|
|
Tuple2<EpisodeBrief, bool>>(
|
|
selector: (_, audio) => Tuple2(
|
|
audio.episode,
|
|
audio.playerRunning),
|
|
builder: (_, data, __) {
|
|
return (episodes[index]
|
|
.enclosureUrl ==
|
|
data.item1
|
|
?.enclosureUrl &&
|
|
data.item2)
|
|
? Container(
|
|
height: 20,
|
|
width: 20,
|
|
margin:
|
|
EdgeInsets.symmetric(
|
|
horizontal: 2),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: WaveLoader(
|
|
color: context
|
|
.accentColor))
|
|
: layout == Layout.two &&
|
|
snapshot.data > 0
|
|
? Container(
|
|
height: 20,
|
|
width: 20,
|
|
margin: EdgeInsets
|
|
.symmetric(
|
|
horizontal:
|
|
2),
|
|
decoration:
|
|
BoxDecoration(
|
|
color: context
|
|
.accentColor,
|
|
shape:
|
|
BoxShape.circle,
|
|
),
|
|
child: CustomPaint(
|
|
painter:
|
|
ListenedAllPainter(
|
|
Colors.white,
|
|
)),
|
|
)
|
|
: Center();
|
|
}),
|
|
showDownload || layout == Layout.two
|
|
? Container(
|
|
child: (episodes[index]
|
|
.enclosureUrl !=
|
|
episodes[index].mediaId)
|
|
? Container(
|
|
height: 20,
|
|
width: 20,
|
|
margin: EdgeInsets
|
|
.symmetric(
|
|
horizontal: 5),
|
|
padding: EdgeInsets
|
|
.symmetric(
|
|
horizontal: 2),
|
|
decoration:
|
|
BoxDecoration(
|
|
color: context
|
|
.accentColor,
|
|
shape:
|
|
BoxShape.circle,
|
|
),
|
|
child: Icon(
|
|
Icons.done_all,
|
|
size: 15,
|
|
color: Colors.white,
|
|
),
|
|
)
|
|
: Center(),
|
|
)
|
|
: Center(),
|
|
episodes[index].isNew == 1
|
|
? Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 2),
|
|
child: Text('New',
|
|
style: TextStyle(
|
|
color: Colors.red,
|
|
fontStyle:
|
|
FontStyle.italic)),
|
|
)
|
|
: Center(),
|
|
showNumber
|
|
? Container(
|
|
alignment: Alignment.topRight,
|
|
child: Text(
|
|
reverse
|
|
? (index + 1).toString()
|
|
: (episodeCount - index)
|
|
.toString(),
|
|
style: GoogleFonts.teko(
|
|
textStyle: TextStyle(
|
|
fontSize: _width / 24,
|
|
color: _c,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: Center(),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
flex: 5,
|
|
child: Container(
|
|
alignment: Alignment.topLeft,
|
|
padding: EdgeInsets.only(top: 2.0),
|
|
child: Text(
|
|
episodes[index].title,
|
|
style: TextStyle(
|
|
// fontSize: _width / 32,
|
|
),
|
|
maxLines: 4,
|
|
overflow: TextOverflow.fade,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
flex: 1,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Align(
|
|
alignment: Alignment.bottomLeft,
|
|
child: Text(
|
|
episodes[index].dateToString(),
|
|
style: TextStyle(
|
|
fontSize: _width / 35,
|
|
color: _c,
|
|
fontStyle: FontStyle.italic),
|
|
),
|
|
),
|
|
Spacer(),
|
|
layout == Layout.two &&
|
|
episodes[index].duration != 0
|
|
? Container(
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
_stringForSeconds(
|
|
episodes[index]
|
|
.duration
|
|
.toDouble()),
|
|
style: TextStyle(
|
|
fontSize: _width / 35),
|
|
),
|
|
)
|
|
: Center(),
|
|
episodes[index].duration == 0 ||
|
|
episodes[index]
|
|
.enclosureLength ==
|
|
null ||
|
|
episodes[index]
|
|
.enclosureLength ==
|
|
0 ||
|
|
layout == Layout.three
|
|
? Center()
|
|
: Text(
|
|
'|',
|
|
style: TextStyle(
|
|
fontSize: _width / 35,
|
|
// color: _c,
|
|
// fontStyle: FontStyle.italic,
|
|
),
|
|
),
|
|
layout == Layout.two &&
|
|
episodes[index]
|
|
.enclosureLength !=
|
|
null &&
|
|
episodes[index]
|
|
.enclosureLength !=
|
|
0
|
|
? Container(
|
|
alignment: Alignment.center,
|
|
child: Text(
|
|
((episodes[index]
|
|
.enclosureLength) ~/
|
|
1000000)
|
|
.toString() +
|
|
'MB',
|
|
style: TextStyle(
|
|
fontSize: _width / 35),
|
|
),
|
|
)
|
|
: Center(),
|
|
Padding(
|
|
padding: EdgeInsets.all(1),
|
|
),
|
|
showFavorite || layout == Layout.two
|
|
? FutureBuilder<bool>(
|
|
future:
|
|
_isLiked(episodes[index]),
|
|
initialData: false,
|
|
builder: (context, snapshot) =>
|
|
Container(
|
|
alignment:
|
|
Alignment.bottomRight,
|
|
child: (snapshot.data)
|
|
? IconTheme(
|
|
data: IconThemeData(
|
|
size: 15),
|
|
child: Icon(
|
|
Icons.favorite,
|
|
color: Colors.red,
|
|
),
|
|
)
|
|
: Center(),
|
|
),
|
|
)
|
|
: Center(),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
);
|
|
},
|
|
childCount: episodes.length,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class OpenContainerWrapper extends StatelessWidget {
|
|
const OpenContainerWrapper({
|
|
this.closedBuilder,
|
|
this.episode,
|
|
this.playerRunning,
|
|
});
|
|
|
|
final OpenContainerBuilder closedBuilder;
|
|
final EpisodeBrief episode;
|
|
final bool playerRunning;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Selector<AudioPlayerNotifier, bool>(
|
|
selector: (_, audio) => audio.playerRunning,
|
|
builder: (_, data, __) => OpenContainer(
|
|
playerRunning: data,
|
|
flightWidget: CircleAvatar(
|
|
backgroundImage: FileImage(File("${episode.imagePath}")),
|
|
),
|
|
transitionDuration: Duration(milliseconds: 400),
|
|
beginColor: Theme.of(context).primaryColor,
|
|
endColor: Theme.of(context).primaryColor,
|
|
closedColor: Theme.of(context).brightness == Brightness.light
|
|
? Theme.of(context).primaryColor
|
|
: Theme.of(context).scaffoldBackgroundColor,
|
|
openColor: Theme.of(context).scaffoldBackgroundColor,
|
|
openElevation: 0,
|
|
closedElevation: 0,
|
|
openShape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(10.0))),
|
|
closedShape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(5.0))),
|
|
transitionType: ContainerTransitionType.fadeThrough,
|
|
openBuilder: (BuildContext context, VoidCallback _, bool boo) {
|
|
return EpisodeDetail(
|
|
episodeItem: episode,
|
|
hide: boo,
|
|
);
|
|
},
|
|
tappable: true,
|
|
closedBuilder: closedBuilder,
|
|
),
|
|
);
|
|
}
|
|
}
|