addAPIKeyDialog function
- BuildContext context,
- ColorProvider colorProv,
- GlobalKey<
FormState> _formKey, - FontsProvider fontProv,
- TextEditingController _keyNameController,
- TextEditingController _keyValueController,
Displays a dialog for adding a new API key with input fields and a dropdown.
This function presents an AlertDialog that allows users to input a new API key,
select a service type from a dropdown list, and validate the input. The dialog uses
ColorProvider and FontsProvider for dynamic styling and localization through
AppLocalizations. It checks if the API key name already exists before adding a new one.
context - The BuildContext used to locate the ColorProvider and FontsProvider.
colorProv - The ColorProvider used to style the dialog's background color.
_formKey - A GlobalKey<FormState> used to manage the form's state and validation.
fontProv - The FontsProvider used to style the text and input fields in the dialog.
_keyNameController - A TextEditingController for managing the API key name input field.
_keyValueController - A TextEditingController for managing the API key value input field.
The dialog includes:
- An input field for the API key name with validation to ensure the name is unique.
- An input field for the API key value.
- A dropdown list to select the service type from predefined options.
- Two buttons: "Done" to confirm the addition of the API key, and "Cancel" to close the dialog without saving.
The addAPIKeyDialog function performs the following actions:
- Displays the dialog with the specified input fields and dropdown.
- Checks if the API key name already exists in the stored keys. If it does, it sets an error state.
- Adds the new API key if the name does not already exist.
- Shows a snack bar notification upon successful addition of the API key.
- Closes the dialog upon confirmation or cancellation.
Implementation
Future<dynamic> addAPIKeyDialog(
BuildContext context,
ColorProvider colorProv,
GlobalKey<FormState> _formKey,
FontsProvider fontProv,
TextEditingController _keyNameController,
TextEditingController _keyValueController) {
return showDialog(
context: context,
builder: (BuildContext context) {
bool nameExists = false;
final _serviceController = TextEditingController(text: keyServicesAPI[0]);
String? _chosenService;
return StatefulBuilder(
builder: (BuildContext context, StateSetter setState) {
int serviceIndex = keyServicesAPI.indexOf(_serviceController.text);
return AlertDialog(
backgroundColor: colorProv.colors.innerBackground,
content: Container(
height: MediaQuery.of(context).size.height * 0.5,
width: MediaQuery.of(context).size.width * 0.8,
child: Form(
key: _formKey,
child: SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Text(
AppLocalizations.of(context)!.settings_addApiKeyName,
style: TextStyle(
color: fontProv.fonts.primaryFontColor,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
Center(
child: TextFormFieldWidget(
fontSize: fontProv.fonts.textSize,
key: const ValueKey("key-name"),
textController: _keyNameController,
isSuffixRequired: true,
isPassword: false,
maxLength: 100,
maxlines: 1,
width: MediaQuery.sizeOf(context).width * 0.85,
onChanged: (value) {
setState(() {
nameExists = false;
});
},
),
),
if (nameExists)
Text(
AppLocalizations.of(context)!.settings_nameExist,
style: TextStyle(
color: LgAppColors.lgColor2,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
Text(
AppLocalizations.of(context)!.settings_enterKey,
style: TextStyle(
color: fontProv.fonts.primaryFontColor,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
Center(
child: TextFormFieldWidget(
fontSize: fontProv.fonts.textSize,
key: const ValueKey("key-value"),
textController: _keyValueController,
isSuffixRequired: true,
isPassword: true,
maxLength: 100,
maxlines: 1,
width: MediaQuery.sizeOf(context).width * 0.85,
),
),
Text(
AppLocalizations.of(context)!.settings_chooseServiceAPI,
style: TextStyle(
color: fontProv.fonts.primaryFontColor,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
DropDownListWidget(
key: const ValueKey("APIservices"),
items: keyServicesAPI,
fontSize: fontProv.fonts.textSize,
selectedValue: keyServicesAPI != -1
? keyServicesAPI[serviceIndex]
: countries[0],
hinttext: 'API Services',
onChanged: (value) {
setState(() {
_serviceController.text = value;
_chosenService = value;
});
},
),
],
),
),
),
),
actions: <Widget>[
TextButton(
onPressed: () async {
if (_formKey.currentState!.validate()) {
List<ApiKeyModel> keys =
await APIKeySharedPref.getApiKeys();
if (keys.length > 0) {
for (int i = 0; i < keys.length; i++) {
if (keys[i].name == _keyNameController.text) {
setState(() {
nameExists = true;
});
} else {
setState(() {
nameExists = false;
});
}
}
}
if (!nameExists) {
if (keys.length == 0) {
await APIKeySharedPref.addApiKey(ApiKeyModel(
name: _keyNameController.text,
key: _keyValueController.text,
serviceType: _chosenService ?? keyServicesAPI[0],
isDefault: true));
} else {
await APIKeySharedPref.addApiKey(ApiKeyModel(
name: _keyNameController.text,
key: _keyValueController.text,
serviceType: _chosenService ?? keyServicesAPI[0],
));
}
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
backgroundColor: LgAppColors.lgColor4,
content: Text(
AppLocalizations.of(context)!.settings_apiKeyAddedNotification,
style: TextStyle(
fontSize: fontProv.fonts.textSize,
color: Colors.white,
fontFamily: fontType,
),
)),
);
Navigator.of(context).pop();
}
}
},
child: Text(
AppLocalizations.of(context)!.defaults_done,
style: TextStyle(
color: LgAppColors.lgColor4,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
),
TextButton(
onPressed: () async {
Navigator.of(context).pop();
},
child: Text(
AppLocalizations.of(context)!.defaults_cancel,
style: TextStyle(
color: LgAppColors.lgColor2,
fontSize: fontProv.fonts.textSize,
fontFamily: fontType)),
),
],
);
},
);
},
);
}