2019-09-02 15:52:32 +02:00
|
|
|
import 'dart:io';
|
2019-09-23 11:08:51 +02:00
|
|
|
import 'dart:async';
|
2019-10-13 05:01:29 +02:00
|
|
|
import 'package:fimber/fimber.dart';
|
2019-09-02 15:52:32 +02:00
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
|
|
|
|
|
|
class DialogOption<T> {
|
|
|
|
final T value;
|
|
|
|
final Widget widget;
|
|
|
|
DialogOption({this.value, this.widget});
|
|
|
|
}
|
|
|
|
|
2019-09-19 15:10:50 +02:00
|
|
|
class AppThemeType {
|
2019-09-02 15:52:32 +02:00
|
|
|
static const material = 0;
|
|
|
|
static const cupertino = 1;
|
2019-09-19 15:10:50 +02:00
|
|
|
static const values = [AppThemeType.material, AppThemeType.cupertino];
|
2019-09-02 15:52:32 +02:00
|
|
|
}
|
|
|
|
|
2019-09-29 09:35:33 +02:00
|
|
|
class PickerItem<T> {
|
|
|
|
final T value;
|
|
|
|
final String text;
|
|
|
|
PickerItem(this.value, {@required this.text});
|
|
|
|
}
|
|
|
|
|
|
|
|
class PickerGroupItem<T> {
|
|
|
|
final T value;
|
|
|
|
final List<PickerItem<T>> items;
|
|
|
|
final Function(T value) onChange;
|
|
|
|
final Function(T value) onClose;
|
|
|
|
|
|
|
|
PickerGroupItem({
|
|
|
|
@required this.value,
|
|
|
|
@required this.items,
|
|
|
|
this.onChange,
|
|
|
|
this.onClose,
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2019-10-02 08:58:11 +02:00
|
|
|
class SelectorItem<T> {
|
|
|
|
T value;
|
|
|
|
String text;
|
|
|
|
SelectorItem({@required this.value, @required this.text});
|
|
|
|
}
|
|
|
|
|
2019-09-29 10:01:03 +02:00
|
|
|
// No animation. For replacing route
|
|
|
|
// TODO: Go back
|
|
|
|
class StaticRoute extends PageRouteBuilder {
|
|
|
|
final WidgetBuilder builder;
|
|
|
|
StaticRoute({this.builder})
|
|
|
|
: super(
|
|
|
|
pageBuilder: (BuildContext context, Animation<double> animation,
|
|
|
|
Animation<double> secondaryAnimation) {
|
|
|
|
return builder(context);
|
|
|
|
},
|
|
|
|
transitionsBuilder: (BuildContext context,
|
|
|
|
Animation<double> animation,
|
|
|
|
Animation<double> secondaryAnimation,
|
|
|
|
Widget child) {
|
|
|
|
return child;
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2019-09-02 15:52:32 +02:00
|
|
|
class ThemeModel with ChangeNotifier {
|
|
|
|
static const storageKey = 'theme';
|
|
|
|
|
|
|
|
int _theme;
|
|
|
|
int get theme => _theme;
|
|
|
|
bool get ready => _theme != null;
|
|
|
|
|
|
|
|
init() async {
|
|
|
|
var prefs = await SharedPreferences.getInstance();
|
|
|
|
|
|
|
|
int v = prefs.getInt(storageKey);
|
2019-10-13 05:01:29 +02:00
|
|
|
Fimber.d('read theme: $v');
|
2019-09-19 15:10:50 +02:00
|
|
|
if (AppThemeType.values.contains(v)) {
|
2019-09-02 15:52:32 +02:00
|
|
|
_theme = v;
|
|
|
|
} else if (Platform.isIOS) {
|
2019-09-19 15:10:50 +02:00
|
|
|
_theme = AppThemeType.cupertino;
|
2019-09-02 15:52:32 +02:00
|
|
|
} else {
|
2019-09-19 15:10:50 +02:00
|
|
|
_theme = AppThemeType.material;
|
2019-09-02 15:52:32 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
notifyListeners();
|
|
|
|
}
|
|
|
|
|
|
|
|
Future<void> setTheme(int v) async {
|
|
|
|
SharedPreferences prefs = await SharedPreferences.getInstance();
|
|
|
|
|
|
|
|
_theme = v;
|
|
|
|
await prefs.setInt(storageKey, v);
|
2019-10-13 05:01:29 +02:00
|
|
|
Fimber.d('write theme: $v');
|
2019-09-02 15:52:32 +02:00
|
|
|
|
|
|
|
notifyListeners();
|
|
|
|
}
|
|
|
|
|
2019-09-23 12:13:21 +02:00
|
|
|
pushRoute(
|
|
|
|
BuildContext context,
|
|
|
|
WidgetBuilder builder, {
|
2019-09-02 15:52:32 +02:00
|
|
|
bool fullscreenDialog = false,
|
|
|
|
}) {
|
|
|
|
switch (theme) {
|
2019-09-19 15:10:50 +02:00
|
|
|
case AppThemeType.cupertino:
|
2019-09-23 12:13:21 +02:00
|
|
|
return Navigator.of(context).push(CupertinoPageRoute(
|
2019-09-02 15:52:32 +02:00
|
|
|
builder: builder,
|
|
|
|
fullscreenDialog: fullscreenDialog,
|
|
|
|
));
|
|
|
|
default:
|
2019-09-23 12:13:21 +02:00
|
|
|
return Navigator.of(context).push(MaterialPageRoute(
|
2019-09-02 15:52:32 +02:00
|
|
|
builder: builder,
|
|
|
|
fullscreenDialog: fullscreenDialog,
|
|
|
|
));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-09-23 12:13:21 +02:00
|
|
|
pushReplacementRoute(BuildContext context, WidgetBuilder builder) {
|
2019-09-29 10:01:03 +02:00
|
|
|
return Navigator.of(context).pushReplacement(StaticRoute(builder: builder));
|
2019-09-23 12:13:21 +02:00
|
|
|
}
|
|
|
|
|
2019-10-03 06:55:17 +02:00
|
|
|
Future<bool> showConfirm(BuildContext context, Widget content) {
|
2019-09-02 15:52:32 +02:00
|
|
|
switch (theme) {
|
2019-09-19 15:10:50 +02:00
|
|
|
case AppThemeType.cupertino:
|
2019-09-02 15:52:32 +02:00
|
|
|
return showCupertinoDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return CupertinoAlertDialog(
|
2019-10-03 06:55:17 +02:00
|
|
|
title: content,
|
2019-09-02 15:52:32 +02:00
|
|
|
actions: <Widget>[
|
|
|
|
CupertinoDialogAction(
|
|
|
|
child: const Text('cancel'),
|
|
|
|
isDefaultAction: true,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, false);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
CupertinoDialogAction(
|
|
|
|
child: const Text('OK'),
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, true);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
default:
|
|
|
|
return showDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
return AlertDialog(
|
2019-10-03 06:55:17 +02:00
|
|
|
content: content,
|
2019-09-02 15:52:32 +02:00
|
|
|
actions: <Widget>[
|
|
|
|
FlatButton(
|
|
|
|
child: const Text('CANCEL'),
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, false);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
FlatButton(
|
|
|
|
child: const Text('OK'),
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, true);
|
|
|
|
},
|
|
|
|
)
|
|
|
|
],
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
Future<T> showDialogOptions<T>(
|
|
|
|
BuildContext context, List<DialogOption<T>> options) {
|
|
|
|
var title = Text('Pick your reaction');
|
|
|
|
var cancelWidget = Text('Cancel');
|
|
|
|
|
|
|
|
switch (theme) {
|
2019-09-19 15:10:50 +02:00
|
|
|
case AppThemeType.cupertino:
|
2019-09-02 15:52:32 +02:00
|
|
|
return showCupertinoDialog<T>(
|
|
|
|
context: context,
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
return CupertinoAlertDialog(
|
|
|
|
title: title,
|
|
|
|
actions: options.map((option) {
|
|
|
|
return CupertinoDialogAction(
|
|
|
|
child: option.widget,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, option.value);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}).toList()
|
|
|
|
..add(
|
|
|
|
CupertinoDialogAction(
|
|
|
|
child: cancelWidget,
|
|
|
|
isDestructiveAction: true,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, null);
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
default:
|
|
|
|
return showDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (BuildContext context) {
|
|
|
|
return SimpleDialog(
|
|
|
|
title: title,
|
|
|
|
children: options.map<Widget>((option) {
|
|
|
|
return SimpleDialogOption(
|
|
|
|
child: option.widget,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, option.value);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}).toList()
|
|
|
|
..add(SimpleDialogOption(
|
|
|
|
child: cancelWidget,
|
|
|
|
onPressed: () {
|
|
|
|
Navigator.pop(context, null);
|
|
|
|
},
|
|
|
|
)),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2019-09-23 11:08:51 +02:00
|
|
|
|
2019-10-02 08:58:11 +02:00
|
|
|
showSelector<T>({
|
|
|
|
@required BuildContext context,
|
|
|
|
@required Iterable<SelectorItem<T>> items,
|
|
|
|
@required T selected,
|
|
|
|
}) async {
|
|
|
|
switch (theme) {
|
|
|
|
case AppThemeType.cupertino:
|
|
|
|
default:
|
|
|
|
return showMenu<T>(
|
|
|
|
context: context,
|
|
|
|
initialValue: selected,
|
|
|
|
items: items
|
|
|
|
.map((item) =>
|
|
|
|
PopupMenuItem(value: item.value, child: Text(item.text)))
|
|
|
|
.toList(),
|
|
|
|
position: RelativeRect.fromLTRB(1, 10, 0, 0),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2019-09-23 11:08:51 +02:00
|
|
|
|
2019-10-02 08:58:11 +02:00
|
|
|
static Timer _debounce;
|
2019-09-29 09:35:33 +02:00
|
|
|
String _selectedItem;
|
|
|
|
|
2019-09-23 11:08:51 +02:00
|
|
|
showPicker(BuildContext context, PickerGroupItem<String> groupItem) async {
|
|
|
|
switch (theme) {
|
|
|
|
case AppThemeType.cupertino:
|
2019-09-28 18:25:14 +02:00
|
|
|
default:
|
2019-09-29 09:02:06 +02:00
|
|
|
await showCupertinoModalPopup(
|
2019-09-23 11:08:51 +02:00
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return Container(
|
2019-09-28 18:25:14 +02:00
|
|
|
height: 216,
|
2019-09-23 11:08:51 +02:00
|
|
|
child: CupertinoPicker(
|
|
|
|
backgroundColor: CupertinoColors.white,
|
|
|
|
children: groupItem.items.map((v) => Text(v.text)).toList(),
|
|
|
|
itemExtent: 40,
|
|
|
|
scrollController: FixedExtentScrollController(
|
|
|
|
initialItem: groupItem.items
|
|
|
|
.toList()
|
|
|
|
.indexWhere((v) => v.value == groupItem.value)),
|
|
|
|
onSelectedItemChanged: (index) {
|
2019-09-29 09:35:33 +02:00
|
|
|
_selectedItem = groupItem.items[index].value;
|
2019-09-29 09:02:06 +02:00
|
|
|
|
2019-09-29 09:35:33 +02:00
|
|
|
if (groupItem.onChange != null) {
|
|
|
|
if (_debounce?.isActive ?? false) {
|
|
|
|
_debounce.cancel();
|
|
|
|
}
|
|
|
|
|
|
|
|
_debounce = Timer(const Duration(milliseconds: 500), () {
|
|
|
|
groupItem.onChange(_selectedItem);
|
|
|
|
});
|
|
|
|
}
|
2019-09-23 11:08:51 +02:00
|
|
|
},
|
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
2019-09-29 09:35:33 +02:00
|
|
|
if (groupItem.onClose != null) {
|
|
|
|
groupItem.onClose(_selectedItem);
|
|
|
|
}
|
2019-09-23 11:08:51 +02:00
|
|
|
}
|
|
|
|
}
|
2019-09-02 15:52:32 +02:00
|
|
|
}
|