yubioath-flutter/lib/fido/views/fingerprints_screen.dart

390 lines
13 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:async';
import 'package:flutter/material.dart';
2022-09-12 16:46:43 +03:00
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
2024-03-08 11:30:47 +03:00
import 'package:material_symbols_icons/symbols.dart';
import '../../app/message.dart';
import '../../app/models.dart';
import '../../app/shortcuts.dart';
2024-01-10 13:26:37 +03:00
import '../../app/views/action_list.dart';
2024-01-22 18:14:14 +03:00
import '../../app/views/app_failure_page.dart';
2023-06-15 18:39:17 +03:00
import '../../app/views/app_list_item.dart';
import '../../app/views/app_page.dart';
import '../../app/views/message_page.dart';
2024-03-12 20:00:06 +03:00
import '../../app/views/message_page_not_initialized.dart';
2023-10-06 11:49:01 +03:00
import '../../core/state.dart';
2024-03-13 12:36:50 +03:00
import '../../exception/no_data_exception.dart';
2024-01-22 18:14:14 +03:00
import '../../management/models.dart';
import '../../widgets/list_title.dart';
import '../features.dart' as features;
import '../models.dart';
2022-04-04 12:15:38 +03:00
import '../state.dart';
2023-06-15 18:39:17 +03:00
import 'actions.dart';
import 'add_fingerprint_dialog.dart';
import 'fingerprint_dialog.dart';
import 'key_actions.dart';
2024-01-22 18:14:14 +03:00
import 'pin_dialog.dart';
import 'pin_entry_form.dart';
2024-01-22 18:14:14 +03:00
class FingerprintsScreen extends ConsumerWidget {
final YubiKeyData deviceData;
2024-03-13 12:36:50 +03:00
2024-01-22 18:14:14 +03:00
const FingerprintsScreen(this.deviceData, {super.key});
@override
Widget build(BuildContext context, WidgetRef ref) {
final l10n = AppLocalizations.of(context)!;
return ref.watch(fidoStateProvider(deviceData.node.path)).when(
loading: () => AppPage(
title: l10n.s_fingerprints,
capabilities: const [Capability.fido2],
2024-01-22 18:14:14 +03:00
centered: true,
delayedContent: true,
builder: (context, _) => const CircularProgressIndicator(),
),
error: (error, _) {
2024-03-13 12:36:50 +03:00
if (error is NoDataException) {
2024-04-12 16:59:47 +03:00
return MessagePageNotInitialized(
title: l10n.s_fingerprints,
capabilities: const [Capability.fido2],
);
2024-03-13 12:36:50 +03:00
}
2024-01-22 18:14:14 +03:00
final enabled = deviceData
.info.config.enabledCapabilities[deviceData.node.transport] ??
0;
if (Capability.fido2.value & enabled == 0) {
return MessagePage(
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
2024-01-22 18:14:14 +03:00
header: l10n.s_fido_disabled,
message: l10n.l_webauthn_req_fido2,
);
}
return AppFailurePage(
cause: error,
);
},
data: (fidoState) {
2024-03-13 12:36:50 +03:00
return fidoState.unlocked
? _FidoUnlockedPage(deviceData.node, fidoState)
: _FidoLockedPage(deviceData.node, fidoState);
2024-01-22 18:14:14 +03:00
});
}
}
class _FidoLockedPage extends ConsumerWidget {
final DeviceNode node;
final FidoState state;
const _FidoLockedPage(this.node, this.state);
@override
Widget build(BuildContext context, WidgetRef ref) {
final l10n = AppLocalizations.of(context)!;
final hasFeature = ref.watch(featureProvider);
final hasActions = hasFeature(features.actions);
if (!state.hasPin) {
return MessagePage(
actionsBuilder: (context, expanded) => [
if (!expanded)
ActionChip(
label: Text(l10n.s_set_pin),
onPressed: () async {
await showBlurDialog(
context: context,
builder: (context) => FidoPinDialog(node.path, state));
},
2024-03-08 11:30:47 +03:00
avatar: const Icon(Symbols.pin),
)
2024-01-22 18:14:14 +03:00
],
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
header: l10n.s_fingerprints_get_started,
2024-01-22 18:14:14 +03:00
message: l10n.p_set_fingerprints_desc,
keyActionsBuilder: hasActions ? _buildActions : null,
keyActionsBadge: fingerprintsShowActionsNotifier(state),
2024-01-22 18:14:14 +03:00
);
}
if (state.forcePinChange) {
return MessagePage(
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
2024-01-22 18:14:14 +03:00
header: l10n.s_pin_change_required,
message: l10n.l_pin_change_required_desc,
keyActionsBuilder: hasActions ? _buildActions : null,
keyActionsBadge: fingerprintsShowActionsNotifier(state),
actionsBuilder: (context, expanded) => [
if (!expanded)
ActionChip(
label: Text(l10n.s_change_pin),
onPressed: () async {
await showBlurDialog(
context: context,
builder: (context) => FidoPinDialog(node.path, state));
},
2024-03-08 11:30:47 +03:00
avatar: const Icon(Symbols.pin),
)
2024-01-26 12:36:10 +03:00
],
2024-01-22 18:14:14 +03:00
);
}
return AppPage(
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
2024-01-22 18:14:14 +03:00
keyActionsBuilder: hasActions ? _buildActions : null,
builder: (context, _) => Column(
children: [
PinEntryForm(state, node),
],
),
);
}
Widget _buildActions(BuildContext context) =>
2024-01-22 18:54:01 +03:00
fingerprintsBuildActions(context, node, state, -1);
2024-01-22 18:14:14 +03:00
}
class _FidoUnlockedPage extends ConsumerStatefulWidget {
2024-01-10 22:47:54 +03:00
final DeviceNode node;
final FidoState state;
2024-01-10 13:26:37 +03:00
2024-01-22 18:14:14 +03:00
_FidoUnlockedPage(this.node, this.state) : super(key: ObjectKey(node.path));
2024-01-10 13:26:37 +03:00
2024-01-10 22:47:54 +03:00
@override
ConsumerState<ConsumerStatefulWidget> createState() =>
_FidoUnlockedPageState();
2024-01-10 13:26:37 +03:00
}
2024-01-22 18:14:14 +03:00
class _FidoUnlockedPageState extends ConsumerState<_FidoUnlockedPage> {
Fingerprint? _selected;
2024-01-10 22:47:54 +03:00
@override
2024-01-10 22:47:54 +03:00
Widget build(BuildContext context) {
2023-02-28 21:05:46 +03:00
final l10n = AppLocalizations.of(context)!;
2024-01-22 18:54:01 +03:00
final hasFeature = ref.watch(featureProvider);
final hasActions = hasFeature(features.actions);
2023-10-06 11:49:01 +03:00
2024-01-22 18:54:01 +03:00
final data = ref.watch(fingerprintProvider(widget.node.path)).asData;
if (data == null) {
return _buildLoadingPage(context);
}
final fingerprints = data.value;
if (fingerprints.isEmpty) {
return MessagePage(
actionsBuilder: (context, expanded) => [
if (!expanded)
ActionChip(
label: Text(l10n.s_add_fingerprint),
onPressed: () async {
await showBlurDialog(
context: context,
builder: (context) =>
AddFingerprintDialog(widget.node.path));
},
2024-03-08 11:30:47 +03:00
avatar: const Icon(Symbols.fingerprint),
)
2024-01-22 18:54:01 +03:00
],
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
header: l10n.s_fingerprints_get_started,
2024-01-22 18:54:01 +03:00
message: l10n.l_add_one_or_more_fps,
keyActionsBuilder: hasActions
? (context) =>
fingerprintsBuildActions(context, widget.node, widget.state, 0)
: null,
keyActionsBadge: fingerprintsShowActionsNotifier(widget.state),
2024-01-22 18:54:01 +03:00
);
}
2024-01-22 18:14:14 +03:00
final fingerprint = _selected;
2024-01-22 18:54:01 +03:00
return FidoActions(
devicePath: widget.node.path,
actions: (context) => {
EscapeIntent: CallbackAction<EscapeIntent>(onInvoke: (intent) {
if (_selected != null) {
setState(() {
_selected = null;
});
} else {
Actions.invoke(context, intent);
}
return false;
}),
OpenIntent<Fingerprint>:
CallbackAction<OpenIntent<Fingerprint>>(onInvoke: (intent) {
return showBlurDialog(
context: context,
barrierColor: Colors.transparent,
builder: (context) => FingerprintDialog(intent.target),
);
}),
if (hasFeature(features.fingerprintsEdit))
EditIntent<Fingerprint>:
CallbackAction<EditIntent<Fingerprint>>(onInvoke: (intent) async {
final renamed =
await (Actions.invoke(context, intent) as Future<dynamic>?);
if (_selected == intent.target && renamed is Fingerprint) {
2024-01-10 22:47:54 +03:00
setState(() {
2024-01-22 18:54:01 +03:00
_selected = renamed;
2024-01-10 22:47:54 +03:00
});
2024-01-10 13:26:37 +03:00
}
2024-01-22 18:54:01 +03:00
return renamed;
2024-01-10 13:26:37 +03:00
}),
2024-01-22 18:54:01 +03:00
if (hasFeature(features.fingerprintsDelete))
DeleteIntent<Fingerprint>: CallbackAction<DeleteIntent<Fingerprint>>(
onInvoke: (intent) async {
final deleted =
await (Actions.invoke(context, intent) as Future<dynamic>?);
if (deleted == true && _selected == intent.target) {
setState(() {
_selected = null;
});
}
return deleted;
}),
2024-01-22 18:54:01 +03:00
},
builder: (context) => AppPage(
title: l10n.s_fingerprints,
2024-01-26 13:59:37 +03:00
capabilities: const [Capability.fido2],
2024-01-22 18:54:01 +03:00
detailViewBuilder: fingerprint != null
? (context) => Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
ListTitle(l10n.s_details),
Padding(
padding: const EdgeInsets.only(left: 16.0),
child: Card(
elevation: 0.0,
color: Theme.of(context).hoverColor,
child: Padding(
2024-04-25 16:26:33 +03:00
padding: const EdgeInsets.symmetric(
vertical: 24, horizontal: 16),
// TODO: Reuse from fingerprint_dialog
child: Column(
children: [
Text(
fingerprint.label,
style:
Theme.of(context).textTheme.headlineSmall,
softWrap: true,
textAlign: TextAlign.center,
),
const SizedBox(height: 16),
2024-03-08 11:30:47 +03:00
const Icon(Symbols.fingerprint, size: 72),
],
),
2024-01-10 13:26:37 +03:00
),
),
2024-01-22 18:54:01 +03:00
),
ActionListSection.fromMenuActions(
context,
l10n.s_actions,
actions: buildFingerprintActions(fingerprint, l10n),
),
],
)
: null,
keyActionsBuilder: hasActions
? (context) => fingerprintsBuildActions(
context, widget.node, widget.state, fingerprints.length)
: null,
keyActionsBadge: fingerprintsShowActionsNotifier(widget.state),
2024-01-22 18:54:01 +03:00
builder: (context, expanded) {
// De-select if window is resized to be non-expanded.
if (!expanded && _selected != null) {
Timer.run(() {
setState(() {
_selected = null;
});
2024-01-22 18:54:01 +03:00
});
}
return Actions(
actions: {
if (expanded) ...{
OpenIntent<Fingerprint>:
CallbackAction<OpenIntent<Fingerprint>>(onInvoke: (intent) {
setState(() {
_selected = intent.target;
});
return null;
}),
}
},
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: fingerprints
.map((fp) => _FingerprintListItem(
fp,
expanded: expanded,
selected: fp == _selected,
))
.toList()),
);
},
),
);
}
2022-09-12 17:14:58 +03:00
Widget _buildLoadingPage(BuildContext context) => AppPage(
title: AppLocalizations.of(context)!.s_fingerprints,
capabilities: const [Capability.fido2],
centered: true,
delayedContent: true,
builder: (context, _) => const CircularProgressIndicator(),
);
}
class _FingerprintListItem extends StatelessWidget {
final Fingerprint fingerprint;
2024-01-10 13:26:37 +03:00
final bool selected;
final bool expanded;
const _FingerprintListItem(this.fingerprint,
{required this.expanded, required this.selected});
@override
Widget build(BuildContext context) {
2023-06-15 18:39:17 +03:00
return AppListItem(
fingerprint,
2024-01-10 13:26:37 +03:00
selected: selected,
leading: CircleAvatar(
foregroundColor: Theme.of(context).colorScheme.onSecondary,
backgroundColor: Theme.of(context).colorScheme.secondary,
2024-03-08 11:30:47 +03:00
child: const Icon(Symbols.fingerprint),
),
2023-06-15 18:39:17 +03:00
title: fingerprint.label,
2024-01-10 13:26:37 +03:00
trailing: expanded
? null
: OutlinedButton(
onPressed: Actions.handler(context, OpenIntent(fingerprint)),
2024-03-08 11:30:47 +03:00
child: const Icon(Symbols.more_horiz),
2024-01-10 13:26:37 +03:00
),
tapIntent: isDesktop && !expanded ? null : OpenIntent(fingerprint),
doubleTapIntent: isDesktop && !expanded ? OpenIntent(fingerprint) : null,
2023-06-15 18:39:17 +03:00
buildPopupActions: (context) =>
buildFingerprintActions(fingerprint, AppLocalizations.of(context)!),
);
}
}