1375 lines
49 KiB
Dart
1375 lines
49 KiB
Dart
import 'dart:async';
|
|
import 'dart:io';
|
|
import 'dart:math' as math;
|
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:dio/dio.dart';
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:flutter/material.dart' hide SearchDelegate;
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_html/flutter_html.dart';
|
|
import 'package:fluttertoast/fluttertoast.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:tsacdop/state/audio_state.dart';
|
|
import 'package:tsacdop/type/episodebrief.dart';
|
|
import 'package:webfeed/webfeed.dart';
|
|
|
|
import '../.env.dart';
|
|
import '../local_storage/key_value_storage.dart';
|
|
import '../service/search_api.dart';
|
|
import '../state/podcast_group.dart';
|
|
import '../state/search_state.dart';
|
|
import '../type/search_api/searchepisodes.dart';
|
|
import '../type/search_api/searchpodcast.dart';
|
|
import '../util/extension_helper.dart';
|
|
import '../widgets/custom_search_delegate.dart';
|
|
import '../widgets/custom_widget.dart';
|
|
import 'pocast_discovery.dart';
|
|
|
|
class MyHomePageDelegate extends SearchDelegate<int> {
|
|
final String searchFieldLabel;
|
|
MyHomePageDelegate({this.searchFieldLabel})
|
|
: super(
|
|
searchFieldLabel: searchFieldLabel,
|
|
);
|
|
var _searchEngine;
|
|
static Future _getRss(String url) async {
|
|
try {
|
|
final options = BaseOptions(
|
|
connectTimeout: 30000,
|
|
receiveTimeout: 90000,
|
|
);
|
|
var response = await Dio(options).get(url);
|
|
return RssFeed.parse(response.data);
|
|
} catch (e) {
|
|
rethrow;
|
|
}
|
|
}
|
|
|
|
RegExp rssExp = RegExp(r'^(https?):\/\/(.*)');
|
|
|
|
Widget _invalidRss(BuildContext context) => Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Text(context.s.searchInvalidRss,
|
|
style: context.textTheme.headline6.copyWith(color: Colors.red)),
|
|
);
|
|
|
|
@override
|
|
void close(BuildContext context, int result) {
|
|
final searchState = context.read<SearchState>();
|
|
final selectedPodcast = searchState.selectedPodcast;
|
|
if (selectedPodcast != null) {
|
|
searchState.clearSelect();
|
|
} else {
|
|
if (searchState.genre != null) {
|
|
searchState.clearGenre();
|
|
} else {
|
|
searchState.clearList();
|
|
super.close(context, result);
|
|
}
|
|
}
|
|
}
|
|
|
|
@override
|
|
ThemeData appBarTheme(BuildContext context) => Theme.of(context);
|
|
|
|
@override
|
|
TextStyle get searchFieldStyle => TextStyle(fontSize: 20);
|
|
|
|
@override
|
|
Widget buildLeading(BuildContext context) {
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
close(context, null);
|
|
return false;
|
|
},
|
|
child: IconButton(
|
|
tooltip: context.s.back,
|
|
splashRadius: 20,
|
|
icon: Icon(_getIconData(Theme.of(context).platform)),
|
|
onPressed: () {
|
|
close(context, 1);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget buildSuggestions(BuildContext context) {
|
|
return DiscoveryPage(
|
|
onTap: (history) {
|
|
query = history;
|
|
showResults(context);
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
List<Widget> buildActions(BuildContext context) {
|
|
return <Widget>[
|
|
if (query.isNotEmpty)
|
|
IconButton(
|
|
tooltip: context.s.clear,
|
|
splashRadius: 20,
|
|
icon: const Icon(Icons.clear),
|
|
onPressed: () {
|
|
query = '';
|
|
showResults(context);
|
|
},
|
|
),
|
|
_SearchPopupMenu(
|
|
onSelected: (searchEngine) {
|
|
_searchEngine = searchEngine;
|
|
showSuggestions(context);
|
|
if (query != '') {
|
|
showResults(context);
|
|
}
|
|
},
|
|
),
|
|
];
|
|
}
|
|
|
|
@override
|
|
Widget buildResults(BuildContext context) {
|
|
if (query.isEmpty) {
|
|
return DiscoveryPage(onTap: (history) {
|
|
query = history;
|
|
showResults(context);
|
|
});
|
|
} 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 RssResult(
|
|
url: rssExp.stringMatch(query),
|
|
rssFeed: snapshot.data,
|
|
);
|
|
} else {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Platform.isIOS
|
|
? CupertinoActivityIndicator()
|
|
: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
},
|
|
);
|
|
} else {
|
|
switch (_searchEngine) {
|
|
case SearchEngine.listenNotes:
|
|
return _ListenNotesSearch(query: query);
|
|
break;
|
|
case SearchEngine.podcastIndex:
|
|
return _PodcastIndexSearch(query: query);
|
|
default:
|
|
return Center();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
static IconData _getIconData(TargetPlatform platform) {
|
|
switch (platform) {
|
|
case TargetPlatform.android:
|
|
case TargetPlatform.fuchsia:
|
|
case TargetPlatform.linux:
|
|
case TargetPlatform.windows:
|
|
return Icons.arrow_back;
|
|
case TargetPlatform.iOS:
|
|
case TargetPlatform.macOS:
|
|
return Icons.arrow_back_ios;
|
|
}
|
|
assert(false);
|
|
return null;
|
|
}
|
|
}
|
|
|
|
class RssResult extends StatefulWidget {
|
|
RssResult({this.url, this.rssFeed, Key key}) : super(key: key);
|
|
final RssFeed rssFeed;
|
|
final String url;
|
|
@override
|
|
_RssResultState createState() => _RssResultState();
|
|
}
|
|
|
|
class _RssResultState extends State<RssResult> {
|
|
OnlinePodcast _onlinePodcast;
|
|
int _loadItems;
|
|
|
|
@override
|
|
void initState() {
|
|
var p = widget.rssFeed;
|
|
_loadItems = 10;
|
|
_onlinePodcast = OnlinePodcast(
|
|
rss: widget.url,
|
|
title: p?.title ?? widget.url,
|
|
publisher: p?.author ?? "",
|
|
description: p?.description ?? "No description for this podcast",
|
|
image: p?.itunes?.image?.href ?? p?.image?.url ?? "",
|
|
count: p.items.length);
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final s = context.s;
|
|
var items = widget.rssFeed.items;
|
|
return DefaultTabController(
|
|
length: 2,
|
|
child: Column(
|
|
children: [
|
|
SizedBox(
|
|
height: 140,
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 8),
|
|
child: Text(_onlinePodcast.title,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: context.textTheme.headline5),
|
|
),
|
|
SubscribeButton(_onlinePodcast),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
CachedNetworkImage(
|
|
height: 120.0,
|
|
width: 120.0,
|
|
fit: BoxFit.fitWidth,
|
|
alignment: Alignment.center,
|
|
imageUrl: _onlinePodcast.image,
|
|
progressIndicatorBuilder: (context, url, downloadProgress) =>
|
|
Container(
|
|
height: 120,
|
|
width: 120,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: SizedBox(
|
|
width: 40,
|
|
height: 2,
|
|
child: LinearProgressIndicator(
|
|
value: downloadProgress.progress),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Container(
|
|
width: 120,
|
|
height: 120,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: Icon(Icons.error)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
height: 50,
|
|
color: context.scaffoldBackgroundColor,
|
|
child: TabBar(
|
|
indicatorColor: context.accentColor,
|
|
labelColor: context.textColor,
|
|
indicatorWeight: 3,
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
tabs: [
|
|
Text(s.homeToprightMenuAbout),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(s.episode(2)),
|
|
SizedBox(width: 2),
|
|
Container(
|
|
padding: const EdgeInsets.only(
|
|
left: 5, right: 5, top: 2, bottom: 2),
|
|
decoration: BoxDecoration(
|
|
color: context.accentColor,
|
|
borderRadius: BorderRadius.circular(100)),
|
|
child: Text(_onlinePodcast.count.toString(),
|
|
style: TextStyle(color: Colors.white)))
|
|
],
|
|
)
|
|
]),
|
|
),
|
|
Expanded(
|
|
child: TabBarView(children: [
|
|
ListView(
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Html(
|
|
onLinkTap: (url) {
|
|
url.launchUrl;
|
|
},
|
|
linkStyle: TextStyle(
|
|
color: context.accentColor,
|
|
// decoration: TextDecoration.underline,
|
|
textBaseline: TextBaseline.ideographic),
|
|
shrinkToFit: true,
|
|
data: _onlinePodcast.description,
|
|
padding:
|
|
EdgeInsets.only(left: 20.0, right: 20, bottom: 20),
|
|
defaultTextStyle: TextStyle(
|
|
height: 1.8,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
ListView.builder(
|
|
itemCount: math.min(_loadItems + 1, items.length),
|
|
itemBuilder: (context, index) {
|
|
if (index == _loadItems) {
|
|
return Container(
|
|
padding: const EdgeInsets.only(top: 10.0, bottom: 20.0),
|
|
alignment: Alignment.center,
|
|
child: OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
splashColor: context.accentColor.withOpacity(0.5),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.all(Radius.circular(100))),
|
|
child: Text(context.s.loadMore),
|
|
onPressed: () => setState(
|
|
() => _loadItems += 10,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return ListTile(
|
|
title: Text(items[index].title),
|
|
subtitle: Text('${items[index].pubDate}',
|
|
style: TextStyle(color: context.accentColor)),
|
|
);
|
|
})
|
|
]),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SearchPopupMenu extends StatefulWidget {
|
|
final ValueChanged<SearchEngine> onSelected;
|
|
_SearchPopupMenu({this.onSelected, Key key}) : super(key: key);
|
|
|
|
@override
|
|
__SearchPopupMenuState createState() => __SearchPopupMenuState();
|
|
}
|
|
|
|
class __SearchPopupMenuState extends State<_SearchPopupMenu> {
|
|
SearchEngine _searchEngine;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_searchEngine = SearchEngine.podcastIndex;
|
|
_getSearchEngine();
|
|
}
|
|
|
|
Future<void> _getSearchEngine() async {
|
|
final storage = KeyValueStorage(searchEngineKey);
|
|
final index = await storage.getInt();
|
|
setState(() => _searchEngine = SearchEngine.values[index]);
|
|
widget.onSelected(_searchEngine);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PopupMenuButton<SearchEngine>(
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
|
|
elevation: 1,
|
|
icon: SizedBox(
|
|
height: 25,
|
|
width: 25,
|
|
child: CircleAvatar(
|
|
backgroundImage: _searchEngine == SearchEngine.podcastIndex
|
|
? AssetImage('assets/podcastindex_logo.png')
|
|
: AssetImage('assets/listennotes_logo.png'),
|
|
maxRadius: 25,
|
|
),
|
|
),
|
|
onSelected: (searchEngine) {
|
|
widget.onSelected(searchEngine);
|
|
setState(() {
|
|
_searchEngine = searchEngine;
|
|
});
|
|
},
|
|
itemBuilder: (context) => [
|
|
PopupMenuItem(
|
|
value: SearchEngine.podcastIndex,
|
|
child: Padding(
|
|
padding: EdgeInsets.only(left: 10),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Text('Podcastindex'),
|
|
Spacer(),
|
|
if (_searchEngine == SearchEngine.podcastIndex) DotIndicator()
|
|
],
|
|
),
|
|
),
|
|
),
|
|
if (environment['apiKey'] != '')
|
|
PopupMenuItem(
|
|
value: SearchEngine.listenNotes,
|
|
child: Padding(
|
|
padding: EdgeInsets.only(left: 10),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Text('ListenNotes'),
|
|
Spacer(),
|
|
if (_searchEngine == SearchEngine.listenNotes) DotIndicator()
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _ListenNotesSearch extends StatefulWidget {
|
|
final String query;
|
|
_ListenNotesSearch({this.query, Key key}) : super(key: key);
|
|
|
|
@override
|
|
__ListenNotesSearchState createState() => __ListenNotesSearchState();
|
|
}
|
|
|
|
class __ListenNotesSearchState extends State<_ListenNotesSearch> {
|
|
final List<OnlinePodcast> _podcastList = [];
|
|
int _nextOffset = 0;
|
|
int _offset;
|
|
bool _loading = false;
|
|
bool _loadError = false;
|
|
Future _searchFuture;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_searchFuture = _getListenNotesList(widget.query, _nextOffset);
|
|
}
|
|
|
|
Future<void> _saveHistory(String query) async {
|
|
final storage = KeyValueStorage(searchHistoryKey);
|
|
final history = await storage.getStringList();
|
|
if (!history.contains(query)) {
|
|
if (history.length >= 6) {
|
|
history.removeLast();
|
|
}
|
|
history.insert(0, query);
|
|
await storage.saveStringList(history);
|
|
}
|
|
}
|
|
|
|
Future<List<OnlinePodcast>> _getListenNotesList(
|
|
String searchText, int nextOffset) async {
|
|
if (nextOffset == 0) _saveHistory(searchText);
|
|
final searchEngine = ListenNotesSearch();
|
|
var searchResult;
|
|
try {
|
|
searchResult = await searchEngine.searchPodcasts(
|
|
searchText: searchText, nextOffset: nextOffset);
|
|
} catch (e) {
|
|
_loadError = true;
|
|
_loading = false;
|
|
return [];
|
|
}
|
|
_offset = searchResult.nextOffset;
|
|
var searchList = <OnlinePodcast>[...searchResult.results.cast().toList()];
|
|
_podcastList.addAll(searchList);
|
|
_loading = false;
|
|
return _podcastList;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PodcastSlideup(
|
|
searchEngine: SearchEngine.listenNotes,
|
|
child: FutureBuilder<List>(
|
|
future: _searchFuture,
|
|
builder: (context, snapshot) {
|
|
if (!snapshot.hasData && widget.query != null) {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Platform.isIOS
|
|
? CupertinoActivityIndicator()
|
|
: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
if (snapshot.data.isEmpty) {
|
|
if (_loadError) {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Text('Network error.',
|
|
style: context.textTheme.headline6
|
|
.copyWith(color: Colors.red)),
|
|
);
|
|
} else {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Text('No result.',
|
|
style: context.textTheme.headline6
|
|
.copyWith(color: context.accentColor)),
|
|
);
|
|
}
|
|
}
|
|
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: OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
splashColor: context.accentColor.withOpacity(0.5),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100)),
|
|
child: _loading
|
|
? SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: Platform.isIOS
|
|
? CupertinoActivityIndicator()
|
|
: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
))
|
|
: Text(context.s.loadMore),
|
|
onPressed: () => _loading
|
|
? null
|
|
: setState(
|
|
() {
|
|
_loading = true;
|
|
_nextOffset = _offset;
|
|
_searchFuture = _getListenNotesList(
|
|
widget.query, _nextOffset);
|
|
},
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(
|
|
height: 20,
|
|
child: Center(
|
|
child: Image(
|
|
image: context.brightness == Brightness.light
|
|
? AssetImage('assets/listennotes.png')
|
|
: AssetImage('assets/listennotes_light.png'),
|
|
height: 15,
|
|
),
|
|
),
|
|
))
|
|
],
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _PodcastIndexSearch extends StatefulWidget {
|
|
final String query;
|
|
_PodcastIndexSearch({this.query, Key key}) : super(key: key);
|
|
|
|
@override
|
|
__PodcastIndexSearchState createState() => __PodcastIndexSearchState();
|
|
}
|
|
|
|
class __PodcastIndexSearchState extends State<_PodcastIndexSearch> {
|
|
int _limit;
|
|
bool _loading;
|
|
bool _loadError;
|
|
Future _searchFuture;
|
|
List _podcastList = [];
|
|
final _searchEngine = PodcastsIndexSearch();
|
|
|
|
Future<void> _saveHistory(String query) async {
|
|
final storage = KeyValueStorage(searchHistoryKey);
|
|
final history = await storage.getStringList();
|
|
if (!history.contains(query)) {
|
|
if (history.length >= 6) {
|
|
history.removeLast();
|
|
}
|
|
history.insert(0, query);
|
|
await storage.saveStringList(history);
|
|
}
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loading = false;
|
|
_loadError = false;
|
|
_limit = 10;
|
|
_searchFuture = _getPodcatsIndexList(widget.query, limit: _limit);
|
|
}
|
|
|
|
Future<List<OnlinePodcast>> _getPodcatsIndexList(String searchText,
|
|
{int limit}) async {
|
|
if (_limit == 10) _saveHistory(searchText);
|
|
var searchResult;
|
|
try {
|
|
searchResult = await _searchEngine.searchPodcasts(
|
|
searchText: searchText, limit: limit);
|
|
} catch (e) {
|
|
_loadError = true;
|
|
_loading = false;
|
|
return [];
|
|
}
|
|
var list = searchResult.feeds.cast();
|
|
_podcastList = <OnlinePodcast>[
|
|
for (var podcast in list) podcast.toOnlinePodcast
|
|
];
|
|
_loading = false;
|
|
return _podcastList;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return PodcastSlideup(
|
|
searchEngine: SearchEngine.podcastIndex,
|
|
child: FutureBuilder<List>(
|
|
future: _searchFuture,
|
|
builder: (context, snapshot) {
|
|
if (!snapshot.hasData && widget.query != null) {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Platform.isIOS
|
|
? CupertinoActivityIndicator()
|
|
: CircularProgressIndicator(),
|
|
);
|
|
}
|
|
if (snapshot.data.isEmpty) {
|
|
if (_loadError) {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Text('Network error.',
|
|
style: context.textTheme.headline6
|
|
.copyWith(color: Colors.red)),
|
|
);
|
|
} else {
|
|
return Container(
|
|
padding: EdgeInsets.only(top: 200),
|
|
alignment: Alignment.topCenter,
|
|
child: Text('No result found.',
|
|
style: context.textTheme.headline6
|
|
.copyWith(color: context.accentColor)),
|
|
);
|
|
}
|
|
}
|
|
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: OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
splashColor: context.accentColor.withOpacity(0.5),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100)),
|
|
child: _loading
|
|
? SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
))
|
|
: Text(context.s.loadMore),
|
|
onPressed: () => _loading
|
|
? null
|
|
: setState(
|
|
() {
|
|
_loading = true;
|
|
_limit += 10;
|
|
_searchFuture = _getPodcatsIndexList(
|
|
widget.query,
|
|
limit: _limit);
|
|
},
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: SizedBox(
|
|
height: 20,
|
|
child: Center(
|
|
child: Image(
|
|
image: AssetImage('assets/podcastindex.png'),
|
|
height: 15,
|
|
),
|
|
),
|
|
))
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SearchResult extends StatelessWidget {
|
|
final OnlinePodcast onlinePodcast;
|
|
SearchResult({this.onlinePodcast, Key key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var searchState = context.watch<SearchState>();
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: <Widget>[
|
|
ListTile(
|
|
contentPadding: EdgeInsets.fromLTRB(20, 10, 20, 10),
|
|
onTap: () {
|
|
searchState.selectedPodcast = onlinePodcast;
|
|
},
|
|
leading: ClipRRect(
|
|
borderRadius: BorderRadius.circular(25.0),
|
|
child: CachedNetworkImage(
|
|
height: 50.0,
|
|
width: 50.0,
|
|
fit: BoxFit.fitWidth,
|
|
alignment: Alignment.center,
|
|
imageUrl: onlinePodcast.image,
|
|
progressIndicatorBuilder: (context, url, downloadProgress) =>
|
|
Container(
|
|
height: 50,
|
|
width: 50,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: SizedBox(
|
|
width: 20,
|
|
height: 2,
|
|
child: LinearProgressIndicator(
|
|
value: downloadProgress.progress),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Container(
|
|
width: 50,
|
|
height: 50,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: Icon(Icons.error)),
|
|
),
|
|
),
|
|
title: Text(onlinePodcast.title),
|
|
subtitle: Text(
|
|
onlinePodcast.publisher ?? '',
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
trailing: SubscribeButton(onlinePodcast)),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Search podcast detail widget
|
|
class SearchResultDetail extends StatefulWidget {
|
|
SearchResultDetail(this.onlinePodcast,
|
|
{this.maxHeight, this.isSubscribed, this.searchEngine, Key key})
|
|
: super(key: key);
|
|
final OnlinePodcast onlinePodcast;
|
|
final double maxHeight;
|
|
final bool isSubscribed;
|
|
final SearchEngine searchEngine;
|
|
@override
|
|
_SearchResultDetailState createState() => _SearchResultDetailState();
|
|
}
|
|
|
|
enum SlideDirection { up, down }
|
|
|
|
class _SearchResultDetailState extends State<SearchResultDetail>
|
|
with SingleTickerProviderStateMixin {
|
|
/// Animation value.
|
|
double _initSize;
|
|
|
|
/// Gesture tap start position.
|
|
double _startdy;
|
|
|
|
/// Height of first open.
|
|
double _minHeight;
|
|
|
|
/// Gesture move.
|
|
double _move = 0;
|
|
|
|
AnimationController _controller;
|
|
Animation _animation;
|
|
|
|
/// Gesture scroll direction.
|
|
SlideDirection _slideDirection;
|
|
|
|
/// Search offset.
|
|
int _nextEpisdoeDate = DateTime.now().millisecondsSinceEpoch;
|
|
|
|
/// Search result.
|
|
final List<OnlineEpisode> _episodeList = [];
|
|
|
|
Future _searchFuture;
|
|
|
|
/// Episodes list load more.
|
|
bool _loading = false;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
_searchFuture = widget.searchEngine == SearchEngine.listenNotes
|
|
? _getListenNotesEpisodes(
|
|
id: widget.onlinePodcast.id, nextEpisodeDate: _nextEpisdoeDate)
|
|
: _getIndexEpisodes(id: widget.onlinePodcast.rss);
|
|
_minHeight = widget.maxHeight / 2;
|
|
_initSize = _minHeight;
|
|
_slideDirection = SlideDirection.up;
|
|
_controller =
|
|
AnimationController(vsync: this, duration: Duration(milliseconds: 200))
|
|
..addListener(() {
|
|
if (mounted) setState(() {});
|
|
});
|
|
_animation =
|
|
Tween<double>(begin: 170, end: _minHeight).animate(_controller);
|
|
_controller.forward();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<List<OnlineEpisode>> _getListenNotesEpisodes(
|
|
{String id, int nextEpisodeDate}) async {
|
|
var searchEngine = ListenNotesSearch();
|
|
var searchResult = await searchEngine.fetchEpisode(
|
|
id: id, nextEpisodeDate: nextEpisodeDate);
|
|
_nextEpisdoeDate = searchResult.nextEpisodeDate;
|
|
_episodeList.addAll(searchResult.episodes.cast());
|
|
_loading = false;
|
|
return _episodeList;
|
|
}
|
|
|
|
Future<List<OnlineEpisode>> _getIndexEpisodes({String id}) async {
|
|
var searchEngine = PodcastsIndexSearch();
|
|
var searchResult = await searchEngine.fetchEpisode(rssUrl: id);
|
|
var episodes = searchResult.items.cast();
|
|
for (var episode in episodes) {
|
|
_episodeList.add(episode.toOnlineEpisode);
|
|
}
|
|
_loading = false;
|
|
return _episodeList;
|
|
}
|
|
|
|
void _start(DragStartDetails event) {
|
|
setState(() {
|
|
_startdy = event.localPosition.dy;
|
|
_animation =
|
|
Tween<double>(begin: _initSize, end: _initSize).animate(_controller);
|
|
});
|
|
_controller.forward();
|
|
}
|
|
|
|
void _update(DragUpdateDetails event) {
|
|
setState(() {
|
|
_move = _startdy - event.localPosition.dy;
|
|
_animation = Tween<double>(begin: _initSize, end: _initSize + _move)
|
|
.animate(_controller);
|
|
_slideDirection = _move > 0 ? SlideDirection.up : SlideDirection.down;
|
|
});
|
|
_controller.forward();
|
|
}
|
|
|
|
void _end() {
|
|
if (_slideDirection == SlideDirection.up) {
|
|
if (_move > 20) {
|
|
setState(() {
|
|
_animation =
|
|
Tween<double>(begin: _animation.value, end: widget.maxHeight)
|
|
.animate(_controller);
|
|
_initSize = widget.maxHeight;
|
|
});
|
|
_controller.forward();
|
|
} else {
|
|
setState(() {
|
|
_animation = Tween<double>(begin: _animation.value, end: _minHeight)
|
|
.animate(_controller);
|
|
_initSize = _minHeight;
|
|
});
|
|
_controller.forward();
|
|
}
|
|
} else if (_slideDirection == SlideDirection.down) {
|
|
if (_move > -50) {
|
|
setState(() {
|
|
_animation = Tween<double>(
|
|
begin: _animation.value,
|
|
end: _animation.value > _minHeight
|
|
? widget.maxHeight
|
|
: _minHeight)
|
|
.animate(_controller);
|
|
_initSize =
|
|
_animation.value > _minHeight ? widget.maxHeight : _minHeight;
|
|
});
|
|
_controller.forward();
|
|
} else {
|
|
setState(() {
|
|
_animation = Tween<double>(
|
|
begin: _animation.value,
|
|
end: _animation.value > _minHeight - 50 ? _minHeight : 1)
|
|
.animate(_controller);
|
|
_initSize = _animation.value > _minHeight - 50 ? _minHeight : 100;
|
|
});
|
|
_controller.forward();
|
|
if (_animation.value < _minHeight - 50) {
|
|
context.read<SearchState>().clearSelect();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Widget _episodesList() {
|
|
return FutureBuilder<List<OnlineEpisode>>(
|
|
future: _searchFuture,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
var content = snapshot.data;
|
|
return ListView.builder(
|
|
physics: _animation.value != widget.maxHeight
|
|
? NeverScrollableScrollPhysics()
|
|
: null,
|
|
itemCount: content.length + 1,
|
|
itemBuilder: (context, index) {
|
|
if (index == content.length) {
|
|
return Container(
|
|
padding: const EdgeInsets.only(top: 10.0, bottom: 20.0),
|
|
alignment: Alignment.center,
|
|
child: SizedBox(
|
|
child: OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
splashColor: context.accentColor.withOpacity(0.5),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100)),
|
|
child: _loading
|
|
? SizedBox(
|
|
height: 20,
|
|
width: 20,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
))
|
|
: Text(context.s.loadMore),
|
|
onPressed: () {
|
|
if (widget.searchEngine ==
|
|
SearchEngine.listenNotes &&
|
|
!_loading) {
|
|
setState(
|
|
() {
|
|
_loading = true;
|
|
_searchFuture = _getListenNotesEpisodes(
|
|
id: widget.onlinePodcast.id,
|
|
nextEpisodeDate: _nextEpisdoeDate);
|
|
},
|
|
);
|
|
}
|
|
}),
|
|
),
|
|
);
|
|
}
|
|
return ListTile(
|
|
title: Text(content[index].title),
|
|
tileColor: Colors.transparent,
|
|
subtitle: Text(
|
|
content[index].length == 0
|
|
? '${content[index].pubDate.toDate(context)}'
|
|
: '${content[index].length.toTime} | '
|
|
'${content[index].pubDate.toDate(context)}',
|
|
style: TextStyle(color: context.accentColor)),
|
|
trailing: Selector<AudioPlayerNotifier, EpisodeBrief>(
|
|
selector: (_, audio) => audio.episode,
|
|
builder: (_, episode, __) {
|
|
if (episode != null &&
|
|
episode.enclosureUrl == content[index].audio) {
|
|
return Padding(
|
|
padding: EdgeInsets.symmetric(horizontal: 20),
|
|
child: SizedBox(
|
|
width: 20,
|
|
height: 15,
|
|
child: WaveLoader(color: context.accentColor),
|
|
),
|
|
);
|
|
}
|
|
return TextButton(
|
|
style: ButtonStyle(
|
|
foregroundColor: MaterialStateProperty.all<Color>(
|
|
context.accentColor),
|
|
overlayColor: MaterialStateProperty.all<Color>(
|
|
context.scaffoldBackgroundColor.withOpacity(0.3)),
|
|
padding:
|
|
MaterialStateProperty.all<EdgeInsetsGeometry>(
|
|
EdgeInsets.symmetric(horizontal: 2))),
|
|
child: Text(context.s.play.toUpperCase()),
|
|
onPressed: () {
|
|
context.read<AudioPlayerNotifier>().episodeLoad(
|
|
content[index].toEpisode,
|
|
fromSearch: true);
|
|
},
|
|
);
|
|
}),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
return Center(
|
|
child: CircularProgressIndicator(),
|
|
);
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final s = context.s;
|
|
return GestureDetector(
|
|
onVerticalDragStart: _start,
|
|
onVerticalDragUpdate: _update,
|
|
onVerticalDragEnd: (event) => _end(),
|
|
child: Container(
|
|
decoration: BoxDecoration(
|
|
color: context.primaryColor,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
offset: Offset(0, -0.5),
|
|
blurRadius: 1,
|
|
color: Theme.of(context).brightness == Brightness.light
|
|
? Colors.grey[400].withOpacity(0.5)
|
|
: Colors.grey[800],
|
|
),
|
|
],
|
|
),
|
|
height: _animation.value,
|
|
child: DefaultTabController(
|
|
length: 2,
|
|
child: Column(
|
|
children: [
|
|
SizedBox(
|
|
height: math.min(_animation.value, 120),
|
|
child: SingleChildScrollView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
child: SizedBox(
|
|
height: 120,
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
const EdgeInsets.symmetric(vertical: 8),
|
|
child: Text(widget.onlinePodcast.title,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: context.textTheme.headline5),
|
|
),
|
|
Text(
|
|
widget.onlinePodcast.interval
|
|
.toInterval(context) !=
|
|
''
|
|
? '${widget.onlinePodcast.interval.toInterval(context)} | '
|
|
'${widget.onlinePodcast.latestPubDate.toDate(context)}'
|
|
: '${widget.onlinePodcast.latestPubDate.toDate(context)}',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.fade,
|
|
style: TextStyle(color: context.accentColor),
|
|
),
|
|
SubscribeButton(widget.onlinePodcast),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
CachedNetworkImage(
|
|
height: 120.0,
|
|
width: 120.0,
|
|
fit: BoxFit.fitWidth,
|
|
alignment: Alignment.center,
|
|
imageUrl: widget.onlinePodcast.image,
|
|
fadeInDuration: Duration.zero,
|
|
placeholderFadeInDuration: Duration.zero,
|
|
progressIndicatorBuilder:
|
|
(context, url, downloadProgress) => Container(
|
|
height: 120,
|
|
width: 120,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: SizedBox(
|
|
width: 40,
|
|
height: 2,
|
|
child: LinearProgressIndicator(
|
|
value: downloadProgress.progress),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Container(
|
|
width: 120,
|
|
height: 120,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: Icon(Icons.error)),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
if (_animation.value > 120)
|
|
SizedBox(
|
|
height: math.min(_animation.value - 120, 50),
|
|
child: SingleChildScrollView(
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
child: SizedBox(
|
|
height: 50,
|
|
child: TabBar(
|
|
indicatorColor: context.accentColor,
|
|
labelColor: context.textColor,
|
|
indicatorWeight: 3,
|
|
indicatorSize: TabBarIndicatorSize.label,
|
|
tabs: [
|
|
Text(s.homeToprightMenuAbout),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(s.episode(2)),
|
|
SizedBox(width: 2),
|
|
if (widget.onlinePodcast.count > 0)
|
|
Container(
|
|
padding: const EdgeInsets.only(
|
|
left: 5, right: 5, top: 2, bottom: 2),
|
|
decoration: BoxDecoration(
|
|
color: context.accentColor,
|
|
borderRadius:
|
|
BorderRadius.circular(100)),
|
|
child: Text(
|
|
widget.onlinePodcast.count.toString(),
|
|
style:
|
|
TextStyle(color: Colors.white)))
|
|
],
|
|
)
|
|
]),
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
color: context.scaffoldBackgroundColor,
|
|
child: TabBarView(children: [
|
|
ListView(
|
|
physics: _animation.value != widget.maxHeight
|
|
? NeverScrollableScrollPhysics()
|
|
: null,
|
|
children: [
|
|
Html(
|
|
onLinkTap: (url) {
|
|
url.launchUrl;
|
|
},
|
|
linkStyle: TextStyle(
|
|
color: context.accentColor,
|
|
textBaseline: TextBaseline.ideographic),
|
|
shrinkToFit: true,
|
|
data: widget.onlinePodcast.description,
|
|
padding: const EdgeInsets.only(
|
|
left: 20.0, right: 20, bottom: 20),
|
|
defaultTextStyle: TextStyle(
|
|
height: 1.8,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
_episodesList()
|
|
]),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class SubscribeButton extends StatelessWidget {
|
|
SubscribeButton(this.onlinePodcast, {Key key}) : super(key: key);
|
|
final OnlinePodcast onlinePodcast;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final subscribeWorker = context.watch<GroupList>();
|
|
final searchState = context.watch<SearchState>();
|
|
final s = context.s;
|
|
void subscribePodcast(OnlinePodcast podcast) {
|
|
var item = SubscribeItem(podcast.rss, podcast.title,
|
|
imgUrl: podcast.image, group: 'Home');
|
|
subscribeWorker.setSubscribeItem(item);
|
|
searchState.addPodcast(podcast);
|
|
}
|
|
|
|
return Consumer<SearchState>(builder: (_, searchState, __) {
|
|
final subscribed = searchState.isSubscribed(onlinePodcast);
|
|
return !subscribed
|
|
? ButtonTheme(
|
|
height: 32,
|
|
child: OutlineButton(
|
|
highlightedBorderColor: context.accentColor,
|
|
borderSide: BorderSide(color: context.accentColor),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(100.0),
|
|
side: BorderSide(color: context.accentColor)),
|
|
splashColor: context.accentColor.withOpacity(0.5),
|
|
child: Text(s.subscribe,
|
|
style: TextStyle(color: context.accentColor)),
|
|
onPressed: () {
|
|
Fluttertoast.showToast(
|
|
msg: s.podcastSubscribed,
|
|
gravity: ToastGravity.BOTTOM,
|
|
);
|
|
subscribePodcast(onlinePodcast);
|
|
searchState.addPodcast(onlinePodcast);
|
|
}),
|
|
)
|
|
: ButtonTheme(
|
|
height: 32,
|
|
child: OutlineButton(
|
|
color: context.accentColor.withOpacity(0.5),
|
|
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: () {}),
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
class PodcastSlideup extends StatelessWidget {
|
|
const PodcastSlideup({this.child, this.searchEngine, Key key})
|
|
: super(key: key);
|
|
final Widget child;
|
|
final SearchEngine searchEngine;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Consumer<SearchState>(builder: (_, searchState, __) {
|
|
final selectedPodcast = searchState.selectedPodcast;
|
|
final subscribed = searchState.subscribedList;
|
|
return Stack(
|
|
alignment: Alignment.bottomCenter,
|
|
children: [
|
|
child,
|
|
if (selectedPodcast != null)
|
|
Positioned.fill(
|
|
child: GestureDetector(
|
|
onTap: searchState.clearSelect,
|
|
child: Container(
|
|
color: context.scaffoldBackgroundColor.withOpacity(0.9),
|
|
),
|
|
),
|
|
),
|
|
if (selectedPodcast != null)
|
|
LayoutBuilder(
|
|
builder: (context, constrants) => SearchResultDetail(
|
|
selectedPodcast,
|
|
maxHeight: constrants.maxHeight,
|
|
isSubscribed: subscribed.contains(selectedPodcast),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
});
|
|
}
|
|
}
|
|
|
|
class PodcastAvatar extends StatelessWidget {
|
|
const PodcastAvatar(this.podcast, {Key key}) : super(key: key);
|
|
final OnlinePodcast podcast;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
height: 50,
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(25.0),
|
|
child: CachedNetworkImage(
|
|
height: 50.0,
|
|
width: 50.0,
|
|
fit: BoxFit.fitWidth,
|
|
alignment: Alignment.center,
|
|
imageUrl: podcast.image,
|
|
placeholderFadeInDuration: Duration.zero,
|
|
progressIndicatorBuilder: (context, url, downloadProgress) =>
|
|
Container(
|
|
height: 50,
|
|
width: 50,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: SizedBox(
|
|
width: 20,
|
|
height: 2,
|
|
child: LinearProgressIndicator(value: downloadProgress.progress),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) => Container(
|
|
width: 50,
|
|
height: 50,
|
|
alignment: Alignment.center,
|
|
color: context.primaryColorDark,
|
|
child: Icon(Icons.error)),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|