channel and message lists

flutter/lib/pages/account/login.dart

@@ -33,12 +33,13 @@ class _AccountLoginPageState extends State<AccountLoginPage> {
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    return Padding(
+      padding: const EdgeInsets.all(16.0),
       child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
-          SizedBox(
-            width: 250,
+          FractionallySizedBox(
+            widthFactor: 1.0,
             child: TextField(
               controller: _ctrlUserID,
               decoration: const InputDecoration(
@@ -48,8 +49,8 @@ class _AccountLoginPageState extends State<AccountLoginPage> {
             ),
           ),
           const SizedBox(height: 16),
-          SizedBox(
-            width: 250,
+          FractionallySizedBox(
+            widthFactor: 1.0,
             child: TextField(
               controller: _ctrlToken,
               decoration: const InputDecoration(

flutter/lib/pages/channel_list/channel_list_item.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+
+import '../../models/channel.dart';
+
+class ChannelListItem extends StatelessWidget {
+  const ChannelListItem({
+    required this.channel,
+    super.key,
+  });
+
+  final Channel channel;
+
+  @override
+  Widget build(BuildContext context) => ListTile(
+        leading: const SizedBox(width: 40, height: 40, child: const Placeholder()),
+        title: Text(channel.internalName),
+      );
+}

flutter/lib/pages/channel_list/root.dart

@@ -0,0 +1,64 @@
+import 'package:flutter/material.dart';
+import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+import 'package:provider/provider.dart';
+import 'package:simplecloudnotifier/api/api_client.dart';
+import 'package:simplecloudnotifier/models/channel.dart';
+
+import '../../state/user_account.dart';
+import 'channel_list_item.dart';
+
+class ChannelRootPage extends StatefulWidget {
+  const ChannelRootPage({super.key});
+
+  @override
+  State<ChannelRootPage> createState() => _ChannelRootPageState();
+}
+
+class _ChannelRootPageState extends State<ChannelRootPage> {
+  final PagingController<int, Channel> _pagingController = PagingController(firstPageKey: 0);
+
+  late UserAccount userAcc;
+
+  @override
+  void initState() {
+    _pagingController.addPageRequestListener((pageKey) {
+      _fetchPage(pageKey);
+    });
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _pagingController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _fetchPage(int pageKey) async {
+    final acc = Provider.of<UserAccount>(context, listen: false);
+
+    if (acc.auth == null) {
+      _pagingController.error = 'Not logged in';
+      return;
+    }
+
+    try {
+      final items = await APIClient.getChannelList(acc.auth!, ChannelSelector.all);
+
+      _pagingController.appendLastPage(items);
+    } catch (error) {
+      _pagingController.error = error;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PagedListView<int, Channel>(
+      pagingController: _pagingController,
+      builderDelegate: PagedChildBuilderDelegate<Channel>(
+        itemBuilder: (context, item, index) => ChannelListItem(
+          channel: item,
+        ),
+      ),
+    );
+  }
+}

flutter/lib/pages/message_list/message_list.dart

@@ -1,19 +1,72 @@
 import 'package:flutter/material.dart';
+import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
+import 'package:provider/provider.dart';
+import 'package:simplecloudnotifier/api/api_client.dart';
 
-class MessageListPage extends StatelessWidget {
-  final String title;
+import '../../models/message.dart';
+import '../../state/user_account.dart';
+import 'message_list_item.dart';
 
-  const MessageListPage({super.key, required this.title});
+class MessageListPage extends StatefulWidget {
+  const MessageListPage({super.key});
+
+  @override
+  State<MessageListPage> createState() => _MessageListPageState();
+}
+
+class _MessageListPageState extends State<MessageListPage> {
+  static const _pageSize = 20; //TODO
+
+  final PagingController<String, Message> _pagingController = PagingController(firstPageKey: '@start');
+
+  @override
+  void initState() {
+    _pagingController.addPageRequestListener((pageKey) {
+      _fetchPage(pageKey);
+    });
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    _pagingController.dispose();
+    super.dispose();
+  }
+
+  Future<void> _fetchPage(String thisPageToken) async {
+    final acc = Provider.of<UserAccount>(context, listen: false);
+
+    if (acc.auth == null) {
+      _pagingController.error = 'Not logged in';
+      return;
+    }
+
+    try {
+      final [npt, newItems] = await APIClient.getMessageList(acc.auth!, thisPageToken, _pageSize);
+
+      if (npt == '@end') {
+        _pagingController.appendLastPage(newItems);
+      } else {
+        _pagingController.appendPage(newItems, npt);
+      }
+    } catch (error) {
+      _pagingController.error = error;
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      body: Center(
-        child: Text(
-          title,
-          style: const TextStyle(fontSize: 24),
+    return PagedListView<String, Message>(
+      pagingController: _pagingController,
+      builderDelegate: PagedChildBuilderDelegate<Message>(
+        itemBuilder: (context, item, index) => MessageListItem(
+          message: item,
         ),
       ),
     );
   }
+
+  void _createChannel() {
+    //TODO
+  }
 }

flutter/lib/pages/message_list/message_list_item.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+import 'package:simplecloudnotifier/models/message.dart';
+
+class MessageListItem extends StatelessWidget {
+  const MessageListItem({
+    required this.message,
+    super.key,
+  });
+
+  final Message message;
+
+  @override
+  Widget build(BuildContext context) => ListTile(
+        leading: const SizedBox(width: 40, height: 40, child: const Placeholder()),
+        title: Text(message.messageID),
+      );
+}

flutter/lib/pages/settings/root.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+
+class SettingsRootPage extends StatefulWidget {
+  const SettingsRootPage({super.key});
+
+  @override
+  State<SettingsRootPage> createState() => _SettingsRootPageState();
+}
+
+class _SettingsRootPageState extends State<SettingsRootPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Text('Settings'),
+    );
+  }
+}