2022-04-05 15:53:18 +03:00
|
|
|
import 'dart:async';
|
2022-04-03 12:06:22 +03:00
|
|
|
import 'dart:ui';
|
|
|
|
|
2022-03-02 10:23:29 +03:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
|
|
|
|
|
|
import '../../widgets/circle_timer.dart';
|
2022-03-31 13:25:14 +03:00
|
|
|
import '../../widgets/dialog_frame.dart';
|
2022-03-02 10:23:29 +03:00
|
|
|
import '../models.dart';
|
2022-03-03 12:01:36 +03:00
|
|
|
import 'account_mixin.dart';
|
2022-03-02 10:23:29 +03:00
|
|
|
|
2022-03-03 12:01:36 +03:00
|
|
|
class AccountDialog extends ConsumerWidget with AccountMixin {
|
|
|
|
@override
|
2022-03-02 10:23:29 +03:00
|
|
|
final OathCredential credential;
|
2022-03-03 12:01:36 +03:00
|
|
|
const AccountDialog(this.credential, {Key? key}) : super(key: key);
|
2022-03-02 10:23:29 +03:00
|
|
|
|
2022-03-03 12:01:36 +03:00
|
|
|
@override
|
|
|
|
Future<OathCredential?> renameCredential(
|
|
|
|
BuildContext context, WidgetRef ref) async {
|
|
|
|
final renamed = await super.renameCredential(context, ref);
|
|
|
|
if (renamed != null) {
|
|
|
|
// Replace this dialog with a new one, for the renamed credential.
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
await showDialog(
|
|
|
|
context: context,
|
|
|
|
builder: (context) {
|
|
|
|
return AccountDialog(renamed);
|
2022-03-02 10:23:29 +03:00
|
|
|
},
|
2022-03-03 12:01:36 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
return renamed;
|
2022-03-02 10:23:29 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
@override
|
2022-03-03 12:01:36 +03:00
|
|
|
Future<bool> deleteCredential(BuildContext context, WidgetRef ref) async {
|
|
|
|
final deleted = await super.deleteCredential(context, ref);
|
|
|
|
if (deleted) {
|
|
|
|
Navigator.of(context).pop();
|
|
|
|
}
|
|
|
|
return deleted;
|
|
|
|
}
|
|
|
|
|
|
|
|
List<Widget> _buildActions(BuildContext context, WidgetRef ref) {
|
2022-03-03 15:55:07 +03:00
|
|
|
return buildActions(context, ref).map((e) {
|
2022-03-03 12:01:36 +03:00
|
|
|
final action = e.action;
|
|
|
|
return IconButton(
|
|
|
|
icon: e.icon,
|
|
|
|
tooltip: e.text,
|
|
|
|
onPressed: action != null
|
|
|
|
? () {
|
|
|
|
action(context);
|
|
|
|
}
|
|
|
|
: null,
|
|
|
|
);
|
|
|
|
}).toList();
|
|
|
|
}
|
2022-03-02 10:23:29 +03:00
|
|
|
|
2022-03-03 12:01:36 +03:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
|
|
final code = getCode(ref);
|
2022-03-31 13:25:14 +03:00
|
|
|
final expired = isExpired(code, ref);
|
2022-04-05 15:53:18 +03:00
|
|
|
if (code == null) {
|
|
|
|
Timer(Duration.zero, () => calculateCode(context, ref));
|
|
|
|
}
|
2022-03-31 13:25:14 +03:00
|
|
|
return DialogFrame(
|
|
|
|
child: AlertDialog(
|
|
|
|
title: Text(title),
|
|
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 24.0),
|
|
|
|
actionsAlignment: MainAxisAlignment.center,
|
|
|
|
actionsPadding: EdgeInsets.zero,
|
|
|
|
content: Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
children: [
|
|
|
|
Text(subtitle ?? ''),
|
|
|
|
const SizedBox(height: 8.0),
|
|
|
|
Center(
|
2022-04-04 20:14:34 +03:00
|
|
|
child: DecoratedBox(
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
shape: BoxShape.rectangle,
|
|
|
|
borderRadius: const BorderRadius.all(Radius.circular(30.0)),
|
|
|
|
border: Border.all(width: 1.0, color: Colors.grey.shade500),
|
|
|
|
),
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.symmetric(
|
|
|
|
horizontal: 16.0, vertical: 8.0),
|
|
|
|
child: Row(
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
2022-04-05 15:53:18 +03:00
|
|
|
children: code == null
|
|
|
|
? [
|
|
|
|
const Icon(Icons.touch_app, size: 36),
|
|
|
|
const Text('', style: TextStyle(fontSize: 32.0)),
|
|
|
|
]
|
|
|
|
: [
|
|
|
|
if (credential.oathType == OathType.totp) ...[
|
|
|
|
credential.touchRequired && expired
|
|
|
|
? const Icon(Icons.touch_app)
|
|
|
|
: SizedBox.square(
|
|
|
|
dimension: 32,
|
|
|
|
child: CircleTimer(
|
|
|
|
code.validFrom * 1000,
|
|
|
|
code.validTo * 1000,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const SizedBox(width: 8.0)
|
|
|
|
],
|
|
|
|
Opacity(
|
|
|
|
opacity: expired ? 0.4 : 1.0,
|
|
|
|
child: Text(
|
|
|
|
formatCode(code),
|
|
|
|
style: const TextStyle(
|
|
|
|
fontSize: 32.0,
|
|
|
|
fontFeatures: [FontFeature.tabularFigures()],
|
|
|
|
),
|
2022-04-04 20:14:34 +03:00
|
|
|
),
|
|
|
|
),
|
2022-04-05 15:53:18 +03:00
|
|
|
],
|
2022-04-04 17:46:48 +03:00
|
|
|
),
|
2022-03-02 10:23:29 +03:00
|
|
|
),
|
2022-03-31 13:25:14 +03:00
|
|
|
),
|
2022-04-04 20:14:34 +03:00
|
|
|
),
|
2022-03-31 13:25:14 +03:00
|
|
|
],
|
2022-03-02 12:44:35 +03:00
|
|
|
),
|
2022-03-31 13:25:14 +03:00
|
|
|
actions: _buildActions(context, ref),
|
2022-03-02 10:23:29 +03:00
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|