2021-06-28 14:30:48 +00:00
|
|
|
import 'dart:math';
|
|
|
|
|
|
|
|
import 'package:confetti/confetti.dart';
|
2023-02-17 09:07:19 +00:00
|
|
|
import "package:dio/dio.dart";
|
2020-08-07 21:03:18 +00:00
|
|
|
import 'package:flutter/material.dart';
|
2022-12-29 12:55:02 +00:00
|
|
|
import 'package:photos/core/constants.dart';
|
2023-04-07 06:46:18 +00:00
|
|
|
import "package:photos/generated/l10n.dart";
|
2023-02-09 13:18:01 +00:00
|
|
|
import "package:photos/models/search/button_result.dart";
|
2023-02-08 12:27:36 +00:00
|
|
|
import 'package:photos/models/typedefs.dart';
|
2023-02-07 12:29:43 +00:00
|
|
|
import 'package:photos/theme/colors.dart';
|
2022-07-01 14:18:05 +00:00
|
|
|
import 'package:photos/ui/common/loading_widget.dart';
|
|
|
|
import 'package:photos/ui/common/progress_dialog.dart';
|
2023-01-27 09:45:17 +00:00
|
|
|
import 'package:photos/ui/components/action_sheet_widget.dart';
|
2023-03-10 08:08:51 +00:00
|
|
|
import 'package:photos/ui/components/buttons/button_widget.dart';
|
2022-12-29 13:52:04 +00:00
|
|
|
import 'package:photos/ui/components/dialog_widget.dart';
|
2022-12-30 02:33:03 +00:00
|
|
|
import 'package:photos/ui/components/models/button_type.dart';
|
2022-12-29 13:52:04 +00:00
|
|
|
|
|
|
|
typedef DialogBuilder = DialogWidget Function(BuildContext context);
|
2020-07-15 19:14:37 +00:00
|
|
|
|
2022-12-30 02:33:03 +00:00
|
|
|
///Will return null if dismissed by tapping outside
|
2023-02-10 07:22:16 +00:00
|
|
|
Future<ButtonResult?> showErrorDialog(
|
2022-12-30 02:33:03 +00:00
|
|
|
BuildContext context,
|
|
|
|
String title,
|
|
|
|
String? body, {
|
|
|
|
bool isDismissable = true,
|
|
|
|
}) async {
|
|
|
|
return showDialogWidget(
|
|
|
|
context: context,
|
|
|
|
title: title,
|
|
|
|
body: body,
|
|
|
|
isDismissible: isDismissable,
|
|
|
|
buttons: const [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: ButtonType.secondary,
|
|
|
|
labelText: "OK",
|
|
|
|
isInAlert: true,
|
|
|
|
buttonAction: ButtonAction.first,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2023-02-17 09:07:19 +00:00
|
|
|
Future<ButtonResult?> showErrorDialogForException({
|
|
|
|
required BuildContext context,
|
|
|
|
required Exception exception,
|
|
|
|
bool isDismissible = true,
|
2023-02-23 04:38:09 +00:00
|
|
|
String apiErrorPrefix = "It looks like something went wrong.",
|
2023-02-17 09:07:19 +00:00
|
|
|
}) async {
|
|
|
|
String errorMessage =
|
|
|
|
"It looks like something went wrong. Please retry after some time. If the error persists, please contact our support team.";
|
|
|
|
if (exception is DioError &&
|
|
|
|
exception.response != null &&
|
|
|
|
exception.response!.data["code"] != null) {
|
2023-02-23 04:38:09 +00:00
|
|
|
errorMessage =
|
|
|
|
"$apiErrorPrefix\n\nReason: " + exception.response!.data["code"];
|
2023-02-17 09:07:19 +00:00
|
|
|
}
|
|
|
|
return showDialogWidget(
|
|
|
|
context: context,
|
2023-04-07 06:46:18 +00:00
|
|
|
title: S.of(context).error,
|
2023-02-17 09:07:19 +00:00
|
|
|
icon: Icons.error_outline_outlined,
|
|
|
|
body: errorMessage,
|
|
|
|
isDismissible: isDismissible,
|
|
|
|
buttons: const [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: ButtonType.secondary,
|
|
|
|
labelText: "OK",
|
|
|
|
isInAlert: true,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-12-30 02:33:03 +00:00
|
|
|
///Will return null if dismissed by tapping outside
|
2023-02-10 07:22:16 +00:00
|
|
|
Future<ButtonResult?> showGenericErrorDialog({
|
2022-12-30 02:33:03 +00:00
|
|
|
required BuildContext context,
|
|
|
|
bool isDismissible = true,
|
|
|
|
}) async {
|
|
|
|
return showDialogWidget(
|
|
|
|
context: context,
|
2023-04-07 06:46:18 +00:00
|
|
|
title: S.of(context).error,
|
2022-12-30 02:33:03 +00:00
|
|
|
icon: Icons.error_outline_outlined,
|
2023-04-07 06:46:18 +00:00
|
|
|
body: S.of(context).itLooksLikeSomethingWentWrongPleaseRetryAfterSome,
|
2022-12-30 02:33:03 +00:00
|
|
|
isDismissible: isDismissible,
|
|
|
|
buttons: const [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: ButtonType.secondary,
|
|
|
|
labelText: "OK",
|
|
|
|
isInAlert: true,
|
|
|
|
),
|
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
DialogWidget choiceDialog({
|
|
|
|
required String title,
|
|
|
|
String? body,
|
|
|
|
required String firstButtonLabel,
|
|
|
|
String secondButtonLabel = "Cancel",
|
|
|
|
ButtonType firstButtonType = ButtonType.neutral,
|
|
|
|
ButtonType secondButtonType = ButtonType.secondary,
|
|
|
|
ButtonAction firstButtonAction = ButtonAction.first,
|
|
|
|
ButtonAction secondButtonAction = ButtonAction.cancel,
|
|
|
|
FutureVoidCallback? firstButtonOnTap,
|
|
|
|
FutureVoidCallback? secondButtonOnTap,
|
|
|
|
bool isCritical = false,
|
|
|
|
IconData? icon,
|
|
|
|
}) {
|
|
|
|
final buttons = [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: isCritical ? ButtonType.critical : firstButtonType,
|
|
|
|
labelText: firstButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: firstButtonOnTap,
|
|
|
|
buttonAction: firstButtonAction,
|
|
|
|
),
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: secondButtonType,
|
|
|
|
labelText: secondButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: secondButtonOnTap,
|
|
|
|
buttonAction: secondButtonAction,
|
|
|
|
),
|
|
|
|
];
|
|
|
|
|
|
|
|
return DialogWidget(title: title, body: body, buttons: buttons, icon: icon);
|
|
|
|
}
|
|
|
|
|
|
|
|
///Will return null if dismissed by tapping outside
|
2023-02-10 07:22:16 +00:00
|
|
|
Future<ButtonResult?> showChoiceDialog(
|
2023-01-07 13:16:59 +00:00
|
|
|
BuildContext context, {
|
2022-12-30 02:33:03 +00:00
|
|
|
required String title,
|
|
|
|
String? body,
|
|
|
|
required String firstButtonLabel,
|
|
|
|
String secondButtonLabel = "Cancel",
|
|
|
|
ButtonType firstButtonType = ButtonType.neutral,
|
|
|
|
ButtonType secondButtonType = ButtonType.secondary,
|
|
|
|
ButtonAction firstButtonAction = ButtonAction.first,
|
|
|
|
ButtonAction secondButtonAction = ButtonAction.cancel,
|
|
|
|
FutureVoidCallback? firstButtonOnTap,
|
|
|
|
FutureVoidCallback? secondButtonOnTap,
|
|
|
|
bool isCritical = false,
|
|
|
|
IconData? icon,
|
|
|
|
bool isDismissible = true,
|
|
|
|
}) async {
|
|
|
|
final buttons = [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: isCritical ? ButtonType.critical : firstButtonType,
|
|
|
|
labelText: firstButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: firstButtonOnTap,
|
|
|
|
buttonAction: firstButtonAction,
|
|
|
|
),
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: secondButtonType,
|
|
|
|
labelText: secondButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: secondButtonOnTap,
|
|
|
|
buttonAction: secondButtonAction,
|
|
|
|
),
|
|
|
|
];
|
|
|
|
return showDialogWidget(
|
|
|
|
context: context,
|
|
|
|
title: title,
|
|
|
|
body: body,
|
|
|
|
buttons: buttons,
|
|
|
|
icon: icon,
|
|
|
|
isDismissible: isDismissible,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2023-01-27 09:45:17 +00:00
|
|
|
///Will return null if dismissed by tapping outside
|
2023-02-09 13:18:01 +00:00
|
|
|
Future<ButtonResult?> showChoiceActionSheet(
|
2023-01-27 09:45:17 +00:00
|
|
|
BuildContext context, {
|
|
|
|
required String title,
|
|
|
|
String? body,
|
|
|
|
required String firstButtonLabel,
|
|
|
|
String secondButtonLabel = "Cancel",
|
|
|
|
ButtonType firstButtonType = ButtonType.neutral,
|
|
|
|
ButtonType secondButtonType = ButtonType.secondary,
|
|
|
|
ButtonAction firstButtonAction = ButtonAction.first,
|
|
|
|
ButtonAction secondButtonAction = ButtonAction.cancel,
|
|
|
|
FutureVoidCallback? firstButtonOnTap,
|
|
|
|
FutureVoidCallback? secondButtonOnTap,
|
|
|
|
bool isCritical = false,
|
|
|
|
IconData? icon,
|
|
|
|
bool isDismissible = true,
|
|
|
|
}) async {
|
|
|
|
final buttons = [
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: isCritical ? ButtonType.critical : firstButtonType,
|
|
|
|
labelText: firstButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: firstButtonOnTap,
|
|
|
|
buttonAction: firstButtonAction,
|
2023-01-28 13:57:53 +00:00
|
|
|
shouldStickToDarkTheme: true,
|
2023-01-27 09:45:17 +00:00
|
|
|
),
|
|
|
|
ButtonWidget(
|
|
|
|
buttonType: secondButtonType,
|
|
|
|
labelText: secondButtonLabel,
|
|
|
|
isInAlert: true,
|
|
|
|
onTap: secondButtonOnTap,
|
|
|
|
buttonAction: secondButtonAction,
|
2023-01-28 13:57:53 +00:00
|
|
|
shouldStickToDarkTheme: true,
|
2023-01-27 09:45:17 +00:00
|
|
|
),
|
|
|
|
];
|
|
|
|
return showActionSheet(
|
|
|
|
context: context,
|
|
|
|
title: title,
|
|
|
|
body: body,
|
|
|
|
buttons: buttons,
|
|
|
|
isDismissible: isDismissible,
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2022-12-19 06:16:59 +00:00
|
|
|
ProgressDialog createProgressDialog(
|
|
|
|
BuildContext context,
|
|
|
|
String message, {
|
|
|
|
isDismissible = false,
|
|
|
|
}) {
|
2022-06-11 08:23:52 +00:00
|
|
|
final dialog = ProgressDialog(
|
|
|
|
context,
|
2022-07-03 10:09:01 +00:00
|
|
|
type: ProgressDialogType.normal,
|
2022-12-19 06:16:59 +00:00
|
|
|
isDismissible: isDismissible,
|
2022-06-11 08:23:52 +00:00
|
|
|
barrierColor: Colors.black12,
|
|
|
|
);
|
2020-07-15 19:14:37 +00:00
|
|
|
dialog.style(
|
|
|
|
message: message,
|
2022-03-25 18:10:22 +00:00
|
|
|
messageTextStyle: Theme.of(context).textTheme.caption,
|
|
|
|
backgroundColor: Theme.of(context).dialogTheme.backgroundColor,
|
2022-07-03 06:04:42 +00:00
|
|
|
progressWidget: const EnteLoadingWidget(),
|
2022-03-25 18:10:22 +00:00
|
|
|
borderRadius: 10,
|
2020-07-15 19:14:37 +00:00
|
|
|
elevation: 10.0,
|
|
|
|
insetAnimCurve: Curves.easeInOut,
|
|
|
|
);
|
|
|
|
return dialog;
|
|
|
|
}
|
2020-08-25 06:00:19 +00:00
|
|
|
|
2023-02-10 07:22:16 +00:00
|
|
|
Future<ButtonResult?> showConfettiDialog<T>({
|
2022-12-30 01:38:58 +00:00
|
|
|
required BuildContext context,
|
2022-12-30 01:51:39 +00:00
|
|
|
required DialogBuilder dialogBuilder,
|
2021-06-28 14:30:48 +00:00
|
|
|
bool barrierDismissible = true,
|
2022-12-30 01:38:58 +00:00
|
|
|
Color? barrierColor,
|
2021-06-28 14:30:48 +00:00
|
|
|
bool useSafeArea = true,
|
|
|
|
bool useRootNavigator = true,
|
2022-12-30 01:38:58 +00:00
|
|
|
RouteSettings? routeSettings,
|
2021-06-28 14:30:48 +00:00
|
|
|
Alignment confettiAlignment = Alignment.center,
|
|
|
|
}) {
|
2022-12-29 12:55:02 +00:00
|
|
|
final widthOfScreen = MediaQuery.of(context).size.width;
|
|
|
|
final isMobileSmall = widthOfScreen <= mobileSmallThreshold;
|
2022-12-30 01:51:39 +00:00
|
|
|
final pageBuilder = Builder(
|
|
|
|
builder: dialogBuilder,
|
|
|
|
);
|
2022-08-29 14:43:31 +00:00
|
|
|
final ConfettiController confettiController =
|
2021-06-28 14:30:48 +00:00
|
|
|
ConfettiController(duration: const Duration(seconds: 1));
|
2022-07-12 06:30:02 +00:00
|
|
|
confettiController.play();
|
2021-06-28 14:30:48 +00:00
|
|
|
return showDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (BuildContext buildContext) {
|
2022-12-29 12:55:02 +00:00
|
|
|
return Padding(
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: isMobileSmall ? 8 : 0),
|
|
|
|
child: Stack(
|
|
|
|
children: [
|
|
|
|
Align(alignment: Alignment.center, child: pageBuilder),
|
|
|
|
Align(
|
|
|
|
alignment: confettiAlignment,
|
|
|
|
child: ConfettiWidget(
|
|
|
|
confettiController: confettiController,
|
|
|
|
blastDirection: pi / 2,
|
|
|
|
emissionFrequency: 0,
|
|
|
|
numberOfParticles: 100,
|
|
|
|
// a lot of particles at once
|
|
|
|
gravity: 1,
|
|
|
|
blastDirectionality: BlastDirectionality.explosive,
|
|
|
|
),
|
2021-06-28 14:30:48 +00:00
|
|
|
),
|
2022-12-29 12:55:02 +00:00
|
|
|
],
|
|
|
|
),
|
2021-06-28 14:30:48 +00:00
|
|
|
);
|
|
|
|
},
|
|
|
|
barrierDismissible: barrierDismissible,
|
|
|
|
barrierColor: barrierColor,
|
|
|
|
useSafeArea: useSafeArea,
|
|
|
|
useRootNavigator: useRootNavigator,
|
|
|
|
routeSettings: routeSettings,
|
|
|
|
);
|
|
|
|
}
|
2023-02-07 03:14:11 +00:00
|
|
|
|
2023-02-12 07:54:04 +00:00
|
|
|
//Can return ButtonResult? from ButtonWidget or Exception? from TextInputDialog
|
|
|
|
Future<dynamic> showTextInputDialog(
|
2023-02-07 03:14:11 +00:00
|
|
|
BuildContext context, {
|
|
|
|
required String title,
|
|
|
|
String? body,
|
2023-02-08 05:43:46 +00:00
|
|
|
required String submitButtonLabel,
|
2023-02-07 03:14:11 +00:00
|
|
|
IconData? icon,
|
|
|
|
String? label,
|
|
|
|
String? message,
|
2023-02-07 05:46:49 +00:00
|
|
|
String? hintText,
|
2023-02-08 05:43:46 +00:00
|
|
|
required FutureVoidCallbackParamStr onSubmit,
|
2023-02-07 07:10:03 +00:00
|
|
|
IconData? prefixIcon,
|
2023-02-07 08:31:49 +00:00
|
|
|
String? initialValue,
|
|
|
|
Alignment? alignMessage,
|
2023-02-07 09:07:19 +00:00
|
|
|
int? maxLength,
|
2023-02-08 13:11:04 +00:00
|
|
|
bool showOnlyLoadingState = false,
|
|
|
|
TextCapitalization textCapitalization = TextCapitalization.none,
|
2023-02-09 04:56:06 +00:00
|
|
|
bool alwaysShowSuccessState = false,
|
2023-02-13 10:39:24 +00:00
|
|
|
bool isPasswordInput = false,
|
2023-02-07 03:14:11 +00:00
|
|
|
}) {
|
|
|
|
return showDialog(
|
2023-02-07 12:29:43 +00:00
|
|
|
barrierColor: backdropFaintDark,
|
2023-02-07 03:14:11 +00:00
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
2023-02-07 10:37:23 +00:00
|
|
|
final bottomInset = MediaQuery.of(context).viewInsets.bottom;
|
|
|
|
final isKeyboardUp = bottomInset > 100;
|
2023-02-07 12:29:43 +00:00
|
|
|
return Center(
|
2023-02-07 10:37:23 +00:00
|
|
|
child: Padding(
|
2023-02-07 12:29:43 +00:00
|
|
|
padding: EdgeInsets.only(bottom: isKeyboardUp ? bottomInset : 0),
|
2023-02-07 10:37:23 +00:00
|
|
|
child: TextInputDialog(
|
|
|
|
title: title,
|
|
|
|
message: message,
|
|
|
|
label: label,
|
|
|
|
body: body,
|
|
|
|
icon: icon,
|
2023-02-08 05:43:46 +00:00
|
|
|
submitButtonLabel: submitButtonLabel,
|
|
|
|
onSubmit: onSubmit,
|
2023-02-07 10:37:23 +00:00
|
|
|
hintText: hintText,
|
|
|
|
prefixIcon: prefixIcon,
|
|
|
|
initialValue: initialValue,
|
|
|
|
alignMessage: alignMessage,
|
|
|
|
maxLength: maxLength,
|
2023-02-08 13:11:04 +00:00
|
|
|
showOnlyLoadingState: showOnlyLoadingState,
|
|
|
|
textCapitalization: textCapitalization,
|
2023-02-09 04:56:06 +00:00
|
|
|
alwaysShowSuccessState: alwaysShowSuccessState,
|
2023-02-13 10:39:24 +00:00
|
|
|
isPasswordInput: isPasswordInput,
|
2023-02-07 10:37:23 +00:00
|
|
|
),
|
2023-02-07 03:14:11 +00:00
|
|
|
),
|
|
|
|
);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|