107 lines
3.8 KiB
Dart
107 lines
3.8 KiB
Dart
import 'package:universal_html/html.dart' as html;
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:nekoya_app/api/api.dart';
|
|
import 'package:nekoya_app/components/menu.dart';
|
|
import 'package:nekoya_app/components/session_box.dart';
|
|
import 'package:nekoya_app/data/auth.dart';
|
|
|
|
class Sessions extends StatefulWidget {
|
|
const Sessions({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<Sessions> createState() => _SessionsState();
|
|
}
|
|
|
|
class _SessionsState extends State<Sessions> {
|
|
Future<dynamic> loadSessions() async {
|
|
try {
|
|
var session = await getSession();
|
|
var data = await getSessions(session);
|
|
return data;
|
|
} catch (e) {
|
|
return [];
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xff1b1c1e),
|
|
appBar: AppBar(
|
|
title: const Text('Active Sessions'),
|
|
centerTitle: true,
|
|
backgroundColor: const Color(0xff212226),
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.logout),
|
|
onPressed: () {
|
|
removeSession();
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (BuildContext context) {
|
|
return AlertDialog(
|
|
title: const Text(
|
|
'Log out',
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
backgroundColor: const Color(0xff212226),
|
|
content: const SingleChildScrollView(
|
|
child: ListBody(
|
|
children: <Widget>[
|
|
Text('You have successfully logged out',
|
|
style: TextStyle(color: Colors.white)),
|
|
],
|
|
),
|
|
),
|
|
actions: <Widget>[
|
|
TextButton(
|
|
child: const Text(
|
|
'Close',
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
html.window.history.pushState(null, '', '');
|
|
Navigator.of(context).pushReplacement(
|
|
MaterialPageRoute(
|
|
builder: (context) =>
|
|
const Menu(initialScreen: 2)));
|
|
},
|
|
),
|
|
],
|
|
);
|
|
});
|
|
},
|
|
)
|
|
],
|
|
),
|
|
body: FutureBuilder<dynamic>(
|
|
future: loadSessions(),
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
var listSessions = snapshot.data;
|
|
return ListView.builder(
|
|
itemCount: listSessions['data']!.length,
|
|
itemBuilder: (context, index) {
|
|
return SessionBox(
|
|
icon: const Icon(
|
|
Icons.key,
|
|
color: Colors.white,
|
|
size: 50,
|
|
),
|
|
ip: listSessions['data'][index]['ip'].split(', ')[0],
|
|
userAgent: listSessions['data'][index]['user_agent'],
|
|
);
|
|
});
|
|
}
|
|
|
|
return const Center(
|
|
child: CircularProgressIndicator(
|
|
color: Color(0xff8B0000),
|
|
),
|
|
);
|
|
}));
|
|
}
|
|
}
|