@ -1,77 +1,283 @@
import ' package:flutter/cupertino.dart ' ;
import ' package:flutter/material.dart ' ; import ' package:flutter/material.dart ' ;
import ' package:meta/meta.dart ' ; import ' package:meta/meta.dart ' ;
import ' package:neon/blocs.dart ' ; import ' package:neon/l10n/localizations.dart ' ;
import ' package:neon/src/blocs/accounts.dart ' ;
import ' package:neon/src/theme/dialog.dart ' ;
import ' package:neon/src/utils/global_options.dart ' ;
import ' package:neon/src/utils/provider.dart ' ;
import ' package:neon/src/utils/validators.dart ' ;
import ' package:neon/src/widgets/account_tile.dart ' ; import ' package:neon/src/widgets/account_tile.dart ' ;
import ' package:neon/theme.dart ' ; import ' package:url_launcher/url_launcher_string.dart ' ;
import ' package:neon/utils.dart ' ;
/ / / A Neon material design dialog based on [ SimpleDialog ] . / / / An button typically used in an [ AlertDialog . adaptive ] .
/ / /
/ / / It adaptively creates an [ CupertinoDialogAction ] based on the closest
/ / / [ ThemeData . platform ] .
class NeonDialogAction extends StatelessWidget {
/ / / Creates a new adaptive Neon dialog action .
const NeonDialogAction ( {
required this . onPressed ,
required this . child ,
this . isDefaultAction = false ,
this . isDestructiveAction = false ,
super . key ,
} ) ;
/ / / The callback that is called when the button is tapped or otherwise
/ / / activated .
/ / /
/ / / If this is set to null , the button will be disabled .
final VoidCallback ? onPressed ;
/ / / The widget below this widget in the tree .
/ / /
/ / / Typically a [ Text ] widget .
final Widget child ;
/ / / Set to true if button is the default choice in the dialog .
/ / /
/ / / Default buttons have higher emphasis . Similar to
/ / / [ CupertinoDialogAction . isDefaultAction ] . More than one action can have
/ / / this attribute set to true in the same [ Dialog ] .
/ / /
/ / / This parameters defaults to false and cannot be null .
final bool isDefaultAction ;
/ / / Whether this action destroys an object .
/ / /
/ / / For example , an action that deletes an email is destructive .
/ / /
/ / / Defaults to false and cannot be null .
final bool isDestructiveAction ;
@ override
Widget build ( final BuildContext context ) {
final theme = Theme . of ( context ) ;
final colorScheme = theme . colorScheme ;
switch ( theme . platform ) {
case TargetPlatform . android:
case TargetPlatform . fuchsia:
case TargetPlatform . linux:
case TargetPlatform . windows:
if ( isDestructiveAction ) {
return ElevatedButton (
style: ElevatedButton . styleFrom (
backgroundColor: colorScheme . errorContainer ,
foregroundColor: colorScheme . onErrorContainer ,
) ,
onPressed: onPressed ,
child: child ,
) ;
}
if ( isDefaultAction ) {
return ElevatedButton ( onPressed: onPressed , child: child ) ;
}
return OutlinedButton ( onPressed: onPressed , child: child ) ;
case TargetPlatform . iOS:
case TargetPlatform . macOS:
return CupertinoDialogAction (
onPressed: onPressed ,
isDefaultAction: isDefaultAction ,
isDestructiveAction: isDestructiveAction ,
child: child ,
) ;
}
}
}
/ / / A Neon design dialog based on [ AlertDialog . adaptive ] .
/ / /
/ / / THis widget enforces the closest [ NeonDialogTheme ] and constraints the
/ / / [ content ] width accordingly . The [ title ] should never be larger than the
/ / / [ NeonDialogTheme . constraints ] and it it up to the caller to handle this .
class NeonDialog extends StatelessWidget { class NeonDialog extends StatelessWidget {
/ / / Creates a Neon dialog . / / / Creates a Neon dialog .
/ / / / / /
/ / / Typically used in conjunction with [ showDialog ] . / / / Typically used in conjunction with [ showDialog ] .
const NeonDialog ( { const NeonDialog ( {
this . icon ,
this . title , this . title ,
this . children , this . content ,
this . actions ,
this . automaticallyShowCancel = true ,
super . key , super . key ,
} ) ; } ) ;
/ / / { @ template NeonDialog . icon }
/ / / An optional icon to display at the top of the dialog .
/ / /
/ / / Typically , an [ Icon ] widget . Providing an icon centers the [ title ] ' s text.
/ / / { @ endtemplate }
final Widget ? icon ;
/ / / The ( optional ) title of the dialog is displayed in a large font at the top / / / The ( optional ) title of the dialog is displayed in a large font at the top
/ / / of the dialog . / / / of the dialog .
/ / / / / /
/ / / It is up to the caller to enforce [ NeonDialogTheme . constraints ] is meat .
/ / /
/ / / Typically a [ Text ] widget . / / / Typically a [ Text ] widget .
final Widget ? title ; final Widget ? title ;
/ / / The ( optional ) content of the dialog is displayed in a / / / { @ template NeonDialog . content }
/ / / [ SingleChildScrollView ] underneath the title . / / / The ( optional ) content of the dialog is displayed in the center of the
/ / / dialog in a lighter font .
/ / / / / /
/ / / Typically a list of [ SimpleDialogOption ] s . / / / Typically this is a [ SingleChildScrollView ] that contains the dialog ' s
final List < Widget > ? children ; / / / message . As noted in the [ AlertDialog ] documentation , it ' s important
/ / / to use a [ SingleChildScrollView ] if there ' s any risk that the content
/ / / will not fit , as the contents will otherwise overflow the dialog .
/ / /
/ / / The horizontal dimension of this widget is constrained by the closest
/ / / [ NeonDialogTheme . constraints ] .
/ / / { @ endtemplate }
final Widget ? content ;
/ / / The ( optional ) set of actions that are displayed at the bottom of the
/ / / dialog with an [ OverflowBar ] .
/ / /
/ / / Typically this is a list of [ NeonDialogAction ] widgets . It is recommended
/ / / to set the [ Text . textAlign ] to [ TextAlign . end ] for the [ Text ] within the
/ / / [ TextButton ] , so that buttons whose labels wrap to an extra line align
/ / / with the overall [ OverflowBar ] ' s alignment within the dialog.
/ / /
/ / / If the [ title ] is not null but the [ content ] _is_ null , then an extra 20
/ / / pixels of padding is added above the [ OverflowBar ] to separate the [ title ]
/ / / from the [ actions ] .
final List < Widget > ? actions ;
/ / / Whether to automatically show a cancel button when only less than two
/ / / actions are supplied .
/ / /
/ / / This is needed for the ios where dialogs are not dismissible by tapping
/ / / outside their boundary .
/ / /
/ / / Defaults to ` true ` .
final bool automaticallyShowCancel ;
@ override @ override
Widget build ( final BuildContext context ) = > SimpleDialog ( Widget build ( final BuildContext context ) {
titlePadding: const EdgeInsets . all ( 10 ) , final theme = Theme . of ( context ) ;
contentPadding: const EdgeInsets . all ( 10 ) , final dialogTheme = NeonDialogTheme . of ( context ) ;
title: title ,
children: children , var content = this . content ;
if ( content ! = null ) {
content = ConstrainedBox (
constraints: dialogTheme . constraints ,
child: content ,
) ; ) ;
}
final needsCancelAction = automaticallyShowCancel & &
( actions = = null | | actions ! . length < = 1 ) & &
( theme . platform = = TargetPlatform . iOS | | theme . platform = = TargetPlatform . macOS ) ;
return AlertDialog . adaptive (
icon: icon ,
title: title ,
content: content ,
actions: [
if ( needsCancelAction )
NeonDialogAction (
onPressed: ( ) {
Navigator . pop ( context ) ;
} ,
child: Text (
NeonLocalizations . of ( context ) . actionCancel ,
textAlign: TextAlign . end ,
) ,
) ,
. . . ? actions ,
] ,
) ;
}
} }
/ / / A [ NeonDialog ] with predefined ` actions ` to confirm or decline .
class NeonConfirmationDialog extends StatelessWidget { class NeonConfirmationDialog extends StatelessWidget {
/ / / Creates a new confirmation dialog .
const NeonConfirmationDialog ( { const NeonConfirmationDialog ( {
required this . title , required this . title ,
this . content ,
this . icon ,
this . confirmAction ,
this . declineAction ,
this . isDestructive = true ,
super . key , super . key ,
} ) ; } ) ;
/ / / The title of the dialog is displayed in a large font at the top of the
/ / / dialog .
/ / /
/ / / It is up to the caller to enforce [ NeonDialogTheme . constraints ] is meat
/ / / and the text does not overflow .
final String title ; final String title ;
/ / / { @ macro NeonDialog . icon }
final Widget ? icon ;
/ / / { @ macro NeonDialog . content }
final Widget ? content ;
/ / / An optional override for the confirming action .
/ / /
/ / / It is advised to wrap the action in a [ Builder ] to retain an up to date
/ / / ` context ` for the Navigator .
/ / /
/ / / Typically this is a [ NeonDialogAction ] widget .
final Widget ? confirmAction ;
/ / / An optional override for the declining action .
/ / /
/ / / It is advised to wrap the action in a [ Builder ] to retain an up to date
/ / / ` context ` for the Navigator .
/ / /
/ / / Typically this is a [ NeonDialogAction ] widget .
final Widget ? declineAction ;
/ / / Whether confirming this dialog destroys an object .
/ / /
/ / / For example , a warning dialog that when accepted deletes an email is
/ / / considered destructive .
/ / / This value will set the default confirming action to being destructive .
/ / /
/ / / Defaults to true and cannot be null .
final bool isDestructive ;
@ override @ override
Widget build ( final BuildContext context ) { Widget build ( final BuildContext context ) {
final confirm = ElevatedButton ( final confirm = confirmAction ? ?
style: ElevatedButton . styleFrom ( NeonDialogAction (
backgroundColor: NcColors . accept , isDestructiveAction: isDestructive ,
foregroundColor: Theme . of ( context ) . colorScheme . onPrimary , onPressed: ( ) {
) , Navigator . of ( context ) . pop ( true ) ;
onPressed: ( ) { } ,
Navigator . of ( context ) . pop ( true ) ; child: Text (
} , NeonLocalizations . of ( context ) . actionContinue ,
child: Text ( NeonLocalizations . of ( context ) . actionYes ) , textAlign: TextAlign . end ,
) ; ) ,
) ;
final decline = ElevatedButton ( final decline = declineAction ? ?
style: ElevatedButton . styleFrom ( NeonDialogAction (
backgroundColor: NcColors . decline , onPressed: ( ) {
foregroundColor: Theme . of ( context ) . colorScheme . onPrimary , Navigator . of ( context ) . pop ( false ) ;
) , } ,
onPressed: ( ) { child: Text (
Navigator . of ( context ) . pop ( false ) ; NeonLocalizations . of ( context ) . actionCancel ,
} , textAlign: TextAlign . end ,
child: Text ( NeonLocalizations . of ( context ) . actionNo ) , ) ,
) ; ) ;
return AlertDialog ( return NeonDialog (
icon: icon ,
title: Text ( title ) , title: Text ( title ) ,
actionsAlignment: MainAxisAlignment . spaceEvenly , content: content ,
actions: [ actions: [
decline , decline ,
confirm , confirm ,
@ -80,23 +286,33 @@ class NeonConfirmationDialog extends StatelessWidget {
} }
} }
class RenameDialog extends StatefulWidget { / / / A [ NeonDialog ] that shows for renaming an object .
const RenameDialog ( { / / /
/ / / Use ` showRenameDialog ` to display this dialog .
/ / /
/ / / When submitted the new value will be popped as a ` String ` .
class NeonRenameDialog extends StatefulWidget {
/ / / Creates a new Neon rename dialog .
const NeonRenameDialog ( {
required this . title , required this . title ,
required this . value , required this . value ,
super . key , super . key ,
} ) ; } ) ;
/ / / The title of the dialog .
final String title ; final String title ;
/ / / The initial value of the rename field .
/ / /
/ / / This is the current name of the object to be renamed .
final String value ; final String value ;
@ override @ override
State < RenameDialog > createState ( ) = > _RenameDialogState ( ) ; State < Neon RenameDialog> createState ( ) = > _Neon RenameDialogState ( ) ;
} }
class _RenameDialogState extends State < RenameDialog > { class _Neon RenameDialogState extends State < Neon RenameDialog> {
final formKey = GlobalKey < FormState > ( ) ; final formKey = GlobalKey < FormState > ( ) ;
final controller = TextEditingController ( ) ; final controller = TextEditingController ( ) ;
@ override @ override
@ -118,42 +334,99 @@ class _RenameDialogState extends State<RenameDialog> {
} }
@ override @ override
Widget build ( final BuildContext context ) = > NeonDialog ( Widget build ( final BuildContext context ) {
title: Text ( widget . title ) , final content = Material (
children: [ child: TextFormField (
Form ( autofocus: true ,
key: formKey , controller: controller ,
child: Column ( validator: ( final input ) = > validateNotEmpty ( context , input ) ,
crossAxisAlignment: CrossAxisAlignment . end , onFieldSubmitted: ( final _ ) {
children: [ submit ( ) ;
TextFormField ( } ,
autofocus: true , ) ,
controller: controller , ) ;
validator: ( final input ) = > validateNotEmpty ( context , input ) ,
onFieldSubmitted: ( final _ ) { return NeonDialog (
submit ( ) ; title: Text ( widget . title ) ,
} , content: Form ( key: formKey , child: content ) ,
) , actions: [
ElevatedButt on ( NeonDialogActi on(
onPressed: submit , isDefaultAction: true ,
child: Text ( widget . title ) , onPressed: submit ,
) , child: Text (
] , widget . title ,
) , textAlign: TextAlign . end ,
) , ) ,
] , ) ,
) ; ] ,
) ;
}
}
/ / / A [ NeonDialog ] that informs the user about an error .
/ / /
/ / / Use ` showErrorDialog ` to display this dialog .
class NeonErrorDialog extends StatelessWidget {
/ / / Creates a new error dialog .
const NeonErrorDialog ( {
required this . content ,
this . title ,
super . key ,
} ) ;
/ / / The ( optional ) title for the dialog .
/ / /
/ / / Defaults to [ NeonLocalizations . errorDialog ] .
final String ? title ;
/ / / The content of the dialog .
final String content ;
@ override
Widget build ( final BuildContext context ) {
final title = this . title ? ? NeonLocalizations . of ( context ) . errorDialog ;
final closeAction = NeonDialogAction (
isDestructiveAction: true ,
onPressed: ( ) {
Navigator . of ( context ) . pop ( ) ;
} ,
child: Text (
NeonLocalizations . of ( context ) . actionClose ,
textAlign: TextAlign . end ,
) ,
) ;
return NeonDialog (
automaticallyShowCancel: false ,
icon: const Icon ( Icons . error ) ,
title: Text ( title ) ,
content: Text ( content ) ,
actions: [
closeAction ,
] ,
) ;
}
} }
/ / / Account selection dialog .
/ / /
/ / / Displays a list of all logged in accounts .
/ / /
/ / / When one is selected the dialog gets pooped with the selected ` Account ` .
@ internal @ internal
class NeonAccountSelectionDialog extends StatelessWidget { class NeonAccountSelectionDialog extends StatelessWidget {
/ / / Creates a new account selection dialog .
const NeonAccountSelectionDialog ( { const NeonAccountSelectionDialog ( {
this . highlightActiveAccount = false , this . highlightActiveAccount = false ,
this . children , this . children ,
super . key , super . key ,
} ) ; } ) ;
/ / / Whether the selected account is highlighted with a leading check icon .
final bool highlightActiveAccount ; final bool highlightActiveAccount ;
/ / / The ( optional ) trailing children of this dialog .
final List < Widget > ? children ; final List < Widget > ? children ;
@ override @ override
@ -195,7 +468,7 @@ class NeonAccountSelectionDialog extends StatelessWidget {
return Dialog ( return Dialog (
child: IntrinsicHeight ( child: IntrinsicHeight (
child: Container ( child: Container (
padding: const EdgeInsets . all ( 24 ) , padding: dialogTheme . padding ,
constraints: dialogTheme . constraints , constraints: dialogTheme . constraints ,
child: body , child: body ,
) , ) ,
@ -203,3 +476,43 @@ class NeonAccountSelectionDialog extends StatelessWidget {
) ; ) ;
} }
} }
/ / / A [ NeonDialog ] to inform the user about the UnifiedPush feature of neon .
@ internal
class NeonUnifiedPushDialog extends StatelessWidget {
/ / / Creates a new UnifiedPush dialog .
const NeonUnifiedPushDialog ( {
super . key ,
} ) ;
@ override
Widget build ( final BuildContext context ) = > NeonDialog (
title: Text ( NeonLocalizations . of ( context ) . nextPushSupported ) ,
content: Text ( NeonLocalizations . of ( context ) . nextPushSupportedText ) ,
actions: [
NeonDialogAction (
onPressed: ( ) {
Navigator . pop ( context ) ;
} ,
child: Text (
NeonLocalizations . of ( context ) . actionCancel ,
textAlign: TextAlign . end ,
) ,
) ,
NeonDialogAction (
isDefaultAction: true ,
onPressed: ( ) async {
Navigator . pop ( context ) ;
await launchUrlString (
' https://f-droid.org/packages/ $ unifiedPushNextPushID ' ,
mode: LaunchMode . externalApplication ,
) ;
} ,
child: Text (
NeonLocalizations . of ( context ) . nextPushSupportedInstall ,
textAlign: TextAlign . end ,
) ,
) ,
] ,
) ;
}
Nikolas Rimikis
1 year ago