482 lines
16 KiB
Dart
482 lines
16 KiB
Dart
import 'dart:io';
|
|
import 'dart:convert';
|
|
import 'dart:async';
|
|
import 'dart:math' as math;
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:color_thief_flutter/color_thief_flutter.dart';
|
|
import 'package:dio/dio.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:tsacdop/state/podcast_group.dart';
|
|
|
|
import '../type/searchpodcast.dart';
|
|
import '../state/podcast_group.dart';
|
|
import '../util/context_extension.dart';
|
|
import '../webfeed/webfeed.dart';
|
|
import '../.env.dart';
|
|
|
|
class MyHomePageDelegate extends SearchDelegate<int> {
|
|
final String searchFieldLabel;
|
|
|
|
MyHomePageDelegate({this.searchFieldLabel})
|
|
: super(
|
|
searchFieldLabel: searchFieldLabel,
|
|
);
|
|
|
|
static Future getRss(String url) async {
|
|
try {
|
|
BaseOptions options = new BaseOptions(
|
|
connectTimeout: 10000,
|
|
receiveTimeout: 10000,
|
|
);
|
|
Response response = await Dio(options).get(url);
|
|
var p = RssFeed.parse(response.data);
|
|
return OnlinePodcast(
|
|
rss: url,
|
|
title: p.title,
|
|
publisher: p.author,
|
|
description: p.description,
|
|
image: p.itunes.image.href);
|
|
} catch (e) {
|
|
throw e;
|
|
}
|
|
}
|
|
|
|
RegExp rssExp = RegExp(r'^(https?):\/\/(.*)');
|
|
Widget invalidRss(BuildContext context) => Container(
|
|
height: 50,
|
|
alignment: Alignment.center,
|
|
child: Text(context.s.searchInvalidRss),
|
|
);
|
|
|
|
@override
|
|
ThemeData appBarTheme(BuildContext context) => Theme.of(context);
|
|
|
|
@override
|
|
Widget buildLeading(BuildContext context) {
|
|
return IconButton(
|
|
tooltip: context.s.back,
|
|
icon: AnimatedIcon(
|
|
icon: AnimatedIcons.menu_arrow,
|
|
progress: transitionAnimation,
|
|
),
|
|
onPressed: () {
|
|
close(context, 1);
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget buildSuggestions(BuildContext context) {
|
|
// if (query.isEmpty)
|
|
return Center(
|
|
child: Container(
|
|
padding: EdgeInsets.only(top: 400),
|
|
child: Image(
|
|
image: Theme.of(context).brightness == Brightness.light
|
|
? AssetImage('assets/listennotes.png')
|
|
: AssetImage('assets/listennotes_light.png'),
|
|
height: 20,
|
|
),
|
|
));
|
|
// else if (rssExp.stringMatch(query) != null)
|
|
// return FutureBuilder(
|
|
// future: getRss(rssExp.stringMatch(query)),
|
|
// builder: (context, snapshot) {
|
|
// if (snapshot.hasError)
|
|
// return invalidRss();
|
|
// else if (snapshot.hasData)
|
|
// return SearchResult(
|
|
// onlinePodcast: snapshot.data,
|
|
// );
|
|
// else
|
|
// return Container(
|
|
// padding: EdgeInsets.only(top: 200),
|
|
// alignment: Alignment.topCenter,
|
|
// child: CircularProgressIndicator(),
|
|
// );
|
|
// },
|
|
// );
|
|
// else
|
|
// return FutureBuilder(
|
|
// future: getList(query),
|
|
// builder: (BuildContext context, AsyncSnapshot<List> snapshot) {
|
|
// if (!snapshot.hasData && query != null)
|
|
// return Container(
|
|
// padding: EdgeInsets.only(top: 200),
|
|
// alignment: Alignment.topCenter,
|
|
// child: CircularProgressIndicator(),
|
|
// );
|
|
// List content = snapshot.data;
|
|
// return ListView.builder(
|
|
// scrollDirection: Axis.vertical,
|
|
// itemCount: content.length,
|
|
// itemBuilder: (BuildContext context, int index) {
|
|
// return SearchResult(
|
|
// onlinePodcast: content[index],
|
|
// );
|
|
// },
|
|
// );
|
|
// },
|
|
// );
|
|
}
|
|
|
|
@override
|
|
List<Widget> buildActions(BuildContext context) {
|
|
return <Widget>[
|
|
if (query.isEmpty)
|
|
Center()
|
|
else
|
|
IconButton(
|
|
tooltip: context.s.clear,
|
|
icon: const Icon(Icons.clear),
|
|
onPressed: () {
|
|
query = '';
|
|
},
|
|
),
|
|
];
|
|
}
|
|
|
|
@override
|
|
Widget buildResults(BuildContext context) {
|
|
if (query.isEmpty)
|
|
return Container(
|
|
height: 10,
|
|
width: 10,
|
|
margin: EdgeInsets.only(top: 400),
|
|
child: SizedBox(
|
|
height: 10,
|
|
child: Image.asset(
|
|
'assets/listennote.png',
|
|
fit: BoxFit.fill,
|
|
),
|
|
),
|
|
);
|
|
else if (rssExp.stringMatch(query) != null)
|
|
return FutureBuilder(
|
|
future: getRss(rssExp.stringMatch(query)),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasError)
|
|
return invalidRss(context);
|
|
else if (snapshot.hasData)
|
|
return SearchResult(
|
|
onlinePodcast: snapshot.data,
|
|
);
|
|
else
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
},
|
|
);
|
|
else
|
|
return SearchList(
|
|
query: query,
|
|
);
|
|
// return FutureBuilder(
|
|
// future: getList(query),
|
|
// builder: (BuildContext context, AsyncSnapshot<List> snapshot) {
|
|
// if (!snapshot.hasData && query != null)
|
|
// return Container(
|
|
// padding: EdgeInsets.only(top: 200),
|
|
// alignment: Alignment.topCenter,
|
|
// child: CircularProgressIndicator(),
|
|
// );
|
|
// List content = snapshot.data;
|
|
// return ListView.builder(
|
|
// scrollDirection: Axis.vertical,
|
|
// itemCount: content.length,
|
|
// itemBuilder: (BuildContext context, int index) {
|
|
// return SearchResult(
|
|
// onlinePodcast: content[index],
|
|
// );
|
|
// },
|
|
// );
|
|
// },
|
|
// );
|
|
}
|
|
}
|
|
|
|
class SearchList extends StatefulWidget {
|
|
final String query;
|
|
SearchList({this.query, Key key}) : super(key: key);
|
|
|
|
@override
|
|
_SearchListState createState() => _SearchListState();
|
|
}
|
|
|
|
class _SearchListState extends State<SearchList> {
|
|
int _nextOffset;
|
|
List<OnlinePodcast> _podcastList;
|
|
int _offset;
|
|
bool _loading;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_nextOffset = 0;
|
|
_podcastList = [];
|
|
}
|
|
|
|
Future<List> _getList(String searchText, int nextOffset) async {
|
|
String apiKey = environment['apiKey'];
|
|
String url = "https://listen-api.listennotes.com/api/v2/search?q=" +
|
|
Uri.encodeComponent(searchText) +
|
|
"&sort_by_date=0&type=podcast&offset=$nextOffset";
|
|
Response response = await Dio().get(url,
|
|
options: Options(headers: {
|
|
'X-ListenAPI-Key': "$apiKey",
|
|
'Accept': "application/json"
|
|
}));
|
|
Map searchResultMap = jsonDecode(response.toString());
|
|
var searchResult = SearchPodcast.fromJson(searchResultMap);
|
|
_offset = searchResult.nextOffset;
|
|
_podcastList.addAll(searchResult.results.cast());
|
|
_loading = false;
|
|
return _podcastList;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return FutureBuilder<List>(
|
|
future: _getList(widget.query, _nextOffset),
|
|
builder: (BuildContext context, AsyncSnapshot<List> snapshot) {
|
|
if (!snapshot.hasData && widget.query != null)
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
var content = snapshot.data;
|
|
return CustomScrollView(
|
|
slivers: [
|
|
SliverList(
|
|
delegate: SliverChildBuilderDelegate(
|
|
(context, index) {
|
|
return SearchResult(
|
|
onlinePodcast: content[index],
|
|
);
|
|
},
|
|
childCount: content.length,
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10.0, bottom: 20.0),
|
|
child: SizedBox(
|
|
height: 30,
|
|
child: OutlineButton(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(15))),
|
|
child: _loading
|
|
? SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
))
|
|
: Text(context.s.loadMore),
|
|
onPressed: () => _loading
|
|
? null
|
|
: setState(() {
|
|
_loading = true;
|
|
_nextOffset = _offset;
|
|
}))),
|
|
)
|
|
],
|
|
),
|
|
)
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class SearchResult extends StatefulWidget {
|
|
final OnlinePodcast onlinePodcast;
|
|
SearchResult({this.onlinePodcast, Key key}) : super(key: key);
|
|
@override
|
|
_SearchResultState createState() => _SearchResultState();
|
|
}
|
|
|
|
class _SearchResultState extends State<SearchResult>
|
|
with SingleTickerProviderStateMixin {
|
|
bool _issubscribe;
|
|
bool _showDes;
|
|
AnimationController _controller;
|
|
Animation _animation;
|
|
double _value;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_issubscribe = false;
|
|
_showDes = false;
|
|
_value = 0;
|
|
_controller =
|
|
AnimationController(vsync: this, duration: Duration(milliseconds: 300));
|
|
_animation = Tween<double>(begin: 0.0, end: 1.0).animate(_controller)
|
|
..addListener(() {
|
|
setState(() {
|
|
_value = _animation.value;
|
|
});
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<String> getColor(File file) async {
|
|
final imageProvider = FileImage(file);
|
|
var colorImage = await getImageFromProvider(imageProvider);
|
|
var color = await getColorFromImage(colorImage);
|
|
String primaryColor = color.toString();
|
|
return primaryColor;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var subscribeWorker = Provider.of<GroupList>(context, listen: false);
|
|
final s = context.s;
|
|
savePodcast(OnlinePodcast podcast) {
|
|
SubscribeItem item = SubscribeItem(podcast.rss, podcast.title,
|
|
imgUrl: podcast.image, group: 'Home');
|
|
subscribeWorker.setSubscribeItem(item);
|
|
}
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
border: Border(
|
|
bottom: Divider.createBorderSide(context),
|
|
),
|
|
),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
ListTile(
|
|
contentPadding: EdgeInsets.symmetric(horizontal: 20.0),
|
|
onTap: () {
|
|
setState(() {
|
|
_showDes = !_showDes;
|
|
if (_value == 0)
|
|
_controller.forward();
|
|
else
|
|
_controller.reverse();
|
|
});
|
|
},
|
|
leading: ClipRRect(
|
|
borderRadius: BorderRadius.all(Radius.circular(20.0)),
|
|
child: CachedNetworkImage(
|
|
height: 40.0,
|
|
width: 40.0,
|
|
fit: BoxFit.fitWidth,
|
|
alignment: Alignment.center,
|
|
imageUrl: widget.onlinePodcast.image,
|
|
progressIndicatorBuilder: (context, url, downloadProgress) =>
|
|
Container(
|
|
height: 40,
|
|
width: 40,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: SizedBox(
|
|
width: 20,
|
|
height: 2,
|
|
child: LinearProgressIndicator(
|
|
value: downloadProgress.progress),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Container(
|
|
width: 40,
|
|
height: 40,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: Icon(Icons.error)),
|
|
),
|
|
),
|
|
title: Text(widget.onlinePodcast.title),
|
|
subtitle: Text(widget.onlinePodcast.publisher ?? ''),
|
|
trailing: Row(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
Transform.rotate(
|
|
angle: math.pi * _value,
|
|
child: Icon(Icons.keyboard_arrow_down),
|
|
),
|
|
Padding(padding: EdgeInsets.only(right: 10.0)),
|
|
Container(
|
|
width: 100,
|
|
height: 35,
|
|
child: !_issubscribe
|
|
? OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100.0),
|
|
side: BorderSide(color: context.accentColor)),
|
|
splashColor: context.accentColor.withOpacity(0.8),
|
|
child: Text(s.subscribe,
|
|
style: TextStyle(
|
|
color: Theme.of(context).accentColor)),
|
|
onPressed: () {
|
|
savePodcast(widget.onlinePodcast);
|
|
setState(() => _issubscribe = true);
|
|
Fluttertoast.showToast(
|
|
msg: s.podcastSubscribed,
|
|
gravity: ToastGravity.BOTTOM,
|
|
);
|
|
})
|
|
: OutlineButton(
|
|
color: context.accentColor.withOpacity(0.8),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100.0),
|
|
side: BorderSide(color: Colors.grey[500])),
|
|
highlightedBorderColor: Colors.grey[500],
|
|
disabledTextColor: Colors.grey[500],
|
|
child: Text(s.subscribe),
|
|
disabledBorderColor: Colors.grey[500],
|
|
onPressed: () {}),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
_showDes
|
|
? Container(
|
|
alignment: Alignment.centerLeft,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).accentColor,
|
|
borderRadius: BorderRadius.only(
|
|
topRight: Radius.circular(15.0),
|
|
bottomLeft: Radius.circular(15.0),
|
|
bottomRight: Radius.circular(15.0),
|
|
)),
|
|
margin: EdgeInsets.only(left: 70, right: 50, bottom: 10.0),
|
|
padding: EdgeInsets.all(15.0),
|
|
child: Text(
|
|
widget.onlinePodcast.description.trim(),
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText1
|
|
.copyWith(color: Colors.white),
|
|
),
|
|
)
|
|
: Center(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|