mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-08-25 22:41:51 +00:00
142 lines
4.7 KiB
Dart
142 lines
4.7 KiB
Dart
import 'dart:async';
|
|
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
|
|
import 'package:selfprivacy/logic/cubit/backups/backups_cubit.dart';
|
|
import 'package:selfprivacy/logic/cubit/server_jobs/server_jobs_cubit.dart';
|
|
|
|
class CopyEncryptionKeyModal extends StatefulWidget {
|
|
const CopyEncryptionKeyModal({
|
|
required this.scrollController,
|
|
super.key,
|
|
});
|
|
|
|
final ScrollController scrollController;
|
|
|
|
@override
|
|
State<CopyEncryptionKeyModal> createState() => _CopyEncryptionKeyModalState();
|
|
}
|
|
|
|
class _CopyEncryptionKeyModalState extends State<CopyEncryptionKeyModal> {
|
|
bool isKeyVisible = false;
|
|
bool copiedToClipboard = false;
|
|
Timer? copyToClipboardTimer;
|
|
|
|
@override
|
|
void dispose() {
|
|
copyToClipboardTimer?.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(final BuildContext context) {
|
|
final String encryptionKey =
|
|
context.watch<BackupsCubit>().state.backblazeBucket!.encryptionKey;
|
|
return ListView(
|
|
controller: widget.scrollController,
|
|
padding: const EdgeInsets.all(16),
|
|
children: [
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
'backup.backups_encryption_key'.tr(),
|
|
style: Theme.of(context).textTheme.headlineSmall,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'backup.backups_encryption_key_description'.tr(),
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
const SizedBox(height: 8),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(20),
|
|
color: Theme.of(context).colorScheme.surfaceVariant,
|
|
),
|
|
padding: const EdgeInsets.all(16),
|
|
child: Stack(
|
|
children: [
|
|
SelectableText(
|
|
encryptionKey,
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
),
|
|
),
|
|
Positioned.fill(
|
|
child: InkWell(
|
|
onTap: () {
|
|
setState(
|
|
() {
|
|
isKeyVisible = !isKeyVisible;
|
|
},
|
|
);
|
|
},
|
|
child: AnimatedOpacity(
|
|
duration: const Duration(milliseconds: 200),
|
|
opacity: isKeyVisible ? 0 : 1,
|
|
child: Container(
|
|
color: Theme.of(context).colorScheme.surfaceVariant,
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
const Icon(Icons.visibility_outlined),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
'backup.backups_encryption_key_show'.tr(),
|
|
style: Theme.of(context)
|
|
.textTheme
|
|
.bodyMedium
|
|
?.copyWith(
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.onSurfaceVariant,
|
|
),
|
|
),
|
|
],
|
|
)),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)),
|
|
const SizedBox(height: 8),
|
|
FilledButton.icon(
|
|
onPressed: () {
|
|
setState(
|
|
() {
|
|
copiedToClipboard = true;
|
|
},
|
|
);
|
|
setState(() {
|
|
copyToClipboardTimer?.cancel();
|
|
copyToClipboardTimer = Timer(
|
|
const Duration(seconds: 5),
|
|
() {
|
|
setState(() {
|
|
copiedToClipboard = false;
|
|
});
|
|
},
|
|
);
|
|
});
|
|
Clipboard.setData(
|
|
ClipboardData(
|
|
text: encryptionKey,
|
|
),
|
|
);
|
|
},
|
|
icon: const Icon(Icons.copy_all_outlined),
|
|
label: Text(
|
|
copiedToClipboard
|
|
? 'basis.copied_to_clipboard'.tr()
|
|
: 'backup.backups_encryption_key_copy'.tr(),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|