487 lines
17 KiB
Dart
487 lines
17 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:famedlysdk/famedlysdk.dart';
|
|
import 'package:fluffychat/components/settings_themes.dart';
|
|
import 'package:fluffychat/views/settings_devices.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:image_picker/image_picker.dart';
|
|
import 'package:memoryfilepicker/memoryfilepicker.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
import 'app_info.dart';
|
|
import 'chat_list.dart';
|
|
import '../components/adaptive_page_layout.dart';
|
|
import '../components/dialogs/simple_dialogs.dart';
|
|
import '../components/content_banner.dart';
|
|
import '../components/matrix.dart';
|
|
import '../l10n/l10n.dart';
|
|
import '../utils/app_route.dart';
|
|
import 'settings_emotes.dart';
|
|
|
|
class SettingsView extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return AdaptivePageLayout(
|
|
primaryPage: FocusPage.SECOND,
|
|
firstScaffold: ChatList(),
|
|
secondScaffold: Settings(),
|
|
);
|
|
}
|
|
}
|
|
|
|
class Settings extends StatefulWidget {
|
|
@override
|
|
_SettingsState createState() => _SettingsState();
|
|
}
|
|
|
|
class _SettingsState extends State<Settings> {
|
|
Future<dynamic> profileFuture;
|
|
dynamic profile;
|
|
Future<bool> crossSigningCachedFuture;
|
|
bool crossSigningCached;
|
|
Future<bool> megolmBackupCachedFuture;
|
|
bool megolmBackupCached;
|
|
|
|
void logoutAction(BuildContext context) async {
|
|
if (await SimpleDialogs(context).askConfirmation() == false) {
|
|
return;
|
|
}
|
|
var matrix = Matrix.of(context);
|
|
await SimpleDialogs(context)
|
|
.tryRequestWithLoadingDialog(matrix.client.logout());
|
|
}
|
|
|
|
void setJitsiInstanceAction(BuildContext context) async {
|
|
var jitsi = await SimpleDialogs(context).enterText(
|
|
titleText: L10n.of(context).editJitsiInstance,
|
|
hintText: Matrix.of(context).jitsiInstance,
|
|
labelText: L10n.of(context).editJitsiInstance,
|
|
);
|
|
if (jitsi == null) return;
|
|
if (!jitsi.endsWith('/')) {
|
|
jitsi += '/';
|
|
}
|
|
final matrix = Matrix.of(context);
|
|
await matrix.store.setItem('chat.fluffy.jitsi_instance', jitsi);
|
|
matrix.jitsiInstance = jitsi;
|
|
}
|
|
|
|
void setDisplaynameAction(BuildContext context) async {
|
|
final displayname = await SimpleDialogs(context).enterText(
|
|
titleText: L10n.of(context).editDisplayname,
|
|
hintText:
|
|
profile?.displayname ?? Matrix.of(context).client.userID.localpart,
|
|
labelText: L10n.of(context).enterAUsername,
|
|
);
|
|
if (displayname == null) return;
|
|
final matrix = Matrix.of(context);
|
|
final success = await SimpleDialogs(context).tryRequestWithLoadingDialog(
|
|
matrix.client.setDisplayname(matrix.client.userID, displayname),
|
|
);
|
|
if (success != false) {
|
|
setState(() {
|
|
profileFuture = null;
|
|
profile = null;
|
|
});
|
|
}
|
|
}
|
|
|
|
void setAvatarAction(BuildContext context) async {
|
|
final tempFile = await MemoryFilePicker.getImage(
|
|
source: ImageSource.gallery,
|
|
imageQuality: 50,
|
|
maxWidth: 1600,
|
|
maxHeight: 1600);
|
|
if (tempFile == null) return;
|
|
final matrix = Matrix.of(context);
|
|
final success = await SimpleDialogs(context).tryRequestWithLoadingDialog(
|
|
matrix.client.setAvatar(
|
|
MatrixFile(
|
|
bytes: tempFile.bytes,
|
|
name: tempFile.path,
|
|
),
|
|
),
|
|
);
|
|
if (success != false) {
|
|
setState(() {
|
|
profileFuture = null;
|
|
profile = null;
|
|
});
|
|
}
|
|
}
|
|
|
|
void setWallpaperAction(BuildContext context) async {
|
|
final wallpaper = await ImagePicker().getImage(source: ImageSource.gallery);
|
|
if (wallpaper == null) return;
|
|
Matrix.of(context).wallpaper = File(wallpaper.path);
|
|
await Matrix.of(context)
|
|
.store
|
|
.setItem('chat.fluffy.wallpaper', wallpaper.path);
|
|
setState(() => null);
|
|
}
|
|
|
|
void deleteWallpaperAction(BuildContext context) async {
|
|
Matrix.of(context).wallpaper = null;
|
|
await Matrix.of(context).store.setItem('chat.fluffy.wallpaper', null);
|
|
setState(() => null);
|
|
}
|
|
|
|
Future<void> requestSSSSCache(BuildContext context) async {
|
|
final handle = Matrix.of(context).client.encryption.ssss.open();
|
|
final str = await SimpleDialogs(context).enterText(
|
|
titleText: L10n.of(context).askSSSSCache,
|
|
hintText: L10n.of(context).passphraseOrKey,
|
|
password: true,
|
|
);
|
|
if (str != null) {
|
|
SimpleDialogs(context).showLoadingDialog(context);
|
|
// make sure the loading spinner shows before we test the keys
|
|
await Future.delayed(Duration(milliseconds: 100));
|
|
var valid = false;
|
|
try {
|
|
handle.unlock(recoveryKey: str);
|
|
valid = true;
|
|
} catch (e, s) {
|
|
debugPrint('Couldn\'t use recovery key: ' + e.toString());
|
|
debugPrint(s.toString());
|
|
try {
|
|
handle.unlock(passphrase: str);
|
|
valid = true;
|
|
} catch (e, s) {
|
|
debugPrint('Couldn\'t use recovery passphrase: ' + e.toString());
|
|
debugPrint(s.toString());
|
|
valid = false;
|
|
}
|
|
}
|
|
await Navigator.of(context)?.pop();
|
|
if (valid) {
|
|
await handle.maybeCacheAll();
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).cachedKeys,
|
|
);
|
|
setState(() {
|
|
crossSigningCachedFuture = null;
|
|
crossSigningCached = null;
|
|
megolmBackupCachedFuture = null;
|
|
megolmBackupCached = null;
|
|
});
|
|
} else {
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).incorrectPassphraseOrKey,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final client = Matrix.of(context).client;
|
|
profileFuture ??= client.ownProfile.then((p) {
|
|
if (mounted) setState(() => profile = p);
|
|
return p;
|
|
});
|
|
crossSigningCachedFuture ??=
|
|
client.encryption.crossSigning.isCached().then((c) {
|
|
if (mounted) setState(() => crossSigningCached = c);
|
|
return c;
|
|
});
|
|
megolmBackupCachedFuture ??=
|
|
client.encryption.keyManager.isCached().then((c) {
|
|
if (mounted) setState(() => megolmBackupCached = c);
|
|
return c;
|
|
});
|
|
return Scaffold(
|
|
body: NestedScrollView(
|
|
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) =>
|
|
<Widget>[
|
|
SliverAppBar(
|
|
expandedHeight: 300.0,
|
|
floating: true,
|
|
pinned: true,
|
|
backgroundColor: Theme.of(context).appBarTheme.color,
|
|
flexibleSpace: FlexibleSpaceBar(
|
|
title: Text(
|
|
L10n.of(context).settings,
|
|
style: TextStyle(
|
|
color: Theme.of(context)
|
|
.appBarTheme
|
|
.textTheme
|
|
.headline6
|
|
.color),
|
|
),
|
|
background: ContentBanner(
|
|
profile?.avatarUrl,
|
|
height: 300,
|
|
defaultIcon: Icons.account_circle,
|
|
loading: profile == null,
|
|
onEdit: () => setAvatarAction(context),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
body: ListView(
|
|
children: <Widget>[
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).changeTheme,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
ThemesSettings(),
|
|
if (!kIsWeb && Matrix.of(context).store != null)
|
|
Divider(thickness: 1),
|
|
if (!kIsWeb && Matrix.of(context).store != null)
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).wallpaper,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
if (Matrix.of(context).wallpaper != null)
|
|
ListTile(
|
|
title: Image.file(
|
|
Matrix.of(context).wallpaper,
|
|
height: 38,
|
|
fit: BoxFit.cover,
|
|
),
|
|
trailing: Icon(
|
|
Icons.delete_forever,
|
|
color: Colors.red,
|
|
),
|
|
onTap: () => deleteWallpaperAction(context),
|
|
),
|
|
if (!kIsWeb && Matrix.of(context).store != null)
|
|
Builder(builder: (context) {
|
|
return ListTile(
|
|
title: Text(L10n.of(context).changeWallpaper),
|
|
trailing: Icon(Icons.wallpaper),
|
|
onTap: () => setWallpaperAction(context),
|
|
);
|
|
}),
|
|
Divider(thickness: 1),
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).chat,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
title: Text(L10n.of(context).renderRichContent),
|
|
trailing: Switch(
|
|
value: Matrix.of(context).renderHtml,
|
|
activeColor: Theme.of(context).primaryColor,
|
|
onChanged: (bool newValue) async {
|
|
Matrix.of(context).renderHtml = newValue;
|
|
await Matrix.of(context)
|
|
.store
|
|
.setItem('chat.fluffy.renderHtml', newValue ? '1' : '0');
|
|
setState(() => null);
|
|
},
|
|
),
|
|
),
|
|
ListTile(
|
|
title: Text(L10n.of(context).emoteSettings),
|
|
onTap: () async => await Navigator.of(context).push(
|
|
AppRoute.defaultRoute(
|
|
context,
|
|
EmotesSettingsView(),
|
|
),
|
|
),
|
|
trailing: Icon(Icons.insert_emoticon),
|
|
),
|
|
Divider(thickness: 1),
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).account,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.edit),
|
|
title: Text(L10n.of(context).editDisplayname),
|
|
subtitle: Text(profile?.displayname ?? client.userID.localpart),
|
|
onTap: () => setDisplaynameAction(context),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.phone),
|
|
title: Text(L10n.of(context).editJitsiInstance),
|
|
subtitle: Text(Matrix.of(context).jitsiInstance),
|
|
onTap: () => setJitsiInstanceAction(context),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.devices_other),
|
|
title: Text(L10n.of(context).devices),
|
|
onTap: () async => await Navigator.of(context).push(
|
|
AppRoute.defaultRoute(
|
|
context,
|
|
DevicesSettingsView(),
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.account_circle),
|
|
title: Text(L10n.of(context).accountInformations),
|
|
onTap: () => Navigator.of(context).push(
|
|
AppRoute.defaultRoute(
|
|
context,
|
|
AppInfoView(),
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.exit_to_app),
|
|
title: Text(L10n.of(context).logout),
|
|
onTap: () => logoutAction(context),
|
|
),
|
|
Divider(thickness: 1),
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).encryption,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.compare_arrows),
|
|
title: Text(client.encryption.crossSigning.enabled
|
|
? L10n.of(context).crossSigningEnabled
|
|
: L10n.of(context).crossSigningDisabled),
|
|
subtitle: client.encryption.crossSigning.enabled
|
|
? Text(client.isUnknownSession
|
|
? L10n.of(context).unknownSessionVerify
|
|
: L10n.of(context).sessionVerified +
|
|
', ' +
|
|
(crossSigningCached == null
|
|
? '⌛'
|
|
: (crossSigningCached
|
|
? L10n.of(context).keysCached
|
|
: L10n.of(context).keysMissing)))
|
|
: null,
|
|
onTap: () async {
|
|
if (!client.encryption.crossSigning.enabled) {
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).noCrossSignBootstrap,
|
|
);
|
|
return;
|
|
}
|
|
if (client.isUnknownSession) {
|
|
final str = await SimpleDialogs(context).enterText(
|
|
titleText: L10n.of(context).askSSSSVerify,
|
|
hintText: L10n.of(context).passphraseOrKey,
|
|
password: true,
|
|
);
|
|
if (str != null) {
|
|
SimpleDialogs(context).showLoadingDialog(context);
|
|
// make sure the loading spinner shows before we test the keys
|
|
await Future.delayed(Duration(milliseconds: 100));
|
|
var valid = false;
|
|
try {
|
|
await client.encryption.crossSigning
|
|
.selfSign(recoveryKey: str);
|
|
valid = true;
|
|
} catch (_) {
|
|
try {
|
|
await client.encryption.crossSigning
|
|
.selfSign(passphrase: str);
|
|
valid = true;
|
|
} catch (_) {
|
|
valid = false;
|
|
}
|
|
}
|
|
await Navigator.of(context)?.pop();
|
|
if (valid) {
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).verifiedSession,
|
|
);
|
|
setState(() {
|
|
crossSigningCachedFuture = null;
|
|
crossSigningCached = null;
|
|
megolmBackupCachedFuture = null;
|
|
megolmBackupCached = null;
|
|
});
|
|
} else {
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).incorrectPassphraseOrKey,
|
|
);
|
|
}
|
|
}
|
|
}
|
|
if (!(await client.encryption.crossSigning.isCached())) {
|
|
await requestSSSSCache(context);
|
|
}
|
|
},
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.wb_cloudy),
|
|
title: Text(client.encryption.keyManager.enabled
|
|
? L10n.of(context).onlineKeyBackupEnabled
|
|
: L10n.of(context).onlineKeyBackupDisabled),
|
|
subtitle: client.encryption.keyManager.enabled
|
|
? Text(megolmBackupCached == null
|
|
? '⌛'
|
|
: (megolmBackupCached
|
|
? L10n.of(context).keysCached
|
|
: L10n.of(context).keysMissing))
|
|
: null,
|
|
onTap: () async {
|
|
if (!client.encryption.keyManager.enabled) {
|
|
await SimpleDialogs(context).inform(
|
|
contentText: L10n.of(context).noMegolmBootstrap,
|
|
);
|
|
return;
|
|
}
|
|
if (!(await client.encryption.keyManager.isCached())) {
|
|
await requestSSSSCache(context);
|
|
}
|
|
},
|
|
),
|
|
Divider(thickness: 1),
|
|
ListTile(
|
|
title: Text(
|
|
L10n.of(context).about,
|
|
style: TextStyle(
|
|
color: Theme.of(context).primaryColor,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.help),
|
|
title: Text(L10n.of(context).help),
|
|
onTap: () => launch(
|
|
'https://gitlab.com/ChristianPauly/fluffychat-flutter/issues'),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.link),
|
|
title: Text(L10n.of(context).license),
|
|
onTap: () => launch(
|
|
'https://gitlab.com/ChristianPauly/fluffychat-flutter/raw/master/LICENSE'),
|
|
),
|
|
ListTile(
|
|
trailing: Icon(Icons.code),
|
|
title: Text(L10n.of(context).sourceCode),
|
|
onTap: () => launch(
|
|
'https://gitlab.com/ChristianPauly/fluffychat-flutter'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|