1
0
mirror of https://gitlab.com/comunic/comunicmobile synced 2024-12-26 21:08:52 +00:00
comunicmobile/lib/utils/ui_utils.dart

225 lines
6.3 KiB
Dart
Raw Normal View History

2019-11-01 13:17:46 +00:00
import 'package:comunic/helpers/preferences_helper.dart';
2020-04-25 13:36:07 +00:00
import 'package:comunic/ui/routes/full_screen_image.dart';
2020-05-02 16:15:55 +00:00
import 'package:comunic/ui/widgets/dialogs/auto_sized_dialog_content_widget.dart';
2019-05-04 08:24:38 +00:00
import 'package:comunic/utils/intl_utils.dart';
2019-04-22 17:16:26 +00:00
import 'package:flutter/material.dart';
2019-06-24 08:48:31 +00:00
import 'package:html/parser.dart';
2019-04-22 17:16:26 +00:00
/// User interface utilities
2019-05-04 08:24:38 +00:00
///
/// @author Pierre HUBERT
2019-04-22 17:16:26 +00:00
2019-04-23 06:46:50 +00:00
/// Build centered progress bar
Widget buildCenteredProgressBar() {
return Center(
child: CircularProgressIndicator(),
);
}
2019-04-22 17:16:26 +00:00
/// Build and return a full loading page
2019-06-15 06:16:47 +00:00
Widget buildLoadingPage({
bool showAppBar = false,
String routeTitle,
}) {
2019-04-22 17:16:26 +00:00
return Scaffold(
2019-06-15 06:16:47 +00:00
appBar: showAppBar
? AppBar(
2019-06-15 14:01:58 +00:00
title: routeTitle == null ? null : Text(routeTitle),
2019-06-15 06:16:47 +00:00
)
: null,
2019-04-23 06:46:50 +00:00
body: buildCenteredProgressBar(),
2019-04-22 17:16:26 +00:00
);
}
/// Build and return an error card
2020-04-16 07:29:37 +00:00
Widget buildErrorCard(String message,
{List<Widget> actions, bool hide = false}) {
if (hide) return Container();
2020-04-15 10:04:19 +00:00
2020-05-09 07:44:41 +00:00
return Theme(
data:
ThemeData(textTheme: TextTheme(body1: TextStyle(color: Colors.white))),
child: Card(
elevation: 2.0,
color: Colors.red,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(right: 8.0),
child: Icon(
Icons.error,
color: Colors.white,
),
2019-04-22 17:16:26 +00:00
),
2020-05-09 07:44:41 +00:00
Flexible(
child: Text(
message,
maxLines: null,
),
2019-04-22 17:16:26 +00:00
),
2020-05-09 07:44:41 +00:00
Row(
children: actions == null ? <Widget>[] : actions,
)
],
),
2019-04-22 17:16:26 +00:00
),
),
);
}
2019-04-26 09:34:24 +00:00
/// Show an image with a given [url] in full screen
void showImageFullScreen(BuildContext context, String url) {
Navigator.of(context).push(MaterialPageRoute(builder: (c) {
2020-04-25 13:36:07 +00:00
return FullScreenImageRoute(url);
2019-04-26 09:34:24 +00:00
}));
}
/// Show simple snack
void showSimpleSnack(BuildContext context, String message) {
Scaffold.of(context).showSnackBar(SnackBar(content: Text(message)));
2019-05-04 08:24:38 +00:00
}
/// Show an alert dialog to ask the user to enter a string
2019-05-18 16:48:12 +00:00
///
/// Returns entered string if the dialog is confirmed, null else
2019-05-04 08:24:38 +00:00
Future<String> askUserString({
@required BuildContext context,
@required String title,
@required String message,
@required String defaultValue,
@required String hint,
2020-05-02 16:15:55 +00:00
int maxLength = 200,
2019-05-04 08:24:38 +00:00
}) async {
assert(context != null);
assert(title != null);
assert(message != null);
assert(defaultValue != null);
assert(hint != null);
2020-05-02 16:15:55 +00:00
assert(maxLength != null);
2019-05-04 08:24:38 +00:00
TextEditingController controller = TextEditingController(text: defaultValue);
final confirm = await showDialog<bool>(
context: context,
builder: (c) => AlertDialog(
title: Text(title),
2020-05-02 16:15:55 +00:00
content: AutoSizeDialogContentWidget(
child: Column(
children: <Widget>[
Text(message),
TextField(
controller: controller,
maxLines: null,
maxLength: maxLength,
keyboardType: TextInputType.text,
decoration: InputDecoration(
labelText: hint,
alignLabelWithHint: true,
),
)
],
2020-04-17 10:06:37 +00:00
),
2019-05-04 08:24:38 +00:00
),
actions: <Widget>[
FlatButton(
child: Text(tr("Cancel").toUpperCase()),
onPressed: () => Navigator.pop(c, false),
),
FlatButton(
child: Text(tr("OK")),
onPressed: () => Navigator.pop(c, true),
),
],
));
if (confirm == null || !confirm) return null;
return controller.text;
}
2019-05-18 07:45:15 +00:00
/// Show an alert dialog to get user confirmation for something
///
/// Return value of this function is never null
2019-05-18 14:48:19 +00:00
Future<bool> showConfirmDialog({
2019-05-18 07:45:15 +00:00
@required BuildContext context,
String title,
@required String message,
}) async {
if (title == null) title = tr("Confirm operation");
2020-05-06 15:53:27 +00:00
// Avoid potential theme issues
2020-05-10 16:32:14 +00:00
final scaffold = Scaffold.of(context, nullOk: true);
final ctx = scaffold != null ? scaffold.context : context;
2020-05-06 15:53:27 +00:00
2019-05-18 07:45:15 +00:00
final result = await showDialog<bool>(
2020-05-06 15:53:27 +00:00
context: ctx,
2019-05-18 07:45:15 +00:00
builder: (c) => AlertDialog(
title: Text(title),
content: Text(message),
actions: <Widget>[
FlatButton(
onPressed: () => Navigator.pop(context, false),
child: Text(tr("Cancel").toUpperCase()),
),
FlatButton(
onPressed: () => Navigator.pop(context, true),
child: Text(
tr("Confirm").toUpperCase(),
style: TextStyle(color: Colors.red),
),
),
],
));
return result != null && result;
}
2019-05-20 07:20:11 +00:00
/// Smart [InputCounterWidgetBuilder] that show text limit only when some
/// text has already been entered by the user
Widget smartInputCounterWidgetBuilder(
BuildContext context, {
@required int currentLength,
@required int maxLength,
@required bool isFocused,
}) =>
currentLength > 0 ? Text("$currentLength/$maxLength") : Container();
2019-06-24 08:48:31 +00:00
/// Parse an HTML String to decode special characters
String htmlDecodeCharacters(String input) {
2019-06-24 18:24:40 +00:00
if (input == null || input == "") return "";
2019-06-24 08:48:31 +00:00
return parse(input).documentElement.text;
}
2019-11-01 13:17:46 +00:00
const darkAccentColor = Colors.white70;
2019-11-02 11:48:47 +00:00
const darkerAccentColor = Colors.white30;
2019-11-01 13:17:46 +00:00
/// Check out whether dark theme is enabled or not
bool darkTheme() => preferences().getBool(PreferencesKeyList.ENABLE_DARK_THEME);
2020-04-16 07:29:37 +00:00
2020-05-05 11:21:37 +00:00
/// Check out whether we use tablet mode or not
bool isTablet(BuildContext context) =>
MediaQuery.of(context).size.width >= 1024;
2020-04-16 07:29:37 +00:00
/// Show about Comunic dialog
void showAboutAppDialog(BuildContext context) {
showAboutDialog(
context: context,
applicationName: "Comunic",
children: <Widget>[
Text(
tr("Comunic is a free and OpenSource social network that respect your privacy."),
textAlign: TextAlign.center,
),
SizedBox(
height: 20,
),
Text(
"Application built by Pierre Hubert",
textAlign: TextAlign.center,
),
]);
}