✨ Auth tickets management
This commit is contained in:
@ -217,6 +217,16 @@ class _AuthorizedAccountScreen extends StatelessWidget {
|
||||
GoRouter.of(context).pushNamed('accountActionEvents');
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
title: Text('accountAuthTickets').tr(),
|
||||
subtitle: Text('accountAuthTicketsDescription').tr(),
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
|
||||
leading: const Icon(Symbols.confirmation_number),
|
||||
trailing: const Icon(Symbols.chevron_right),
|
||||
onTap: () {
|
||||
GoRouter.of(context).pushNamed('accountAuthTickets');
|
||||
},
|
||||
),
|
||||
ListTile(
|
||||
title: Text('accountSettings').tr(),
|
||||
subtitle: Text('accountSettingsSubtitle').tr(),
|
||||
|
||||
@ -2,10 +2,9 @@ import 'dart:convert';
|
||||
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_map/flutter_map.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:latlong2/latlong.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:relative_time/relative_time.dart';
|
||||
import 'package:styled_widget/styled_widget.dart';
|
||||
import 'package:surface/providers/sn_network.dart';
|
||||
import 'package:surface/types/account.dart';
|
||||
@ -71,12 +70,12 @@ class _ActionEventScreenState extends State<ActionEventScreen> {
|
||||
child: RefreshIndicator(
|
||||
onRefresh: () {
|
||||
_totalCount = null;
|
||||
_actionEvents.clear();
|
||||
return _fetchActionEvents();
|
||||
},
|
||||
child: InfiniteList(
|
||||
padding: EdgeInsets.only(left: 20, right: 8),
|
||||
itemCount: _actionEvents.length,
|
||||
isLoading: _isBusy,
|
||||
hasReachedMax:
|
||||
_totalCount != null && _actionEvents.length >= _totalCount!,
|
||||
onFetchData: _fetchActionEvents,
|
||||
@ -105,32 +104,26 @@ class _ActionEventScreenState extends State<ActionEventScreen> {
|
||||
if (event.ipAddress.isNotEmpty)
|
||||
Text(
|
||||
event.ipAddress,
|
||||
style: GoogleFonts.robotoMono(fontSize: 12),
|
||||
style: TextStyle(fontSize: 13),
|
||||
),
|
||||
if (event.location?.isNotEmpty ?? false)
|
||||
Text(event.location!)
|
||||
Text(event.location!),
|
||||
Row(
|
||||
children: [
|
||||
Text(DateFormat()
|
||||
.format(event.createdAt.toLocal()))
|
||||
.fontSize(12),
|
||||
Text(' · ')
|
||||
.fontSize(12)
|
||||
.padding(horizontal: 4),
|
||||
Text(RelativeTime(context)
|
||||
.format(event.createdAt.toLocal()))
|
||||
.fontSize(12),
|
||||
],
|
||||
).opacity(0.75).padding(top: 4),
|
||||
],
|
||||
),
|
||||
),
|
||||
if (event.location?.isNotEmpty ?? false)
|
||||
SizedBox(
|
||||
height: 180,
|
||||
child: FlutterMap(
|
||||
options: MapOptions(
|
||||
initialCenter: LatLng(
|
||||
event.coordinateX!,
|
||||
event.coordinateY!,
|
||||
),
|
||||
),
|
||||
children: [
|
||||
TileLayer(
|
||||
urlTemplate:
|
||||
'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
|
||||
userAgentPackageName: 'dev.solsynth.solian',
|
||||
),
|
||||
],
|
||||
),
|
||||
).padding(bottom: 6),
|
||||
if (event.metadata != null)
|
||||
ExpansionTile(
|
||||
minTileHeight: 40,
|
||||
|
||||
170
lib/screens/account/tickets.dart
Normal file
170
lib/screens/account/tickets.dart
Normal file
@ -0,0 +1,170 @@
|
||||
import 'package:easy_localization/easy_localization.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:gap/gap.dart';
|
||||
import 'package:material_symbols_icons/symbols.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import 'package:styled_widget/styled_widget.dart';
|
||||
import 'package:surface/providers/sn_network.dart';
|
||||
import 'package:surface/types/auth.dart';
|
||||
import 'package:surface/widgets/dialog.dart';
|
||||
import 'package:surface/widgets/loading_indicator.dart';
|
||||
import 'package:surface/widgets/navigation/app_scaffold.dart';
|
||||
import 'package:very_good_infinite_list/very_good_infinite_list.dart';
|
||||
|
||||
const Map<String, IconData> kAuthTicketIcon = {
|
||||
'ios': Symbols.ios,
|
||||
'android': Symbols.android,
|
||||
'macos': Symbols.computer,
|
||||
'windows nt': Symbols.laptop_windows,
|
||||
'linux': Symbols.laptop,
|
||||
};
|
||||
|
||||
class AccountAuthTicket extends StatefulWidget {
|
||||
const AccountAuthTicket({super.key});
|
||||
|
||||
@override
|
||||
State<AccountAuthTicket> createState() => _AccountAuthTicketState();
|
||||
}
|
||||
|
||||
class _AccountAuthTicketState extends State<AccountAuthTicket> {
|
||||
bool _isBusy = false;
|
||||
int? _totalCount;
|
||||
final List<SnAuthTicket> _authTickets = List.empty(growable: true);
|
||||
|
||||
Future<void> _fetchAuthTickets() async {
|
||||
setState(() => _isBusy = true);
|
||||
try {
|
||||
final sn = context.read<SnNetworkProvider>();
|
||||
final resp = await sn.client.get(
|
||||
'/cgi/id/users/me/tickets',
|
||||
queryParameters: {
|
||||
'take': 10,
|
||||
'offset': _authTickets.length,
|
||||
},
|
||||
);
|
||||
_totalCount = resp.data['count'];
|
||||
_authTickets.addAll(
|
||||
(resp.data['data'] as List<dynamic>)
|
||||
.map((e) => SnAuthTicket.fromJson(e)),
|
||||
);
|
||||
} catch (err) {
|
||||
if (!mounted) return;
|
||||
context.showErrorDialog(err);
|
||||
} finally {
|
||||
setState(() => _isBusy = false);
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _deleteAuthTicket(SnAuthTicket ticket) async {
|
||||
setState(() => _isBusy = true);
|
||||
try {
|
||||
final sn = context.read<SnNetworkProvider>();
|
||||
await sn.client.delete(
|
||||
'/cgi/id/users/me/tickets/${ticket.id}',
|
||||
);
|
||||
setState(() {
|
||||
_authTickets.remove(ticket);
|
||||
});
|
||||
} catch (err) {
|
||||
if (!mounted) return;
|
||||
context.showErrorDialog(err);
|
||||
} finally {
|
||||
setState(() => _isBusy = false);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchAuthTickets();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return AppScaffold(
|
||||
appBar: AppBar(
|
||||
leading: const PageBackButton(),
|
||||
title: Text('accountAuthTickets').tr(),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
LoadingIndicator(isActive: _isBusy),
|
||||
Expanded(
|
||||
child: RefreshIndicator(
|
||||
onRefresh: () {
|
||||
_totalCount = null;
|
||||
return _fetchAuthTickets();
|
||||
},
|
||||
child: InfiniteList(
|
||||
padding: EdgeInsets.zero,
|
||||
onFetchData: _fetchAuthTickets,
|
||||
isLoading: _isBusy,
|
||||
hasReachedMax:
|
||||
_totalCount != null && _authTickets.length >= _totalCount!,
|
||||
itemCount: _authTickets.length,
|
||||
itemBuilder: (context, idx) {
|
||||
final ticket = _authTickets[idx];
|
||||
final platform = RegExp(r'\(([^;]+);')
|
||||
.firstMatch(ticket.userAgent)
|
||||
?.group(1);
|
||||
return Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Icon(
|
||||
kAuthTicketIcon[platform!.toLowerCase()] ?? Symbols.web,
|
||||
),
|
||||
const Gap(12),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
ticket.ipAddress,
|
||||
style: TextStyle(fontSize: 15),
|
||||
),
|
||||
Text(ticket.userAgent).opacity(0.8),
|
||||
if (ticket.location?.isNotEmpty ?? false)
|
||||
const Gap(4),
|
||||
if (ticket.location?.isNotEmpty ?? false)
|
||||
Text(ticket.location!).opacity(0.8),
|
||||
const Gap(4),
|
||||
Text('authTicketCreatedAt'.tr(args: [
|
||||
(DateFormat().format(ticket.createdAt.toLocal()))
|
||||
])).fontSize(12).opacity(0.75),
|
||||
if (ticket.expiredAt != null)
|
||||
Text('authTicketExpiredAt'.tr(args: [
|
||||
(DateFormat()
|
||||
.format(ticket.expiredAt!.toLocal()))
|
||||
])).fontSize(12).opacity(0.75),
|
||||
if (ticket.lastGrantAt != null)
|
||||
Text('authTicketLastGrantAt'.tr(args: [
|
||||
(DateFormat()
|
||||
.format(ticket.lastGrantAt!.toLocal()))
|
||||
])).fontSize(12).opacity(0.75),
|
||||
const Gap(4),
|
||||
Text('#${ticket.id}').fontSize(11).opacity(0.75),
|
||||
],
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
iconSize: 20,
|
||||
visualDensity:
|
||||
VisualDensity(horizontal: -4, vertical: -4),
|
||||
constraints: const BoxConstraints(),
|
||||
padding: EdgeInsets.zero,
|
||||
icon: const Icon(Symbols.logout),
|
||||
onPressed: () {
|
||||
_deleteAuthTicket(ticket);
|
||||
},
|
||||
),
|
||||
],
|
||||
).padding(horizontal: 16, vertical: 12);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user