yubioath-flutter/lib/oath/views/oath_screen.dart

283 lines
9.2 KiB
Dart
Raw Normal View History

2022-10-04 13:12:54 +03:00
/*
* Copyright (C) 2022 Yubico.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
2022-09-06 15:30:18 +03:00
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
2022-03-25 17:43:32 +03:00
import '../../app/message.dart';
import '../../app/models.dart';
2022-06-10 14:49:02 +03:00
import '../../app/shortcuts.dart';
import '../../app/state.dart';
2022-05-20 18:19:39 +03:00
import '../../app/views/app_failure_page.dart';
2022-03-09 19:47:50 +03:00
import '../../app/views/app_loading_screen.dart';
import '../../app/views/app_page.dart';
2022-05-18 15:11:17 +03:00
import '../../app/views/graphics.dart';
import '../../app/views/message_page.dart';
2022-07-07 21:20:04 +03:00
import '../../widgets/menu_list_tile.dart';
2022-09-12 13:58:17 +03:00
import '../keys.dart' as keys;
import '../models.dart';
import '../state.dart';
import 'account_list.dart';
2022-03-31 12:41:28 +03:00
import 'add_account_page.dart';
import 'manage_password_dialog.dart';
import 'reset_dialog.dart';
2022-09-14 14:19:39 +03:00
import 'unlock_form.dart';
class OathScreen extends ConsumerWidget {
final DevicePath devicePath;
2022-05-12 10:56:55 +03:00
const OathScreen(this.devicePath, {super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
return ref.watch(oathStateProvider(devicePath)).when(
loading: () => AppPage(
2022-09-06 15:30:18 +03:00
title: Text(AppLocalizations.of(context)!.oath_authenticator),
centered: true,
child: const AppLoadingScreen(),
),
2022-05-20 18:19:39 +03:00
error: (error, _) => AppFailurePage(
2022-09-06 15:30:18 +03:00
title: Text(AppLocalizations.of(context)!.oath_authenticator),
2022-05-20 18:19:39 +03:00
cause: error,
),
2022-03-31 12:41:28 +03:00
data: (oathState) => oathState.locked
? _LockedView(devicePath, oathState)
: _UnlockedView(devicePath, oathState),
2022-03-31 12:41:28 +03:00
);
}
}
class _LockedView extends ConsumerWidget {
final DevicePath devicePath;
final OathState oathState;
2022-05-12 10:56:55 +03:00
const _LockedView(this.devicePath, this.oathState);
2022-03-31 12:41:28 +03:00
@override
Widget build(BuildContext context, WidgetRef ref) => AppPage(
2022-09-06 15:30:18 +03:00
title: Text(AppLocalizations.of(context)!.oath_authenticator),
2022-07-07 21:20:04 +03:00
keyActions: [
buildMenuItem(
2022-09-12 13:58:17 +03:00
title: Text(AppLocalizations.of(context)!.oath_manage_password,
key: keys.setOrManagePasswordAction),
2022-07-07 21:20:04 +03:00
leading: const Icon(Icons.password),
action: () {
showBlurDialog(
context: context,
builder: (context) =>
ManagePasswordDialog(devicePath, oathState),
);
},
),
buildMenuItem(
2022-09-06 15:30:18 +03:00
title: Text(AppLocalizations.of(context)!.oath_reset_oath),
2022-07-07 21:20:04 +03:00
leading: const Icon(Icons.delete),
action: () {
showBlurDialog(
context: context,
builder: (context) => ResetDialog(devicePath),
);
},
),
],
2022-09-14 16:54:51 +03:00
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 18),
child: UnlockForm(
devicePath,
keystore: oathState.keystore,
),
),
);
2022-03-31 12:41:28 +03:00
}
class _UnlockedView extends ConsumerStatefulWidget {
2022-03-31 12:41:28 +03:00
final DevicePath devicePath;
final OathState oathState;
2022-05-12 10:56:55 +03:00
const _UnlockedView(this.devicePath, this.oathState);
2022-03-31 12:41:28 +03:00
@override
ConsumerState<ConsumerStatefulWidget> createState() => _UnlockedViewState();
}
class _UnlockedViewState extends ConsumerState<_UnlockedView> {
late FocusNode searchFocus;
late TextEditingController searchController;
@override
void initState() {
super.initState();
searchFocus = FocusNode();
searchController = TextEditingController(text: ref.read(searchProvider));
}
@override
void dispose() {
searchFocus.dispose();
searchController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
// ONLY rebuild if the number of credentials changes.
final numCreds = ref.watch(credentialListProvider(widget.devicePath)
.select((value) => value?.length));
if (numCreds == 0) {
return MessagePage(
2022-09-06 15:30:18 +03:00
title: Text(AppLocalizations.of(context)!.oath_authenticator),
2022-09-12 13:58:17 +03:00
key: keys.noAccountsView,
2022-05-20 12:11:20 +03:00
graphic: noAccounts,
2022-09-06 15:30:18 +03:00
header: AppLocalizations.of(context)!.oath_no_accounts,
keyActions: _buildActions(context, ref, used: 0),
2022-03-31 12:41:28 +03:00
);
}
2022-06-10 14:49:02 +03:00
return Actions(
actions: {
SearchIntent: CallbackAction(onInvoke: (_) {
searchController.selection = TextSelection(
baseOffset: 0, extentOffset: searchController.text.length);
searchFocus.requestFocus();
2022-06-10 14:49:02 +03:00
return null;
}),
},
2022-07-07 13:40:54 +03:00
child: AppPage(
title: Focus(
canRequestFocus: false,
onKeyEvent: (node, event) {
if (event.logicalKey == LogicalKeyboardKey.arrowDown) {
node.focusInDirection(TraversalDirection.down);
return KeyEventResult.handled;
}
return KeyEventResult.ignored;
},
child: Builder(builder: (context) {
2022-09-06 16:02:24 +03:00
final textTheme = Theme.of(context).textTheme;
2022-07-07 13:40:54 +03:00
return TextFormField(
2022-09-12 13:58:17 +03:00
key: keys.searchAccountsField,
2022-07-07 13:40:54 +03:00
controller: searchController,
focusNode: searchFocus,
2022-09-06 16:02:24 +03:00
// Use the default style, but with a smaller font size:
style: textTheme.subtitle1
?.copyWith(fontSize: textTheme.titleSmall?.fontSize),
2022-09-06 15:30:18 +03:00
decoration: InputDecoration(
hintText: AppLocalizations.of(context)!.oath_search_accounts,
2022-07-07 13:40:54 +03:00
isDense: true,
2022-09-06 15:30:18 +03:00
prefixIcon: const Icon(Icons.search_outlined),
prefixIconConstraints: const BoxConstraints(
2022-07-07 13:40:54 +03:00
minHeight: 30,
minWidth: 30,
),
2022-07-07 13:40:54 +03:00
border: InputBorder.none,
),
onChanged: (value) {
ref.read(searchProvider.notifier).setFilter(value);
},
textInputAction: TextInputAction.next,
onFieldSubmitted: (value) {
Focus.of(context).focusInDirection(TraversalDirection.down);
},
);
}),
),
2022-07-07 21:20:04 +03:00
keyActions: _buildActions(
context,
ref,
used: numCreds ?? 0,
2022-07-07 21:20:04 +03:00
),
centered: numCreds == null,
child: numCreds != null
? Consumer(
builder: (context, ref, _) {
return AccountList(
ref.watch(credentialListProvider(widget.devicePath)) ?? [],
);
},
)
: const CircularProgressIndicator(),
),
);
}
List<PopupMenuEntry> _buildActions(
BuildContext context,
WidgetRef ref, {
required int used,
}) {
final capacity = widget.oathState.version.isAtLeast(4) ? 32 : null;
2022-05-20 12:11:20 +03:00
return [
2022-09-09 13:55:56 +03:00
buildMenuItem(
2022-09-12 13:58:17 +03:00
title: Text(
AppLocalizations.of(context)!.oath_add_account,
key: keys.addAccountAction,
),
2022-09-09 13:55:56 +03:00
leading: const Icon(Icons.person_add_alt_1),
2022-07-07 21:20:04 +03:00
trailing: capacity != null ? '$used/$capacity' : null,
action: capacity == null || capacity > used
? () async {
CredentialData? otpauth;
if (Platform.isAndroid) {
final scanner = ref.read(qrScannerProvider);
if (scanner != null) {
final url = await scanner.scanQr();
if (url != null) {
otpauth = CredentialData.fromUri(Uri.parse(url));
}
}
}
await showBlurDialog(
2022-05-20 12:11:20 +03:00
context: context,
2022-07-07 21:20:04 +03:00
builder: (context) => OathAddAccountPage(
widget.devicePath,
widget.oathState,
credentials: ref.watch(credentialsProvider),
credentialData: otpauth,
2022-07-07 21:20:04 +03:00
),
2022-05-20 12:11:20 +03:00
);
2022-07-07 21:20:04 +03:00
}
: null,
2022-05-20 12:11:20 +03:00
),
2022-07-07 21:20:04 +03:00
buildMenuItem(
2022-09-12 13:58:17 +03:00
title: Text(
widget.oathState.hasKey
? AppLocalizations.of(context)!.oath_manage_password
: AppLocalizations.of(context)!.oath_set_password,
key: keys.setOrManagePasswordAction),
2022-07-07 21:20:04 +03:00
leading: const Icon(Icons.password),
action: () {
showBlurDialog(
context: context,
builder: (context) =>
ManagePasswordDialog(widget.devicePath, widget.oathState),
);
}),
buildMenuItem(
2022-09-12 13:58:17 +03:00
title: Text(AppLocalizations.of(context)!.oath_reset_oath,
key: keys.resetAction),
2022-07-07 21:20:04 +03:00
leading: const Icon(Icons.delete),
action: () {
showBlurDialog(
context: context,
builder: (context) => ResetDialog(widget.devicePath),
);
}),
2022-05-20 12:11:20 +03:00
];
}
}