177 lines
6.7 KiB
Dart
177 lines
6.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:line_icons/line_icons.dart';
|
|
import 'package:flare_flutter/flare_actor.dart';
|
|
|
|
import '../util/context_extension.dart';
|
|
import '../util/custompaint.dart';
|
|
import '../local_storage/key_value_storage.dart';
|
|
|
|
class PopupMenuSetting extends StatefulWidget {
|
|
const PopupMenuSetting({Key key}) : super(key: key);
|
|
|
|
@override
|
|
_PopupMenuSettingState createState() => _PopupMenuSettingState();
|
|
}
|
|
|
|
class _PopupMenuSettingState extends State<PopupMenuSetting> {
|
|
Future<List<int>> _getEpisodeMenu() async {
|
|
KeyValueStorage popupMenuStorage = KeyValueStorage(episodePopupMenuKey);
|
|
List<int> list = await popupMenuStorage.getMenu();
|
|
return list;
|
|
}
|
|
|
|
_saveEpisodeMene(List<int> list) async {
|
|
KeyValueStorage popupMenuStorage = KeyValueStorage(episodePopupMenuKey);
|
|
await popupMenuStorage.saveMenu(list);
|
|
setState(() {});
|
|
}
|
|
|
|
Widget _popupMenuItem(List<int> menu, int e,
|
|
{Widget icon,
|
|
String text,
|
|
String description = '',
|
|
bool enable = false}) {
|
|
return Padding(
|
|
key: ObjectKey(text),
|
|
padding: EdgeInsets.only(left: 60.0, right: 20),
|
|
child: ListTile(
|
|
leading: icon,
|
|
title: Text(text),
|
|
subtitle: Text(description),
|
|
trailing: Checkbox(
|
|
value: e < 10,
|
|
onChanged: e == 0
|
|
? null
|
|
: (bool boo) {
|
|
if (boo && e >= 10) {
|
|
int index = menu.indexOf(e);
|
|
menu.remove(e);
|
|
menu.insert(index, e - 10);
|
|
_saveEpisodeMene(menu);
|
|
} else if (e < 10) {
|
|
int index = menu.indexOf(e);
|
|
menu.remove(e);
|
|
menu.insert(index, e + 10);
|
|
_saveEpisodeMene(menu);
|
|
}
|
|
})),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AnnotatedRegion<SystemUiOverlayStyle>(
|
|
value: SystemUiOverlayStyle(
|
|
statusBarIconBrightness: Theme.of(context).accentColorBrightness,
|
|
systemNavigationBarColor: context.primaryColor,
|
|
systemNavigationBarIconBrightness:
|
|
Theme.of(context).accentColorBrightness,
|
|
),
|
|
child: Scaffold(
|
|
appBar: AppBar(
|
|
elevation: 0,
|
|
backgroundColor: context.primaryColor,
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
color: context.primaryColor,
|
|
height: 200,
|
|
// color: Colors.red,
|
|
child: FlareActor(
|
|
'assets/longtap.flr',
|
|
alignment: Alignment.center,
|
|
animation: 'longtap',
|
|
fit: BoxFit.cover,
|
|
)),
|
|
Divider(height: 2),
|
|
Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 10),
|
|
),
|
|
Container(
|
|
height: 30.0,
|
|
padding: EdgeInsets.symmetric(horizontal: 80),
|
|
alignment: Alignment.centerLeft,
|
|
child: Text('Episode popup menu',
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyText1
|
|
.copyWith(color: Theme.of(context).accentColor)),
|
|
),
|
|
FutureBuilder<List<int>>(
|
|
future: _getEpisodeMenu(),
|
|
initialData: [0, 1, 12, 13, 14],
|
|
builder: (context, snapshot) {
|
|
List<int> menu = snapshot.data;
|
|
return ListView(
|
|
shrinkWrap: true,
|
|
children: menu.map<Widget>((int e) {
|
|
int i = e % 10;
|
|
switch (i) {
|
|
case 0:
|
|
return _popupMenuItem(menu, e,
|
|
icon: Icon(
|
|
LineIcons.play_circle_solid,
|
|
color: context.accentColor,
|
|
),
|
|
text: 'Play',
|
|
description: 'Play the episode');
|
|
break;
|
|
case 1:
|
|
return _popupMenuItem(menu, e,
|
|
icon: Icon(
|
|
LineIcons.clock_solid,
|
|
color: Colors.cyan,
|
|
),
|
|
text: 'Later',
|
|
description: 'Add episode to playlist');
|
|
break;
|
|
case 2:
|
|
return _popupMenuItem(menu, e,
|
|
icon: Icon(
|
|
LineIcons.heart,
|
|
color: Colors.red,
|
|
size: 21
|
|
),
|
|
text: 'Like',
|
|
description: 'Add episode to favorite');
|
|
break;
|
|
case 3:
|
|
return _popupMenuItem(menu, e,
|
|
icon: SizedBox(
|
|
width: 23,
|
|
height: 23,
|
|
child: CustomPaint(
|
|
painter: ListenedAllPainter(Colors.blue,
|
|
stroke: 1.5)),
|
|
),
|
|
text: 'Mark Listened',
|
|
description: 'Mark episode as listened');
|
|
break;
|
|
|
|
case 4:
|
|
return _popupMenuItem(menu, e,
|
|
icon: Icon(
|
|
LineIcons.download_solid,
|
|
color: Colors.green,
|
|
),
|
|
text: 'Download',
|
|
description: 'Download episode');
|
|
break;
|
|
default:
|
|
return Text('Text');
|
|
break;
|
|
}
|
|
}).toList(),
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
)),
|
|
);
|
|
}
|
|
}
|