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

166 lines
5.0 KiB
Dart
Raw Normal View History

import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
2022-05-12 09:34:51 +03:00
import 'package:yubico_authenticator/app/state.dart';
import '../models.dart';
2022-03-31 13:25:14 +03:00
import '../state.dart';
import 'account_dialog.dart';
import 'account_mixin.dart';
class AccountView extends ConsumerWidget with AccountMixin {
@override
2021-12-06 12:26:38 +03:00
final OathCredential credential;
final FocusNode? focusNode;
2022-05-12 10:56:55 +03:00
AccountView(this.credential, {super.key, this.focusNode});
Color _iconColor(int shade) {
2022-02-22 12:56:52 +03:00
final colors = [
Colors.red[shade],
Colors.pink[shade],
Colors.purple[shade],
Colors.deepPurple[shade],
Colors.indigo[shade],
Colors.blue[shade],
Colors.lightBlue[shade],
Colors.cyan[shade],
Colors.teal[shade],
Colors.green[shade],
Colors.lightGreen[shade],
Colors.lime[shade],
Colors.yellow[shade],
Colors.amber[shade],
Colors.orange[shade],
Colors.deepOrange[shade],
Colors.brown[shade],
Colors.grey[shade],
Colors.blueGrey[shade],
];
return colors[label.hashCode % colors.length]!;
}
List<PopupMenuItem> _buildPopupMenu(BuildContext context, WidgetRef ref) {
2022-03-03 15:55:07 +03:00
return buildActions(context, ref).map((e) {
final action = e.action;
return PopupMenuItem(
enabled: action != null,
onTap: () {
// As soon as onTap returns, the Navigator is popped,
// closing the topmost item. Since we sometimes open new dialogs in
// the action, make sure that happens *after* the pop.
Timer(Duration.zero, () {
action?.call(context);
});
},
2022-05-12 09:34:51 +03:00
child: ListTile(
leading: e.icon,
title: Text(e.text),
dense: true,
contentPadding: EdgeInsets.zero,
),
);
}).toList();
}
@override
2021-12-06 12:26:38 +03:00
Widget build(BuildContext context, WidgetRef ref) {
final code = getCode(ref);
2022-03-31 13:25:14 +03:00
final expired = code == null ||
(credential.oathType == OathType.totp &&
ref.watch(expiredProvider(code.validTo)));
final calculateReady = code == null ||
2022-03-02 10:23:29 +03:00
credential.oathType == OathType.hotp ||
(credential.touchRequired && expired);
2021-12-06 12:26:38 +03:00
2022-02-22 12:56:52 +03:00
final darkMode = Theme.of(context).brightness == Brightness.dark;
return GestureDetector(
onSecondaryTapDown: (details) {
showMenu(
2022-03-02 10:23:29 +03:00
context: context,
position: RelativeRect.fromLTRB(
details.globalPosition.dx,
details.globalPosition.dy,
details.globalPosition.dx,
0,
),
items: _buildPopupMenu(context, ref),
2022-03-02 10:23:29 +03:00
);
},
child: LayoutBuilder(builder: (context, constraints) {
final showAvatar = constraints.maxWidth >= 315;
return ListTile(
shape:
RoundedRectangleBorder(borderRadius: BorderRadius.circular(30)),
focusNode: focusNode,
onTap: () {
showDialog(
context: context,
builder: (context) {
return AccountDialog(credential);
},
);
},
onLongPress: () async {
if (calculateReady) {
await calculateCode(
context,
ref,
);
}
await ref.read(withContextProvider)(
(context) async {
copyToClipboard(context, ref);
},
);
},
leading: showAvatar
? CircleAvatar(
foregroundColor: darkMode ? Colors.black : Colors.white,
backgroundColor: _iconColor(darkMode ? 300 : 400),
child: Text(
(credential.issuer ?? credential.name)
.characters
.first
.toUpperCase(),
style: const TextStyle(
fontSize: 16, fontWeight: FontWeight.w300),
),
)
: null,
title: Text(
title,
overflow: TextOverflow.fade,
maxLines: 1,
softWrap: false,
),
subtitle: subtitle != null
? Text(
subtitle!,
overflow: TextOverflow.fade,
maxLines: 1,
softWrap: false,
)
: null,
2022-05-18 18:29:50 +03:00
trailing: DecoratedBox(
decoration: BoxDecoration(
2022-05-18 18:29:50 +03:00
shape: BoxShape.rectangle,
color: CardTheme.of(context).color,
borderRadius: const BorderRadius.all(Radius.circular(30.0)),
2022-05-18 18:29:50 +03:00
),
2022-05-20 12:10:49 +03:00
child: Padding(
padding:
const EdgeInsets.symmetric(horizontal: 10.0, vertical: 2.0),
child: DefaultTextStyle.merge(
style: Theme.of(context).textTheme.bodyLarge,
child: buildCodeView(ref),
),
),
2022-05-18 18:29:50 +03:00
),
);
}),
);
}
}