tsacdop-podcast-app-android/lib/util/episodegrid.dart

499 lines
25 KiB
Dart
Raw Normal View History

import 'dart:io';
2020-02-09 13:29:09 +01:00
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';
2020-03-22 18:03:53 +01:00
import 'open_container.dart';
import 'package:tsacdop/class/audiostate.dart';
2020-02-11 14:48:11 +01:00
import 'package:tsacdop/class/episodebrief.dart';
import 'package:tsacdop/episodes/episodedetail.dart';
2020-03-01 13:17:06 +01:00
import 'package:tsacdop/util/colorize.dart';
2020-04-11 19:23:12 +02:00
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 }
2020-02-09 13:29:09 +01:00
class EpisodeGrid extends StatelessWidget {
final List<EpisodeBrief> episodes;
2020-02-09 13:29:09 +01:00
final bool showFavorite;
final bool showDownload;
final bool showNumber;
final int episodeCount;
2020-04-11 19:23:12 +02:00
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);
2020-02-09 13:29:09 +01:00
@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(
2020-04-11 19:23:12 +02:00
padding: const EdgeInsets.only(
top: 10.0, bottom: 5.0, left: 15.0, right: 15.0),
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
2020-04-11 19:23:12 +02:00
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()),
2020-03-22 18:03:53 +01:00
builder: (_, data, __) => OpenContainerWrapper(
episode: episodes[index],
2020-04-11 19:23:12 +02:00
closedBuilder: (context, action, boo) => FutureBuilder<int>(
future: _isListened(episodes[index]),
initialData: 0,
builder: (BuildContext context, AsyncSnapshot snapshot) {
return Container(
2020-03-22 18:03:53 +01:00
decoration: BoxDecoration(
2020-04-11 19:23:12 +02:00
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,
2020-03-22 18:03:53 +01:00
),
2020-04-11 19:23:12 +02:00
]),
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,
),
),
2020-04-11 19:23:12 +02:00
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
2020-03-22 18:03:53 +01:00
children: <Widget>[
2020-04-11 19:23:12 +02:00
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(
2020-04-11 19:23:12 +02:00
audio.episode,
audio.playerRunning),
2020-04-11 19:23:12 +02:00
builder: (_, data, __) {
return (episodes[index]
.enclosureUrl ==
data.item1
?.enclosureUrl &&
data.item2)
2020-04-11 19:23:12 +02:00
? Container(
height: 20,
width: 20,
margin:
EdgeInsets.symmetric(
horizontal: 2),
decoration: BoxDecoration(
shape: BoxShape.circle,
),
2020-04-11 19:59:52 +02:00
child: WaveLoader(
color: context
.accentColor))
2020-04-11 19:23:12 +02:00
: layout == Layout.two &&
snapshot.data > 0
? Container(
height: 20,
width: 20,
margin: EdgeInsets
.symmetric(
horizontal:
2),
decoration:
BoxDecoration(
color: context
.accentColor,
shape:
BoxShape.circle,
),
2020-04-11 19:59:52 +02:00
child: CustomPaint(
painter:
2020-04-18 07:27:43 +02:00
ListenedAllPainter(
2020-04-11 19:59:52 +02:00
Colors.white,
)),
)
2020-04-11 19:23:12 +02:00
: 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(),
2020-04-11 19:59:52 +02:00
episodes[index].isNew == 1
? Container(
padding: EdgeInsets.symmetric(
horizontal: 2),
child: Text('New',
style: TextStyle(
color: Colors.red,
fontStyle:
FontStyle.italic)),
)
: Center(),
2020-04-11 19:23:12 +02:00
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(),
],
2020-03-22 18:03:53 +01:00
),
),
2020-04-11 19:23:12 +02:00
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,
),
),
2020-03-22 18:03:53 +01:00
),
2020-04-11 19:23:12 +02:00
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()),
2020-04-11 19:23:12 +02:00
style: TextStyle(
fontSize: _width / 35),
),
2020-04-11 19:23:12 +02:00
)
: 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,
),
),
2020-04-11 19:23:12 +02:00
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(),
],
),
),
2020-03-22 18:03:53 +01:00
],
),
),
2020-04-11 19:23:12 +02:00
),
2020-03-22 18:03:53 +01:00
),
2020-04-11 19:23:12 +02:00
);
}),
),
);
},
childCount: episodes.length,
),
),
);
2020-02-09 13:29:09 +01:00
}
}
2020-03-22 18:03:53 +01:00
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,
),
);
}
}