lib/api_service.dart

@@ -1,6 +1,3 @@
-// this file should handle most of the API calls
-// it also builds some widgets, but it will be modulated later
-
 import 'package:crab_ui/structs.dart';
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
@@ -9,25 +6,48 @@ import 'dart:ui_web' as ui;
 import 'augment.dart';
 import 'dart:html' as html;
 
+//data structure
+class MailAddress {
+  final String? name;
+  final String address;
+  MailAddress({this.name, required this.address});
 
-class ApiService {
+  factory MailAddress.fromJson(Map<String, dynamic> json) {
-  // List emails = [];
+    return MailAddress(
+      name: json['name'],
+      address: json['address'],
+    );
+  }
+
+  @override
+  String toString() {
+    // TODO: implement toString
+    return '${name} <${address}>';
+  }
+}
+
+class EmailPage extends StatefulWidget {
+  const EmailPage({super.key});
+  final String title = 'Emails';
+
+  @override
+  State<EmailPage> createState() => EmailPageState();
+}
+
+class EmailPageState extends State<EmailPage> {
+  List emails = [];
+
+  void _displayEmailsFromFolder(String folder) async {
+    List<GetThreadResponse> allEmails = []; //all the emails
 
-  Future<List<GetThreadResponse>> fetchEmailsFromFolder(
-      String folder, int pagenitaion) async {
     try {
-      var url = Uri.http('127.0.0.1:3001', 'sorted_threads_by_date', {
+      var url = Uri.http('127.0.0.1:3001', 'sorted_threads_by_date',
-        'folder': folder,
+          {'folder': folder, 'limit': '10', 'offset': '0'});
-        'limit': '20',
-        'offset': pagenitaion.toString(),
-      });
       var response = await http.get(url);
-      // print(response);
+      print(response);
-      List<GetThreadResponse> allEmails = [];
-
       if (response.statusCode == 200) {
         List json = jsonDecode(response.body);
-        for (var item in json) {
+        for (var item in json.take(1)) {
           //each item in the json is a date
           if (item.length > 1 && item[0] is String && item[1] is List) {
             List<int> threadIDs = List<int>.from(item[1]);
@@ -36,25 +56,21 @@ class ApiService {
             }
           }
         }
-        return allEmails;
       } else {
         throw Exception('Failed to load threads');
       }
     } catch (e) {
       print('_displayEmailsFromFolder caught error: $e');
-      return [];
     }
     print("Done");
 
-    // setState(() {
+    setState(() {
-    //   emails = allEmails;
+      emails = allEmails;
-    // });
+    });
   }
 
   Future<void> fetchThreads(
-      //populates allEmails, which is the List that contains all the emails in a thread
+      int threadId, List<GetThreadResponse> allEmails) async {
-      int threadId,
-      List<GetThreadResponse> allEmails) async {
     try {
       var url =
           Uri.http('127.0.0.1:3001', 'get_thread', {'id': threadId.toString()});
@@ -75,7 +91,7 @@ class ApiService {
     }
   }
 
-  Future<String> fetchEmailContent(List<String> IDs) async {
+  Future<String> _getEmailContent(List<String> IDs) async {
     String content = r"""
     """;
 
@@ -88,7 +104,7 @@ class ApiService {
 
         if (response.statusCode == 200) {
           content += response.body;
-          content += "<p>end of mail</p><br><br><br><hr>";
+          content += "<p>end of mail</p><br><br><br>";
         }
       }
     } catch (e) {
@@ -97,20 +113,136 @@ class ApiService {
     return content;
   }
 
-  // void _addMailBox async(BuildContext context){
+  Future<List<Widget>> getDrawerItems(BuildContext context) async {
-  //   //add email folder
+    List<String> drawerItems = [];
-  //   showDialog(context: context, builder: builder)
-  // }
 
-  Future<List<String>> fetchFolders() async {
     try {
       var url = Uri.http('127.0.0.1:3001', 'folders');
       var response = await http.get(url);
-      return List<String>.from(json.decode(response.body));
+      drawerItems = List<String>.from(json.decode(response.body));
     } catch (e) {
-      print('fetchFolders caught error: $e');
+      print('getDrawerItems caught error: $e');
-      return [];
     }
+
+    List<Widget> drawerWidgets = [];
+
+    for (String item in drawerItems) {
+      drawerWidgets.add(
+        ListTile(
+          leading: Icon(Icons.mail),
+          title: Text(item),
+          onTap: () {
+            _displayEmailsFromFolder(item);
+            Navigator.pop(context);
+          },
+        ),
+      );
+    }
+
+    return drawerWidgets;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        title: Text(widget.title),
+      ),
+      drawer: Drawer(
+        child: FutureBuilder<List<Widget>>(
+          future: getDrawerItems(
+              context), // call the async function to get the future
+          builder:
+              (BuildContext context, AsyncSnapshot<List<Widget>> snapshot) {
+            if (snapshot.connectionState == ConnectionState.waiting) {
+              // While data is loading, show a progress indicator
+              return Center(child: CircularProgressIndicator());
+            } else if (snapshot.hasError) {
+              // If something went wrong, show an error message
+              return Center(child: Text('Error: ${snapshot.error}'));
+            } else {
+              // When data is fetched successfully, display the items
+              return ListView(
+                padding: EdgeInsets.zero,
+                children:
+                    snapshot.data!, // Unwrap the data once confirmed it's there
+              );
+            }
+          },
+        ),
+      ),
+      body: EmailListScreen(
+        emails: emails,
+        getEmailContent: _getEmailContent,
+        // getJsonEmail: _getThreadMessagesJson
+      ),
+    );
+  }
+}
+
+class EmailListScreen extends StatelessWidget {
+  //this is the bulding of the drawer with all emails
+  // try to only get the subject and id, date, sender to make it faster
+  final List emails;
+  final Future<String> Function(List<String>) getEmailContent;
+
+  EmailListScreen({
+    required this.emails,
+    required this.getEmailContent,
+  });
+  // instead of getting the entire email, just the from, text, subject, and id
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Emails'),
+      ),
+      body: ListView.separated(
+        itemCount: emails.length,
+        itemBuilder: (context, index) {
+          return ListTile(
+              title: Text(emails[index].from_name,
+                  style: TextStyle(fontWeight: FontWeight.bold)),
+              subtitle: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Text(emails[index].subject),
+                ],
+              ),
+              trailing: Text(emails[index].date.toString()),
+              //here we assign each part of json to a var, this could be changed so it only happens,
+              // when clicking on email for modularity
+              onTap: () async {
+                String emailContent =
+                    await getEmailContent(emails[index].messages);
+                String fromName = emails[index].from_name.toString();
+                String fromAddress = emails[index].from_address.toString();
+                String to = emails[index].to.toString();
+                String subject = emails[index].subject.toString();
+                String date = emails[index].date.toString();
+                String id = emails[index].id.toString();
+
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                      builder: (context) => EmailView(
+                            emailContent: emailContent,
+                            from: fromAddress,
+                            name: fromName,
+                            to: to,
+                            subject: subject,
+                            date: date,
+                            id: id,
+                          )),
+                );
+              });
+        },
+        separatorBuilder: (context, index) {
+          return Divider();
+        },
+      ),
+    );
   }
 }
 

