408 lines
17 KiB
Dart
408 lines
17 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:tsacdop/local_storage/sqflite_localpodcast.dart';
|
|
import 'package:tsacdop/class/audiostate.dart';
|
|
import 'package:tsacdop/class/sub_history.dart';
|
|
|
|
class PlayedHistory extends StatefulWidget {
|
|
@override
|
|
_PlayedHistoryState createState() => _PlayedHistoryState();
|
|
}
|
|
|
|
class _PlayedHistoryState extends State<PlayedHistory>
|
|
with SingleTickerProviderStateMixin {
|
|
Future<List<PlayHistory>> getPlayHistory() async {
|
|
DBHelper dbHelper = DBHelper();
|
|
List<PlayHistory> playHistory;
|
|
playHistory = await dbHelper.getPlayHistory();
|
|
await Future.forEach(playHistory, (playHistory) async {
|
|
await playHistory.getEpisode();
|
|
});
|
|
return playHistory;
|
|
}
|
|
|
|
Future<List<SubHistory>> getSubHistory() async {
|
|
DBHelper dbHelper = DBHelper();
|
|
return await dbHelper.getSubHistory();
|
|
}
|
|
|
|
static String _stringForSeconds(double seconds) {
|
|
if (seconds == null) return null;
|
|
return '${(seconds ~/ 60)}:${(seconds.truncate() % 60).toString().padLeft(2, '0')}';
|
|
}
|
|
|
|
TabController _controller;
|
|
List<int> list = const [0, 1, 2, 3, 4, 5, 6];
|
|
|
|
Future<List<FlSpot>> getData() async {
|
|
var dbHelper = DBHelper();
|
|
List<FlSpot> stats = [];
|
|
await Future.forEach(list, (day) async {
|
|
double mins = await dbHelper.listenMins(7 - day);
|
|
stats.add(FlSpot(day.toDouble(), mins));
|
|
});
|
|
return stats;
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = TabController(length: 2, vsync: this);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
double top = 0;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AnnotatedRegion<SystemUiOverlayStyle>(
|
|
value: SystemUiOverlayStyle(
|
|
statusBarIconBrightness: Theme.of(context).accentColorBrightness,
|
|
systemNavigationBarColor: Theme.of(context).primaryColor,
|
|
systemNavigationBarIconBrightness:
|
|
Theme.of(context).accentColorBrightness,
|
|
//statusBarColor: Theme.of(context).primaryColor,
|
|
),
|
|
child: Scaffold(
|
|
backgroundColor: Theme.of(context).primaryColor,
|
|
body: SafeArea(
|
|
child: NestedScrollView(
|
|
headerSliverBuilder: (BuildContext context, bool innerBoxScrolled) {
|
|
return <Widget>[
|
|
SliverAppBar(
|
|
backgroundColor: Theme.of(context).primaryColor,
|
|
elevation: 0,
|
|
expandedHeight: 260,
|
|
floating: false,
|
|
pinned: true,
|
|
flexibleSpace: LayoutBuilder(
|
|
builder:
|
|
(BuildContext context, BoxConstraints constraints) {
|
|
top = constraints.biggest.height;
|
|
return FlexibleSpaceBar(
|
|
title: top < 70 + MediaQuery.of(context).padding.top
|
|
? Text(
|
|
'History',
|
|
)
|
|
: Center(),
|
|
background: Padding(
|
|
padding: EdgeInsets.only(
|
|
top: 50, left: 50, right: 50, bottom: 30),
|
|
child: FutureBuilder<List<FlSpot>>(
|
|
future: getData(),
|
|
builder: (context, snapshot) {
|
|
return snapshot.hasData
|
|
? HistoryChart(snapshot.data)
|
|
: Center();
|
|
}),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
SliverPersistentHeader(
|
|
delegate: _SliverAppBarDelegate(
|
|
TabBar(
|
|
controller: _controller,
|
|
tabs: <Widget>[
|
|
Tab(
|
|
child: Text('Listen'),
|
|
),
|
|
Tab(
|
|
child: Text('Subscribe'),
|
|
)
|
|
],
|
|
),
|
|
Theme.of(context).primaryColor),
|
|
pinned: true,
|
|
),
|
|
];
|
|
},
|
|
body: TabBarView(controller: _controller, children: <Widget>[
|
|
FutureBuilder<List<PlayHistory>>(
|
|
future: getPlayHistory(),
|
|
builder: (context, snapshot) {
|
|
double _width = MediaQuery.of(context).size.width;
|
|
return snapshot.hasData
|
|
? ListView.builder(
|
|
shrinkWrap: true,
|
|
scrollDirection: Axis.vertical,
|
|
itemCount: snapshot.data.length,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
return Container(
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
child: Column(
|
|
children: <Widget>[
|
|
ListTile(
|
|
title: Column(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.start,
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
DateFormat.yMd().add_jm().format(
|
|
snapshot.data[index].playdate),
|
|
style: TextStyle(
|
|
color: const Color(0xff67727d),
|
|
fontSize: 15,
|
|
fontStyle: FontStyle.italic),
|
|
),
|
|
Text(
|
|
snapshot.data[index].title,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
],
|
|
),
|
|
subtitle: Container(
|
|
width: _width,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(
|
|
Icons.timelapse,
|
|
color: Colors.grey[400],
|
|
),
|
|
Container(
|
|
height: 2,
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: BorderSide(
|
|
color: Colors.grey[400],
|
|
width: 2.0))),
|
|
width: _width *
|
|
snapshot.data[index]
|
|
.seekValue <
|
|
(_width - 120)
|
|
? _width *
|
|
snapshot
|
|
.data[index].seekValue
|
|
: _width - 120,
|
|
),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 2),
|
|
),
|
|
Container(
|
|
width: 50,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context)
|
|
.accentColor,
|
|
borderRadius: BorderRadius.all(
|
|
Radius.circular(10))),
|
|
padding: EdgeInsets.all(2),
|
|
child: Text(
|
|
_stringForSeconds(
|
|
snapshot.data[index].seconds),
|
|
style: TextStyle(
|
|
color: Colors.white),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
// Divider(height: 2),
|
|
],
|
|
),
|
|
);
|
|
})
|
|
: Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
},
|
|
),
|
|
FutureBuilder<List<SubHistory>>(
|
|
future: getSubHistory(),
|
|
builder: (context, snapshot) {
|
|
return snapshot.hasData
|
|
? ListView.builder(
|
|
shrinkWrap: true,
|
|
scrollDirection: Axis.vertical,
|
|
itemCount: snapshot.data.length,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
bool _status = snapshot.data[index].status;
|
|
return Container(
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
child: Column(
|
|
children: <Widget>[
|
|
ListTile(
|
|
enabled: _status,
|
|
title: Column(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.start,
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: <Widget>[
|
|
Text(
|
|
DateFormat.yMd().add_jm().format(
|
|
snapshot.data[index].subDate),
|
|
style: TextStyle(
|
|
color: const Color(0xff67727d),
|
|
fontSize: 15,
|
|
fontStyle: FontStyle.italic),
|
|
),
|
|
Text(snapshot.data[index].title),
|
|
],
|
|
),
|
|
subtitle: Row(
|
|
children: <Widget>[
|
|
_status
|
|
? Text(DateTime.now()
|
|
.difference(snapshot
|
|
.data[index].subDate)
|
|
.inDays
|
|
.toString() +
|
|
' days')
|
|
: Text(snapshot.data[index].delDate
|
|
.difference(snapshot
|
|
.data[index].subDate)
|
|
.inDays
|
|
.toString() +
|
|
' days'),
|
|
Spacer(),
|
|
!_status
|
|
? Text(
|
|
'Removed at ' +
|
|
DateFormat.yMd()
|
|
.add_jm()
|
|
.format(snapshot
|
|
.data[index]
|
|
.delDate),
|
|
style: TextStyle(
|
|
color: Colors.red),
|
|
)
|
|
: Center(),
|
|
],
|
|
),
|
|
),
|
|
Divider(
|
|
height: 2,
|
|
)
|
|
],
|
|
),
|
|
);
|
|
})
|
|
: Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
},
|
|
),
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SliverAppBarDelegate extends SliverPersistentHeaderDelegate {
|
|
_SliverAppBarDelegate(this._tabBar, this._color);
|
|
final Color _color;
|
|
final TabBar _tabBar;
|
|
|
|
@override
|
|
double get minExtent => _tabBar.preferredSize.height;
|
|
@override
|
|
double get maxExtent => _tabBar.preferredSize.height;
|
|
|
|
@override
|
|
Widget build(
|
|
BuildContext context, double shrinkOffset, bool overlapsContent) {
|
|
return new Container(
|
|
color: _color,
|
|
child: _tabBar,
|
|
);
|
|
}
|
|
|
|
@override
|
|
bool shouldRebuild(_SliverAppBarDelegate oldDelegate) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
class HistoryChart extends StatelessWidget {
|
|
final List<FlSpot> stats;
|
|
HistoryChart(this.stats);
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SafeArea(
|
|
child: LineChart(
|
|
LineChartData(
|
|
backgroundColor: Colors.transparent,
|
|
gridData: FlGridData(
|
|
show: true,
|
|
drawHorizontalLine: true,
|
|
getDrawingHorizontalLine: (value) {
|
|
return value % 60 == 0
|
|
? FlLine(
|
|
color: Theme.of(context).brightness == Brightness.light
|
|
? Colors.grey[400]
|
|
: Colors.grey[700],
|
|
strokeWidth: 1,
|
|
)
|
|
: FlLine(color: Colors.transparent);
|
|
},
|
|
),
|
|
titlesData: FlTitlesData(
|
|
show: true,
|
|
bottomTitles: SideTitles(
|
|
textStyle: TextStyle(
|
|
color: const Color(0xff67727d),
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 12,
|
|
),
|
|
showTitles: true,
|
|
reservedSize: 10,
|
|
getTitles: (value) {
|
|
return DateFormat.E().format(DateTime.now()
|
|
.subtract(Duration(days: (7 - value.toInt()))));
|
|
},
|
|
margin: 5,
|
|
),
|
|
leftTitles: SideTitles(
|
|
showTitles: true,
|
|
textStyle: TextStyle(
|
|
color: const Color(0xff67727d),
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 12,
|
|
),
|
|
getTitles: (value) {
|
|
return value % 60 == 0 && value > 0 ? '${value ~/ 60}h' : '';
|
|
},
|
|
reservedSize: 20,
|
|
margin: 5,
|
|
),
|
|
),
|
|
borderData: FlBorderData(
|
|
show: false,
|
|
border: Border(
|
|
left: BorderSide(color: Colors.red, width: 2),
|
|
)),
|
|
lineBarsData: [
|
|
LineChartBarData(
|
|
spots: this.stats,
|
|
isCurved: false,
|
|
colors: [Theme.of(context).accentColor],
|
|
barWidth: 3,
|
|
isStrokeCapRound: true,
|
|
dotData: FlDotData(
|
|
show: true,
|
|
dotSize: 5,
|
|
dotColor: Theme.of(context).accentColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|