fluffychat/lib/views/settings_devices.dart

181 lines
5.9 KiB
Dart
Raw Normal View History

2020-02-19 16:23:13 +01:00
import 'package:famedlysdk/famedlysdk.dart';
import 'package:fluffychat/components/dialogs/simple_dialogs.dart';
import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/l10n.dart';
2020-02-19 16:23:13 +01:00
import '../components/adaptive_page_layout.dart';
import '../components/matrix.dart';
import '../utils/date_time_extension.dart';
2020-02-19 16:23:13 +01:00
import 'chat_list.dart';
class DevicesSettingsView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return AdaptivePageLayout(
primaryPage: FocusPage.SECOND,
firstScaffold: ChatList(),
secondScaffold: DevicesSettings(),
);
}
}
class DevicesSettings extends StatefulWidget {
@override
DevicesSettingsState createState() => DevicesSettingsState();
}
class DevicesSettingsState extends State<DevicesSettings> {
2020-06-10 10:07:01 +02:00
List<Device> devices;
2020-02-19 16:23:13 +01:00
Future<bool> _loadUserDevices(BuildContext context) async {
if (devices != null) return true;
2020-08-16 12:54:43 +02:00
devices = await Matrix.of(context).client.requestDevices();
2020-02-19 16:23:13 +01:00
return true;
}
void reload() => setState(() => devices = null);
2020-06-10 10:07:01 +02:00
void _removeDevicesAction(BuildContext context, List<Device> devices) async {
2020-02-19 16:23:13 +01:00
if (await SimpleDialogs(context).askConfirmation() == false) return;
2020-05-13 15:58:59 +02:00
var matrix = Matrix.of(context);
var deviceIds = <String>[];
for (var userDevice in devices) {
2020-02-19 16:23:13 +01:00
deviceIds.add(userDevice.deviceId);
}
2020-06-10 10:07:01 +02:00
final password = await SimpleDialogs(context).enterText(
titleText: L10n.of(context).pleaseEnterYourPassword,
labelText: L10n.of(context).pleaseEnterYourPassword,
hintText: '******',
password: true);
if (password == null) return;
final success = await SimpleDialogs(context).tryRequestWithLoadingDialog(
2020-08-16 12:54:43 +02:00
matrix.client.deleteDevices(deviceIds,
2020-06-10 10:07:01 +02:00
auth: matrix.getAuthByPassword(password)));
2020-02-19 16:23:13 +01:00
if (success != false) {
reload();
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
2020-05-07 07:52:40 +02:00
appBar: AppBar(title: Text(L10n.of(context).devices)),
2020-02-19 16:23:13 +01:00
body: FutureBuilder<bool>(
future: _loadUserDevices(context),
builder: (BuildContext context, snapshot) {
if (snapshot.hasError) {
return Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Icon(Icons.error),
Text(snapshot.error.toString()),
],
),
);
}
if (!snapshot.hasData || this.devices == null) {
return Center(child: CircularProgressIndicator());
}
2020-06-10 10:07:01 +02:00
Function isOwnDevice = (Device userDevice) =>
2020-02-19 16:23:13 +01:00
userDevice.deviceId == Matrix.of(context).client.deviceID;
2020-06-10 10:07:01 +02:00
final devices = List<Device>.from(this.devices);
2020-05-13 15:58:59 +02:00
var thisDevice = devices.firstWhere(isOwnDevice, orElse: () => null);
2020-02-19 16:23:13 +01:00
devices.removeWhere(isOwnDevice);
2020-03-29 12:06:25 +02:00
devices.sort((a, b) => b.lastSeenTs.compareTo(a.lastSeenTs));
2020-02-19 16:23:13 +01:00
return Column(
children: <Widget>[
if (thisDevice != null)
UserDeviceListItem(
thisDevice,
remove: (d) => _removeDevicesAction(context, [d]),
),
Divider(height: 1),
if (devices.isNotEmpty)
ListTile(
title: Text(
2020-05-07 07:52:40 +02:00
L10n.of(context).removeAllOtherDevices,
2020-02-19 16:23:13 +01:00
style: TextStyle(color: Colors.red),
),
trailing: Icon(Icons.delete_outline),
onTap: () => _removeDevicesAction(context, devices),
),
Divider(height: 1),
Expanded(
child: devices.isEmpty
? Center(
child: Icon(
Icons.devices_other,
size: 60,
color: Theme.of(context).secondaryHeaderColor,
),
)
: ListView.separated(
separatorBuilder: (BuildContext context, int i) =>
Divider(height: 1),
itemCount: devices.length,
itemBuilder: (BuildContext context, int i) =>
UserDeviceListItem(
devices[i],
remove: (d) => _removeDevicesAction(context, [d]),
),
),
),
],
);
},
),
);
}
}
class UserDeviceListItem extends StatelessWidget {
2020-06-10 10:07:01 +02:00
final Device userDevice;
2020-02-19 16:23:13 +01:00
final Function remove;
const UserDeviceListItem(this.userDevice, {this.remove, Key key})
: super(key: key);
@override
Widget build(BuildContext context) {
return PopupMenuButton(
onSelected: (String action) {
2020-05-13 15:58:59 +02:00
if (action == 'remove' && remove != null) {
2020-02-19 16:23:13 +01:00
remove(userDevice);
}
},
itemBuilder: (BuildContext context) => [
PopupMenuItem<String>(
2020-05-13 15:58:59 +02:00
value: 'remove',
2020-05-07 07:52:40 +02:00
child: Text(L10n.of(context).removeDevice,
2020-02-19 16:23:13 +01:00
style: TextStyle(color: Colors.red)),
),
],
child: ListTile(
contentPadding: EdgeInsets.all(16.0),
title: Row(
children: <Widget>[
2020-03-29 12:06:25 +02:00
Expanded(
child: Text(
(userDevice.displayName?.isNotEmpty ?? false)
? userDevice.displayName
2020-05-07 07:52:40 +02:00
: L10n.of(context).unknownDevice,
2020-03-29 12:06:25 +02:00
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
),
2020-02-19 16:23:13 +01:00
Text(userDevice.lastSeenTs.localizedTimeShort(context)),
],
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
2020-05-13 15:58:59 +02:00
Text('${L10n.of(context).id}: ${userDevice.deviceId}'),
Text('${L10n.of(context).lastSeenIp}: ${userDevice.lastSeenIp}'),
2020-02-19 16:23:13 +01:00
],
),
),
);
}
}