External/oott
1
0
Fork 0
mirror of https://github.com/rzuasti/oott.git synced 2026-07-08 19:21:54 +02:00
Code Issues Packages Projects Releases Wiki Activity

Frontend events are being returned from the API (yey!)

Browse Source
This commit is contained in:
rzuasti
2026-02-27 12:28:16 -05:00
parent 874a70969f
commit 2d64efa44b
14 changed files with 232 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/lib/events/events_list.dart
+52 -80
View File
@@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import 'package:frontend/utils/friendly_date_formatter.dart';
import '../utils/friendly_date_formatter.dart';
import '../model/event.dart';
import '../model/device_type.dart';
import '../utils/oott_api.dart';
class EventsList extends StatefulWidget {
@override
@@ -9,91 +9,63 @@ class EventsList extends StatefulWidget {
}
class _EventListState extends State<EventsList> {
// Dummy events to display
// TODO : Replace with API call
List<Event> events = <Event>[
Event(
id: 5,
title: 'New device found',
description: 'Apple device @ 192.168.0.1 with MAC 56:e7:e3:07:d2:d5',
isRead: false,
deviceType: DeviceType.phone,
dateTime: DateTime.now().subtract(Duration(minutes: 22)),
),
Event(
id: 4,
title: 'New device found',
description: 'Apple device @ 192.168.0.1 with MAC 56:e7:e3:07:d2:d5',
isRead: false,
deviceType: DeviceType.pc,
dateTime: DateTime.now().subtract(Duration(minutes: 87)),
),
Event(
id: 3,
title: 'New device found',
description: 'Apple device @ 192.168.0.1 with MAC 56:e7:e3:07:d2:d5',
isRead: false,
deviceType: DeviceType.tablet,
dateTime: DateTime.now().subtract(Duration(hours: 23)),
),
Event(
id: 2,
title: 'New device found',
description: 'Apple device @ 192.168.0.1 with MAC 56:e7:e3:07:d2:d5',
isRead: false,
deviceType: DeviceType.server,
dateTime: DateTime(2026, 01, 19, 14, 47),
),
Event(
id: 1,
title: 'New device found',
description: 'Apple device @ 192.168.0.1 with MAC 56:e7:e3:07:d2:d5',
isRead: false,
deviceType: DeviceType.phone,
dateTime: DateTime(2026, 01, 17, 14, 47),
),
];
bool _isLoading = true;
List<Event>? _events;
@override
void initState() {
super.initState();
_getData();
}
void _getData() async {
_events = await BackendAPI.instance.listNotifications();
_isLoading = false;
setState(() {});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Events')),
body: ListView.separated(
itemCount: events.length,
itemBuilder: (context, index) {
return Dismissible(
key: UniqueKey(),
onDismissed: (direction) {
setState(() {
events.removeAt(index);
});
body: _isLoading
? const Center(child: CircularProgressIndicator())
: ListView.separated(
itemCount: _events!.length,
itemBuilder: (context, index) {
return Dismissible(
key: UniqueKey(),
onDismissed: (direction) {
setState(() {
_events!.removeAt(index);
});
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Event marked as read'),
behavior: SnackBarBehavior.floating,
showCloseIcon: true,
),
);
},
background: Container(
color: Theme.of(context).colorScheme.primaryContainer,
alignment: Alignment.center,
child: Icon(Icons.done),
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Event marked as read'),
behavior: SnackBarBehavior.floating,
showCloseIcon: true,
),
);
},
background: Container(
color: Theme.of(context).colorScheme.primaryContainer,
alignment: Alignment.center,
child: Icon(Icons.done),
),
child: ListTile(
leading: Icon(_events![index].notificationType.icon),
title: Text(
'${FriendlyDateFormatter().format(_events![index].createdOn)} - ${_events![index].title}',
),
subtitle: Text(_events![index].body),
trailing: Icon(Icons.more_vert),
onTap: () {},
),
);
},
separatorBuilder: (context, index) => Divider(),
),
child: ListTile(
leading: Icon(events[index].deviceType.icon),
title: Text(
'${FriendlyDateFormatter().format(events[index].dateTime)} - ${events[index].title}',
),
subtitle: Text(events[index].description),
trailing: Icon(Icons.more_vert),
onTap: () {},
),
);
},
separatorBuilder: (context, index) => Divider(),
),
);
}
}