lib/email.dart

@@ -1,94 +1,228 @@
-import 'package:flutter/material.dart';
+// import 'package:flutter/material.dart';
-import 'api_service.dart';
+// import 'package:http/http.dart' as http;
-import 'structs.dart';
+// import 'dart:convert';
+// import 'dart:ui_web' as ui;
+// import 'dart:html' as html;
 
-class EmailListScreen extends StatelessWidget {
+// // import 'package:flutter_html/flutter_html.dart';
-  final List<GetThreadResponse> emails;
-  final Future<String> Function(List<String>) getEmailContent;
 
-  EmailListScreen({required this.emails, required this.getEmailContent});
+// class SerializableMessage {
+//   final String name;
+//   final String from;
+//   final String path;
+//   final String subject;
+//   final String date;
 
-  @override
+//   SerializableMessage(
-  Widget build(BuildContext context) {
+//       {required this.name,
-    return Scaffold(
+//       required this.from,
-      body: ListView.separated(
+//       required this.path,
-        itemCount: emails.length,
+//       required this.subject,
-        itemBuilder: (context, index) {
+//       required this.date});
-          final email = emails[index];
-          return ListTile(
-            title: Text(email.from_name,
-                style: TextStyle(fontWeight: FontWeight.bold)),
-            subtitle: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [Text(email.subject)],
-            ),
-            trailing: Text(email.date.toString()),
-            onTap: () async {
-              String emailContent = await getEmailContent(email.messages);
-              Navigator.push(
-                context,
-                MaterialPageRoute(
-                  builder: (context) => EmailView(
-                    emailContent: emailContent,
-                    from: email.from_address,
-                    name: email.from_name,
-                    to: email.to.toString(),
-                    subject: email.subject,
-                    date: email.date.toString(),
-                    id: email.id.toString(),
-                  ),
-                ),
-              );
-            },
-          );
-        },
-        separatorBuilder: (context, index) => Divider(),
-      ),
-    );
-  }
-}
 
