import 'package:adaptive_dialog/adaptive_dialog.dart'; 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'; import '../components/adaptive_page_layout.dart'; import '../components/matrix.dart'; import '../utils/date_time_extension.dart'; 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 { List devices; Future _loadUserDevices(BuildContext context) async { if (devices != null) return true; devices = await Matrix.of(context).client.requestDevices(); return true; } void reload() => setState(() => devices = null); void _removeDevicesAction(BuildContext context, List devices) async { if (await showOkCancelAlertDialog( context: context, title: L10n.of(context).areYouSure, ) == OkCancelResult.cancel) return; var matrix = Matrix.of(context); var deviceIds = []; for (var userDevice in devices) { deviceIds.add(userDevice.deviceId); } final password = await showTextInputDialog( title: L10n.of(context).pleaseEnterYourPassword, context: context, textFields: [ DialogTextField( hintText: '******', obscureText: true, ) ], ); if (password == null) return; final success = await SimpleDialogs(context).tryRequestWithLoadingDialog( matrix.client.deleteDevices(deviceIds, auth: matrix.getAuthByPassword(password.single))); if (success != false) { reload(); } } void _renameDeviceAction(BuildContext context, Device device) async { final displayName = await showTextInputDialog( context: context, title: L10n.of(context).changeDeviceName, textFields: [ DialogTextField( hintText: device.displayName, ) ], ); if (displayName == null) return; final success = await SimpleDialogs(context).tryRequestWithLoadingDialog( Matrix.of(context) .client .setDeviceMetadata(device.deviceId, displayName: displayName.single), ); if (success != false) { reload(); } } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(L10n.of(context).devices)), body: FutureBuilder( future: _loadUserDevices(context), builder: (BuildContext context, snapshot) { if (snapshot.hasError) { return Center( child: Column( mainAxisSize: MainAxisSize.min, children: [ Icon(Icons.error_outlined), Text(snapshot.error.toString()), ], ), ); } if (!snapshot.hasData || this.devices == null) { return Center(child: CircularProgressIndicator()); } Function isOwnDevice = (Device userDevice) => userDevice.deviceId == Matrix.of(context).client.deviceID; final devices = List.from(this.devices); var thisDevice = devices.firstWhere(isOwnDevice, orElse: () => null); devices.removeWhere(isOwnDevice); devices.sort((a, b) => b.lastSeenTs.compareTo(a.lastSeenTs)); return Column( children: [ if (thisDevice != null) UserDeviceListItem( thisDevice, rename: (d) => _renameDeviceAction(context, d), remove: (d) => _removeDevicesAction(context, [d]), ), Divider(height: 1), if (devices.isNotEmpty) ListTile( title: Text( L10n.of(context).removeAllOtherDevices, 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], rename: (d) => _renameDeviceAction(context, d), remove: (d) => _removeDevicesAction(context, [d]), ), ), ), ], ); }, ), ); } } class UserDeviceListItem extends StatelessWidget { final Device userDevice; final Function remove; final Function rename; const UserDeviceListItem(this.userDevice, {this.remove, this.rename, Key key}) : super(key: key); @override Widget build(BuildContext context) { return PopupMenuButton( onSelected: (String action) { switch (action) { case 'remove': if (remove != null) remove(userDevice); break; case 'rename': if (rename != null) rename(userDevice); } }, itemBuilder: (BuildContext context) => [ PopupMenuItem( value: 'rename', child: Text(L10n.of(context).changeDeviceName), ), PopupMenuItem( value: 'remove', child: Text( L10n.of(context).removeDevice, style: TextStyle(color: Colors.red), ), ), ], child: ListTile( contentPadding: EdgeInsets.all(16.0), title: Row( children: [ Expanded( child: Text( (userDevice.displayName?.isNotEmpty ?? false) ? userDevice.displayName : L10n.of(context).unknownDevice, maxLines: 1, overflow: TextOverflow.ellipsis, ), ), Text(userDevice.lastSeenTs.localizedTimeShort(context)), ], ), subtitle: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text('${L10n.of(context).id}: ${userDevice.deviceId}'), Text('${L10n.of(context).lastSeenIp}: ${userDevice.lastSeenIp}'), ], ), ), ); } }