Implement auto-inserting post number to comment text box on click

lib/main.dart

@@ -36,7 +36,27 @@ class MyApp extends StatelessWidget {
         primarySwatch: Colors.indigo,
       ),
       home: MyHomePage(title: 'Wind'),
-      routes: {'/thread': (context) => ThreadScreen()},
+      onGenerateRoute: (settings) {
+        Widget? pageView;
+        if (settings.name != null) {
+          var uriData = Uri.parse(settings.name!);
+
+          switch (uriData.path) {
+            case '/thread':
+              pageView = ThreadScreen(
+                  threadNumber:
+                      int.parse(uriData.queryParametersAll['num']!.first));
+              break;
+            default:
+              pageView = MyHomePage(title: 'Wind');
+              break;
+          }
+        }
+        if (pageView != null) {
+          return MaterialPageRoute(
+              settings: settings, builder: (BuildContext context) => pageView!);
+        }
+      },
     );
   }
 }

lib/message_item_view.dart

@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:wind/thread_model.dart';
 
 class MessageItemView extends StatelessWidget {
   const MessageItemView({Key? key, required this.item, required this.isOpPost})
@@ -13,56 +15,60 @@ class MessageItemView extends StatelessWidget {
         margin: this.isOpPost ? EdgeInsets.only(bottom: 10) : EdgeInsets.all(0),
         child: Card(
             elevation: 5,
-            child: InkWell(
-              splashColor: Colors.indigo.withAlpha(30),
-              onTap: () => {},
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                mainAxisSize: MainAxisSize.min,
-                children: [
-                  isOpPost
-                      ? Container(
-                          child: Text(
-                            item.subject!,
-                            style: TextStyle(
-                                fontWeight: FontWeight.bold, fontSize: 21),
-                          ),
-                          margin: EdgeInsets.only(top: 16, left: 16, right: 16),
-                        )
-                      : Container(),
-                  Container(
-                    child: Row(
-                      children: [
-                        Text(
-                          item.author,
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                isOpPost
+                    ? Container(
+                        child: Text(
+                          item.subject!,
                           style: TextStyle(
-                              fontWeight: FontWeight.normal,
-                              color: Colors.blue,
-                              fontSize: 15),
+                              fontWeight: FontWeight.bold, fontSize: 21),
                         ),
-                        SizedBox(width: 5),
-                        Text(
-                          item.date,
-                          style: TextStyle(fontSize: 15),
-                        ),
-                        SizedBox(width: 5),
-                        Text(
+                        margin: EdgeInsets.only(top: 16, left: 16, right: 16),
+                      )
+                    : Container(),
+                Container(
+                  child: Row(
+                    children: [
+                      Text(
+                        item.author,
+                        style: TextStyle(
+                            fontWeight: FontWeight.normal,
+                            color: Colors.blue,
+                            fontSize: 15),
+                      ),
+                      SizedBox(width: 5),
+                      Text(
+                        item.date,
+                        style: TextStyle(fontSize: 15),
+                      ),
+                      SizedBox(width: 5),
+                      InkWell(
+                        child: Text(
                           "#${item.number}",
                           style: TextStyle(fontSize: 15, color: Colors.grey),
-                        )
-                      ],
-                    ),
-                    margin: isOpPost
-                        ? EdgeInsets.only(
-                            top: 5, bottom: 2, left: 16, right: 16)
-                        : EdgeInsets.only(top: 16, left: 16),
+                        ),
+                        onTap: () {
+                          var model =
+                              Provider.of<ThreadModel>(context, listen: false);
+                          model.commentTextController.text +=
+                              ">>${item.number}\n";
+                        },
+                      )
+                    ],
                   ),
-                  Container(
-                    child: Text(item.body, style: TextStyle(fontSize: 17)),
-                    margin: EdgeInsets.all(16),
-                  )
-                ],
-              ),
+                  margin: isOpPost
+                      ? EdgeInsets.only(top: 5, bottom: 2, left: 16, right: 16)
+                      : EdgeInsets.only(top: 16, left: 16),
+                ),
+                Container(
+                  child:
+                      SelectableText(item.body, style: TextStyle(fontSize: 17)),
+                  margin: EdgeInsets.all(16),
+                )
+              ],
             )));
   }
 }

lib/newsgroup_list_view.dart