-class EmailPage extends StatefulWidget {
+//   factory SerializableMessage.fromJson(Map<String, dynamic> json) {
-  EmailPage({Key? key}) : super(key: key);
+//     return SerializableMessage(
-  String selectedFolder = "INBOX";
+//         name: json['name'],
+//         from: json['from'],
+//         path: json['path'],
+//         subject: json['subject'],
+//         date: json['date']);
+//   }
+// }
 
-  @override
+// class EmailPage extends StatefulWidget {
-  EmailPageState createState() => EmailPageState();
+//   const EmailPage({super.key});
-}
+//   final String title = 'cars';
 
-class EmailPageState extends State<EmailPage> {
+//   @override
-  final ApiService apiService = ApiService();
+//   State<EmailPage> createState() => _EmailPageState();
-  List<GetThreadResponse> emails = [];
+// }
 
-  void updateSelectedFolder(String folder) {
+// class _EmailPageState extends State<EmailPage> {
-    setState(() {
+//   List emails = [];
-      widget.selectedFolder = folder;
+//   //  @override
-    });
+//   // void initState() {
-    print(folder);
+//   //   super.initState();
-    _fetchEmails();
+//   // }
-  }
+//   //register the html element
+//   ui.platformViewRegistry.registerViewFactory(
+//     'html-view',
+//     (int viewId) => html.IFrameElement()
+//       ..width = '100%'
+//       ..height = '100%'
+//       ..srcdoc = r"""
+// """
+//       ..style.border = 'none',
+//   );
  
-  void _fetchEmails() async {
+//   void _displayEmailsFromFolder(String folder) async {
-    // print(selectedFolder)
+//     Map<String, List<SerializableMessage>> messagesMap = {};
-    try {
-      List<GetThreadResponse> fetchedEmails =
-          await apiService.fetchEmailsFromFolder(widget.selectedFolder, 0);
-      setState(() {
-        emails = fetchedEmails; // Update the list of emails
-      });
-    } catch (e) {
-      print('Error fetching emails: $e');
-    }
-  }
 
-  @override
+//     try {
-  Widget build(BuildContext context) {
+//       var url = Uri.http(
-    _fetchEmails();
+//           '127.0.0.1:3001', 'sorted_threads_by_date', {'folder': folder});
-    return Scaffold(
+//       var response = await http.get(url);
-      body: EmailListScreen(
+
-        emails: emails,
+//       Map<String, dynamic> json = jsonDecode(response.body);
-        getEmailContent: apiService.fetchEmailContent,
+
-      ),
+//       json.forEach((key, value) {
-    );
+//         List<SerializableMessage> messages = (value as List)
-  }
+//             .map((item) => SerializableMessage.fromJson(item))
-}
+//             .toList();
+//         messagesMap[key] = messages;
+//       });
+//     } catch (e) {
+//       print('_displayEmailsFromFolder caught error: $e');
+//     }
+//     setState(() {
+//       emails.clear();
+//       emails = messagesMap.values.toList().expand((list) => list).toList();
+//       ;
+//     });
+//   }
+
+//   Future<List<Widget>> _getDrawerItems() async {
+//     List<String> drawerItems = [];
+
+//     try {
+//       var url = Uri.http('127.0.0.1:3001', 'folders');
+//       var response = await http.get(url);
+//       drawerItems = List<String>.from(json.decode(response.body));
+//     } catch (e) {
+//       print('_getDrawerItems caught error: $e');
+//     }
+
+//     List<Widget> drawerWidgets = [];
+
+//     for (String item in drawerItems) {
+//       drawerWidgets.add(
+//         ListTile(
+//           leading: Icon(Icons.mail),
+//           title: Text(item),
+//           onTap: () {
+//             _displayEmailsFromFolder(item);
+//             Navigator.pop(context);
+//           },
+//         ),
+//       );
+//     }
+
+//     return drawerWidgets;
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Scaffold(
+//       appBar: AppBar(
+//         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+//         title: Text(widget.title),
+//       ),
+//       drawer: Drawer(
+//         child: FutureBuilder<List<Widget>>(
+//           future:
+//               _getDrawerItems(), // call the async function to get the future
+//           builder:
+//               (BuildContext context, AsyncSnapshot<List<Widget>> snapshot) {
+//             if (snapshot.connectionState == ConnectionState.waiting) {
+//               // While data is loading, show a progress indicator
+//               return Center(child: CircularProgressIndicator());
+//             } else if (snapshot.hasError) {
+//               // If something went wrong, show an error message
+//               return Center(child: Text('Error: ${snapshot.error}'));
+//             } else {
+//               // When data is fetched successfully, display the items
+//               return ListView(
+//                 padding: EdgeInsets.zero,
+//                 children:
+//                     snapshot.data!, // Unwrap the data once confirmed it's there
+//               );
+//             }
+//           },
+//         ),
+//       ),
+//       body: EmailListScreen(
+//         emails: emails,
+//       ),
+//     );
+//   }
+// }
+
+// class EmailListScreen extends StatelessWidget {
+//   List emails;
+//   EmailListScreen({required this.emails});
+
+//   @override
+//   Widget build(BuildContext context) {
+//     print(emails);
+//     return Scaffold(
+//       appBar: AppBar(
+//         title: Text('Emails'),
+//       ),
+//       body: ListView.separated(
+//         itemCount: emails.length,
+//         itemBuilder: (context, index) {
+//           return ListTile(
+//               title: Text(emails[index].from,
+//                   style: TextStyle(fontWeight: FontWeight.bold)),
+//               subtitle: Column(
+//                 crossAxisAlignment: CrossAxisAlignment.start,
+//                 children: [
+//                   Text(emails[index].subject),
+//                 ],
+//               ),
+//               trailing: Text(emails[index].date.toString()),
+//               onTap: () {
+//                 Navigator.push(
+//                   context,
+//                   MaterialPageRoute(
+//                       builder: (context) => EmailView(emailContent: "")),
+//                 );
+//               });
+//         },
+//         separatorBuilder: (context, index) {
+//           return Divider();
+//         },
+//       ),
+//     );
+//   }
+// }
+
+// class HtmlContentWidget extends StatelessWidget {
+//   @override
+//   Widget build(BuildContext context) {
+//     return Container(
+//       width: 800,
+//       height: 10000,
+//       child: HtmlElementView(viewType: 'html-view'),
+//     );
+//   }
+// }
+
+// class EmailView extends StatelessWidget {
+//   final String emailContent;
+
+//   EmailView({required this.emailContent});
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Scaffold(
+//         appBar: AppBar(
+//           title: Text("HTML Content"),
+//         ),
+//         body: Container(
+//           width: 800,
+//           height: 10000,
+//           child: HtmlElementView(
+//             viewType: 'html-view',
+//           ),
+//         )
+
+//         // Text(
+//         //   """
+//         //   <h1>Heading</h1>
+//         //   <p>This is a <strong>simple</strong> HTML example.</p>
+//         //   """,
+//         // ),
+//         );
+//   }r
+// }

lib/folder_drawer.dart

@@ -1,65 +0,0 @@
-//drawer with the folders for emails a.k.a mailboxes
-
-import 'package:flutter/material.dart';
-import 'api_service.dart';
-
-class FolderDrawer extends StatefulWidget {
-  ApiService apiService;
-  Function(String) onFolderTap;
-
-  FolderDrawer({required this.apiService, required this.onFolderTap});
-
-  @override
-  _FolderDrawerState createState() => _FolderDrawerState();
-}
-
-class _FolderDrawerState extends State<FolderDrawer> {
-  List<String> folders = [];
-
-  @override
-  void initState() {
-    super.initState();
-    _fetchFolders();
-  }
-
-  Future<void> _fetchFolders() async {
-    try {
-      List<String> fetchedFolders = await widget.apiService.fetchFolders();
-      setState(() {
-        folders = fetchedFolders;
-      });
-    } catch (e) {
-      print('Error fetching folders: $e');
-    }
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Drawer(
-      child: ListView(
-        padding: EdgeInsets.zero,
-        children: [
-          ...folders.map((folder) {
-            return ListTile(
-              leading: Icon(Icons.mail),
-              title: Text(folder),
-              onTap: () {
-                widget.onFolderTap(folder);
-                Navigator.pop(
-                    context); // Close the drawer after selecting a folder
-              },
-            );
-          }).toList(),
-          ListTile(
-            leading: Icon(Icons.refresh),
-            title: Text('Refresh Folders'),
-            onTap: () {
-              _fetchFolders(); // Refresh folders when this tile is tapped
-              Navigator.pop(context); // Close the drawer after refresh
-            },
-          ),
-        ],
-      ),
-    );
-  }
-}

lib/home_page.dart

@@ -1,37 +1,27 @@
-import 'package:crab_ui/folder_drawer.dart';
+// import 'package:crab_ui/email.dart';
-import 'package:flutter/widgets.dart';
 import 'api_service.dart';
 import 'package:flutter/material.dart';
 import 'email.dart';
+import 'api_service.dart';
+import 'dart:html' as html;
+import 'dart:ui_web' as ui;
 
 class HomeScreen extends StatefulWidget {
   @override
   _HomeScreenState createState() => _HomeScreenState();
 }
 
-
 class _HomeScreenState extends State<HomeScreen> {
-  final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
-  final GlobalKey<EmailPageState> _emailPageKey = GlobalKey<EmailPageState>();
-  ApiService apiService = ApiService();
-  bool _isSidebarOpen = true;
-
   @override
   void initState() {
     super.initState();
   }
 
+    bool _isSidebarOpen = true;
 
     @override
     Widget build(BuildContext context) {
       return Scaffold(
-      key: _scaffoldKey,
-      drawer: FolderDrawer(
-        apiService: apiService,
-        onFolderTap: (folder) {
-          _emailPageKey.currentState?.updateSelectedFolder(folder);
-        },
-      ),
         body: Stack(
           children: [
             Row(
@@ -59,7 +49,11 @@ class _HomeScreenState extends State<HomeScreen> {
                         ListTile(
                           leading: Icon(Icons.email),
                           onTap: () {
-                          _scaffoldKey.currentState?.openDrawer();
+                            Navigator.push(
+                              context,
+                              MaterialPageRoute(
+                                  builder: (context) => EmailPage()),
+                            );
                           },
                         ),
                         Spacer(),
@@ -126,9 +120,11 @@ class _HomeScreenState extends State<HomeScreen> {
                           ],
                         ),
                       ), 
-                    Expanded(
+                      // Expanded(
-                      child: EmailPage(key: _emailPageKey),
+                      //   child: Center(
-                    )
+                      //     child: EmailPage(),
+                      //   ),
+                      // )
                     ],
                   ),
                 ),
@@ -151,35 +147,5 @@ class _HomeScreenState extends State<HomeScreen> {
         ),
       );
     }
-
-  void _showPopupMenu(BuildContext context, Offset position) async {
-    final RenderBox overlay =
-        Overlay.of(context).context.findRenderObject() as RenderBox;
-
-    await showMenu<String>(
-      context: context,
-      position: RelativeRect.fromLTRB(
-        position.dx,
-        position.dy,
-        overlay.size.width - position.dx,
-        overlay.size.height - position.dy,
-      ),
-      items: <PopupMenuEntry<String>>[
-        PopupMenuItem<String>(
-          value: 'Open',
-          child: Text('Open'),
-        ),
-        PopupMenuItem<String>(
-          value: 'Reply',
-          child: Text('Reply'),
-        ),
-        PopupMenuItem<String>(
-          value: 'Delete',
-          child: Text('Delete'),
-        ),
-      ],
-    );
-  }
   }
 
-//show popup menu

lib/main.dart

@@ -1,9 +1,8 @@
 import 'package:crab_ui/contact.dart';
 import 'package:flutter/material.dart';
 import 'home_page.dart';
-// import 'api_service.dart';
+import 'api_service.dart';
 import 'login.dart';
-import 'email.dart';
 
 void main() {
   WidgetsFlutterBinding.ensureInitialized();
@@ -26,7 +25,7 @@ class HyM extends StatelessWidget {
 
       routes: {
         "/login": (context) => const LoginPage(),
-        // "/email": (context) => EmailPage(),
+        "/email": (context) => EmailPage(),
         "/contacts": (context) => ContactsPage(),
       },
     );

lib/structs.dart

@@ -1,5 +1,3 @@
-//data structures
-
 import 'api_service.dart';
 
 
@@ -36,24 +34,7 @@ class GetThreadResponse {
   }
 }
 
-class MailAddress {
-  final String? name;
-  final String address;
-  MailAddress({this.name, required this.address});
 
-  factory MailAddress.fromJson(Map<String, dynamic> json) {
-    return MailAddress(
-      name: json['name'],
-      address: json['address'],
-    );
-  }
-
-  @override
-  String toString() {
-    // TODO: implement toString
-    return '${name} <${address}>';
-  }
-}
 // //old data structure
 // class SerializableMessage {
 //   final String name;