comunicmobile/lib/utils/ui_utils.dart

import 'package:comunic/helpers/preferences_helper.dart';
import 'package:comunic/main.dart';
import 'package:comunic/models/config.dart';
import 'package:comunic/ui/routes/full_screen_image.dart';
import 'package:comunic/ui/widgets/dialogs/auto_sized_dialog_content_widget.dart';
import 'package:comunic/ui/widgets/dialogs/cancel_dialog_button.dart';
import 'package:comunic/utils/intl_utils.dart';
import 'package:flutter/material.dart';
import 'package:flutter_emoji/flutter_emoji.dart';
import 'package:html/parser.dart';

/// User interface utilities
///
/// @author Pierre HUBERT

/// Build centered progress bar
Widget buildCenteredProgressBar() {
  return Center(
    child: CircularProgressIndicator(),
  );
}

/// Build and return a full loading page
Widget buildLoadingPage({
  bool showAppBar = false,
  String? routeTitle,
}) {
  return Scaffold(
    appBar: showAppBar
        ? AppBar(
            title: routeTitle == null ? null : Text(routeTitle),
          )
        : null,
    body: buildCenteredProgressBar(),
  );
}

/// Build and return an error card
Widget buildErrorCard(String? message,
    {List<Widget>? actions, bool hide = false}) {
  if (hide) return Container();

  return Theme(
    data: ThemeData(
        textTheme: TextTheme(bodyText2: 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,
              ),
            ),
            Flexible(
              child: Text(
                message!,
                maxLines: null,
              ),
            ),
            Row(
              children: actions == null ? <Widget>[] : actions,
            )
          ],
        ),
      ),
    ),
  );
}

/// Show an image with a given [url] in full screen
void showImageFullScreen(BuildContext context, String? url,
    {String? cacheKey}) {
  Navigator.of(context).push(MaterialPageRoute(builder: (c) {
    return FullScreenImageRoute(
      url: url!,
      cacheKey: cacheKey,
    );
  }));
}

/// Show simple snack
void showSimpleSnack(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(message)));
}

void snack(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(message)));
}

/// Show an alert dialog to ask the user to enter a string
///
/// Returns entered string if the dialog is confirmed, null else
Future<String?> askUserString({
  required BuildContext context,
  required String title,
  required String message,
  required String defaultValue,
  required String hint,
  int maxLength = 200,
  int minLength = 1,
}) async {
  TextEditingController controller = TextEditingController(text: defaultValue);

  final confirm = await showDialog<bool>(
      context: context,
      builder: (c) => _InputTextDialog(
            title: title,
            message: message,
            controller: controller,
            maxLength: maxLength,
            minLength: minLength,
            hint: hint,
          ));

  if (confirm == null || !confirm) return null;

  return controller.text;
}

class _InputTextDialog extends StatefulWidget {
  final String title;
  final String message;
  final TextEditingController controller;
  final int maxLength;
  final int minLength;
  final String hint;

  const _InputTextDialog({
    Key? key,
    required this.title,
    required this.message,
    required this.controller,
    required this.maxLength,
    required this.minLength,
    required this.hint,
  }) : super(key: key);

  @override
  __InputTextDialogState createState() => __InputTextDialogState();
}

class __InputTextDialogState extends State<_InputTextDialog> {
  @override
  Widget build(BuildContext c) => AlertDialog(
        title: Text(widget.title),
        content: AutoSizeDialogContentWidget(
          child: Column(
            children: <Widget>[
              Text(widget.message),
              TextField(
                controller: widget.controller,
                maxLines: null,
                maxLength: widget.maxLength,
                keyboardType: TextInputType.text,
                onChanged: (s) => setState(() {}),
                decoration: InputDecoration(
                  labelText: widget.hint,
                  alignLabelWithHint: true,
                ),
              )
            ],
          ),
        ),
        actions: <Widget>[
          TextButton(
            child: Text(tr("Cancel")!.toUpperCase()),
            onPressed: () => Navigator.pop(c, false),
          ),
          TextButton(
            child: Text(tr("OK")!),
            onPressed: widget.controller.text.length >= widget.minLength
                ? () => Navigator.pop(c, true)
                : null,
          ),
        ],
      );
}

/// Show an alert dialog to get user confirmation for something
///
/// Return value of this function is never null
Future<bool> showConfirmDialog({
  required BuildContext context,
  String? title,
  required String? message,
}) async {
  if (title == null) title = tr("Confirm operation");

  // Avoid potential theme issues
  final scaffold = Scaffold.maybeOf(context);
  final ctx = scaffold != null ? scaffold.context : context;

  final result = await showDialog<bool>(
      context: ctx,
      builder: (c) => AlertDialog(
            title: Text(title!),
            content: Text(message!),
            actions: <Widget>[
              TextButton(
                onPressed: () => Navigator.pop(context, false),
                child: Text(tr("Cancel")!.toUpperCase()),
              ),
              TextButton(
                onPressed: () => Navigator.pop(context, true),
                child: Text(
                  tr("Confirm")!.toUpperCase(),
                  style: TextStyle(color: Colors.red),
                ),
              ),
            ],
          ));

  return result != null && result;
}

/// Show a simple alert dialog
Future<void> showAlert({
  required BuildContext context,
  required String? message,
  String? title,
}) async =>
    await showDialog(
        context: context,
        builder: (c) => AlertDialog(
              title: title == null ? null : Text(title),
              content: Text(message!),
              actions: [CancelDialogButton()],
            ));

/// 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();

/// Parse an HTML String to decode special characters
String htmlDecodeCharacters(String? input) {
  if (input == null || input == "") return "";

  return parse(input).documentElement!.text;
}

const darkAccentColor = Colors.white70;
const darkerAccentColor = Colors.white30;

/// Check out whether dark theme is enabled or not
bool darkTheme() =>
    preferences()!.getBool(PreferencesKeyList.ENABLE_DARK_THEME);

/// Check out whether we use tablet mode or not
bool isTablet(BuildContext context) =>
    !preferences()!.getBool(PreferencesKeyList.FORCE_MOBILE_MODE) &&
    MediaQuery.of(context).size.width >= 1024;

/// Show about Comunic dialog
void showAboutAppDialog(BuildContext context) {
  showAboutDialog(
      context: context,
      applicationName: config().appName,
      children: <Widget>[
        Text(
          tr(config().appQuickDescription) ??
              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,
        ),
      ]);
}

/// Apply new theme settings
void applyNewThemeSettings(BuildContext context) =>
    context.findAncestorStateOfType<ComunicApplicationState>()!.refresh();

/// Parse emojies
String parseEmojies(String input) => EmojiParser().emojify(input);

/// Create a white text style for dart heme and a black text otherwise
TextStyle blackForWhiteTheme() =>
    TextStyle(color: darkTheme() ? Colors.white : Colors.black);