@@ -40,6 +40,7 @@ class NewsgroupListViewState extends State<NewsgroupListView> {
 
   Widget _newsgroupListView(List<GroupInfo> data) {
     return ListView.builder(
+        controller: ScrollController(),
         itemCount: data.length,
         itemBuilder: (context, index) {
           return ListTile(

lib/nntp_client.dart

@@ -127,14 +127,18 @@ class NNTPClient {
     return threads;
   }
 
-  Future<List<Tuple2<int, MimeMessage>>> getThread(
-      int threadNumber) async {
+  Future<MimeMessage> getPost(int postNumber) async {
+    var resp = await _sendCommand("ARTICLE", [postNumber.toString()]);
+    resp.lines.removeLast();
+    return MimeMessage.parseFromText(resp.lines.join("\r\n"));
+  }
+
+  Future<List<Tuple2<int, MimeMessage>>> getThread(int threadNumber) async {
     if (currentGroup == null) throw new ArgumentError("current group is null");
 
     List<Tuple2<int, MimeMessage>> threads = [];
 
-    var newThreadList = await _sendCommand(
-        "THREAD", [threadNumber.toString()]);
+    var newThreadList = await _sendCommand("THREAD", [threadNumber.toString()]);
 
     newThreadList.lines.removeAt(0);
     newThreadList.lines.removeLast(); // remove dot

lib/thread_list_view.dart

@@ -56,30 +56,33 @@ class ThreadListViewState extends State<ThreadListView> {
 
   Widget _threadView() {
     return _items.isNotEmpty
-        ? ListView.builder(
-            itemCount: _items.length,
-            itemBuilder: (context, index) {
-              if (_items[index].number == -100500) {
-                return Container(
-                  height: 100,
-                  padding: EdgeInsets.all(20),
-                  child: TextButton(
-                    style: ButtonStyle(
-                      foregroundColor:
-                          MaterialStateProperty.all<Color>(Colors.blue),
-                    ),
-                    onPressed: () {
-                      setState(() {
-                        _pageNum += 1;
-                        _items.removeLast();
-                      });
-                    },
-                    child: Text('Load more'),
-                  ),
-                );
-              } else
-                return ThreadListItemView(item: _items[index]);
-            })
+        ? Scrollbar(
+            child: ListView.builder(
+                key: PageStorageKey("threadList"),
+                itemCount: _items.length,
+                itemBuilder: (context, index) {
+                  if (_items[index].number == -100500) {
+                    return Container(
+                      height: 100,
+                      padding: EdgeInsets.all(20),
+                      child: TextButton(
+                        style: ButtonStyle(
+                          foregroundColor:
+                              MaterialStateProperty.all<Color>(Colors.blue),
+                        ),
+                        onPressed: () {
+                          setState(() {
+                            _pageNum += 1;
+                            _items.removeLast();
+                          });
+                        },
+                        child: Text('Load more'),
+                      ),
+                    );
+                  } else
+                    return ThreadListItemView(item: _items[index]);
+                }),
+          )
         : Center(
             child: Text("This newsgroup is empty",
                 style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16)));
@@ -97,8 +100,8 @@ class ThreadListItemView extends StatelessWidget {
         elevation: 5,
         child: InkWell(
           splashColor: Colors.indigo.withAlpha(30),
-          onTap: () => Navigator.pushNamed(context, "/thread",
-              arguments: ThreadScreenArguments(item)),
+          onTap: () =>
+              Navigator.pushNamed(context, "/thread?num=${item.number}"),
           child: Column(
             crossAxisAlignment: CrossAxisAlignment.start,
             mainAxisSize: MainAxisSize.min,

lib/thread_model.dart

@@ -5,6 +5,19 @@ import 'package:wind/nntp_client.dart';
 class ThreadModel extends ChangeNotifier {
   NNTPClient? client;
 
+  var commentTextController = TextEditingController(text: "");
+
+  Future<MessageItem> getPost(int number) async {
+    var msg = await client!.getPost(number);
+    return MessageItem(
+        msg.getHeaderValue("Message-Id")!,
+        number,
+        msg.getHeaderValue("Subject")!,
+        msg.getHeaderValue("From")!,
+        msg.getHeaderValue("Date")!,
+        msg.decodeTextPlainPart()!);
+  }
+
   Future<List<MessageItem>> getThread(int threadNumber) async {
     if (client!.currentGroup == "") return [];
 

lib/thread_screen.dart

@@ -12,24 +12,27 @@ class ThreadScreenArguments {
 }
 
 class ThreadScreen extends StatefulWidget {
+  ThreadScreen({Key? key, required this.threadNumber}) : super(key: key);
+
+  late int threadNumber;
+
   @override
-  State<StatefulWidget> createState() => ThreadScreenState();
+  State<StatefulWidget> createState() => ThreadScreenState(threadNumber);
 }
 
 class ThreadScreenState extends State<ThreadScreen> {
+  ThreadScreenState(this.threadNumber);
+
   late NNTPClient client;
   late int threadNumber;
 
   @override
   Widget build(BuildContext context) {
-    var args =
-        ModalRoute.of(context)!.settings.arguments as ThreadScreenArguments;
     client = context.read<NNTPClient>();
-    threadNumber = args.item.number;
 
     return Scaffold(
       appBar: AppBar(
-        title: Text("Thread #${args.item.number}"),
+        title: Text("Thread #${this.threadNumber}"),
       ),
       body: Center(
           child: Container(
@@ -39,10 +42,7 @@ class ThreadScreenState extends State<ThreadScreen> {
           builder: (context, snapshot) {
             if (snapshot.hasData) {
               List<MessageItem> data = List.from(snapshot.data!);
-              data.insert(
-                  0,
-                  MessageItem(args.item.id, args.item.number, args.item.subject,
-                      args.item.author, args.item.date, args.item.body));
+              data.insert(1, MessageItem("reply", 0, "", "", "", "")); // reply
               return _listView(data);
             } else if (snapshot.hasError) {
               return Text("${snapshot.error}");
@@ -56,14 +56,97 @@ class ThreadScreenState extends State<ThreadScreen> {
 
   Future<List<MessageItem>> _fetch(BuildContext context) async {
     var model = context.read<ThreadModel>();
-    return await model.getThread(threadNumber);
+    List<MessageItem> posts = [];
+
+    var threadPosts = await model.getThread(threadNumber);
+    posts.addAll(threadPosts);
+    var opPost = await model.getPost(threadNumber);
+    posts.insert(0, opPost);
+
+    return posts;
   }
 
   Widget _listView(List<MessageItem> data) {
     return ListView.builder(
         itemCount: data.length,
         itemBuilder: (context, index) {
+          if (index == 1) {
+            return SendMessageForm();
+          }
           return MessageItemView(item: data[index], isOpPost: index == 0);
         });
   }
 }
+
+class SendMessageForm extends StatefulWidget {
+  const SendMessageForm({Key? key}) : super(key: key);
+
+  @override
+  SendMessageFormState createState() {
+    return SendMessageFormState();
+  }
+}
+
+// Create a corresponding State class.
+// This class holds data related to the form.
+class SendMessageFormState extends State<SendMessageForm> {
+  // Create a global key that uniquely identifies the Form widget
+  // and allows validation of the form.
+  //
+  // Note: This is a GlobalKey<FormState>,
+  // not a GlobalKey<MyCustomFormState>.
+  final _formKey = GlobalKey<FormState>();
+
+  @override
+  Widget build(BuildContext context) {
+    // Build a Form widget using the _formKey created above.
+    return Form(
+      key: _formKey,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Center(
+            child: Column(children: [
+              Consumer<ThreadModel>(
+                  builder: ((context, value, child) => TextFormField(
+                        controller: value.commentTextController,
+                        minLines: 5,
+                        keyboardType: TextInputType.multiline,
+                        maxLines: null,
+                        decoration: InputDecoration(
+                            border: OutlineInputBorder(), labelText: "Comment"),
+                        // The validator receives the text that the user has entered.
+                        validator: (value) {
+                          if (value == null || value.isEmpty) {
+                            return 'Please enter some text';
+                          }
+                          return null;
+                        },
+                      ))),
+              Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 16.0),
+                  child: Row(
+                      mainAxisAlignment: MainAxisAlignment.start,
+                      children: [
+                        ElevatedButton(
+                          onPressed: () {
+                            // Validate returns true if the form is valid, or false otherwise.
+                            if (_formKey.currentState!.validate()) {
+                              // If the form is valid, display a snackbar. In the real world,
+                              // you'd often call a server or save the information in a database.
+                              ScaffoldMessenger.of(context).showSnackBar(
+                                const SnackBar(
+                                    content: Text('Processing Data')),
+                              );
+                            }
+                          },
+                          child: const Text('Send'),
+                        )
+                      ]))
+            ]),
+          )
+        ],
+      ),
+    );
+  }
+}