WIP: folders actions #5

Draft
Juan wants to merge 7 commits from login into main
4 changed files with 801 additions and 629 deletions

View File

@ -18,9 +18,11 @@ import 'dart:js' as js;
class ApiService { class ApiService {
static String ip = ""; static String ip = "";
static String port = ""; static String port = "";
static List<AttachmentResponse> threadAttachments = []; static List<AttachmentResponse> threadAttachments =
[]; //holds attachments of the thread
static String currFolder = ""; static String currFolder = "";
static List<String> currThread = []; static List<String> currThread = []; //holds the email ids of the thread
static String currThreadID = ""; //picked an email it prints the threadID
Future<List<GetThreadResponse>> fetchEmailsFromFolder( Future<List<GetThreadResponse>> fetchEmailsFromFolder(
String folder, int pagenitaion) async { String folder, int pagenitaion) async {
@ -31,7 +33,6 @@ class ApiService {
'offset': pagenitaion.toString(), 'offset': pagenitaion.toString(),
}); });
var response = await http.get(url); var response = await http.get(url);
// print(response);
List<GetThreadResponse> allEmails = []; List<GetThreadResponse> allEmails = [];
if (response.statusCode == 200) { if (response.statusCode == 200) {
@ -122,8 +123,8 @@ class ApiService {
if (response.statusCode == 200) { if (response.statusCode == 200) {
content += response.body; content += response.body;
try { try {
List<AttachmentInfo> attachments = await getAttachmentsInfo( List<AttachmentInfo> attachments =
emailFolder, id); await getAttachmentsInfo(emailFolder, id);
for (var attachment in attachments) { for (var attachment in attachments) {
//TODO: for each attachment creaate at the bottom a widget for each individual one //TODO: for each attachment creaate at the bottom a widget for each individual one
threadAttachments threadAttachments
@ -143,10 +144,71 @@ class ApiService {
return content; return content;
} }
// void _addMailBox async(BuildContext context){ Future<List<SerializableMessage>> threadsInSerializable(
// //add email folder String thread_id) async {
// showDialog(context: context, builder: builder) // grab all of the emails in thread anyways, for the future it'll come in handy
// } var url = Uri.http('$ip:$port', 'get_thread_messages', {'id': thread_id});
try {
var response = await http.get(url);
if (response.statusCode == 200) {
List json = jsonDecode(response.body);
List<SerializableMessage> serializableMessages = [];
for (var mail in json) {
serializableMessages.add(SerializableMessage.fromJson(mail));
}
return serializableMessages;
} else {
print(
"failed get request with status code ${response.statusCode}, and body ${response.body}");
}
} catch (e) {
print("caught in threadInSerializable method error: $e");
}
return [];
}
Future<bool> moveEmail(
//only moves the first email of the thread //or perhaps should do the last
String fromFolder,
String thread_id,
String toFolder) async {
var url = Uri.http('$ip:$port', 'move_email');
List<SerializableMessage> mailsInSerializable =
await this.threadsInSerializable(thread_id);
if (mailsInSerializable.isEmpty) {
return false;
}
SerializableMessage firstMail = mailsInSerializable[0];
Map<String, String> requestBody = {
'from': fromFolder,
'uid': firstMail.uid.toString(),
'to': toFolder,
};
try {
var response = await http.post(
url,
headers: {
'Content-Type': 'application/json',
},
body: jsonEncode(requestBody),
);
if (response.statusCode == 200) {
print('response body ${response.body}');
return true;
} else {
print('error ${response.statusCode} ${response.body}');
}
} catch (e) {
print("failed trying to post move_email, with error: $e");
}
return false;
}
Future<List<String>> fetchFolders() async { Future<List<String>> fetchFolders() async {
try { try {
@ -182,6 +244,31 @@ class ApiService {
} }
} }
Future<void> renameFolder(String oldFolder, String newFolder) async {
var url = Uri.http('$ip:$port', 'rename_folder');
Map<String, String> requestBody = {
'old_name': oldFolder,
'new_name': newFolder,
};
try {
var response = await http.post(
url,
headers: {
'Content-Type': 'application/json',
},
body: jsonEncode(requestBody),
);
if (response.statusCode == 200) {
print('response body: ${response.body}');
} else {
print('Error: ${response.statusCode}, response body: ${response.body}');
}
} catch (e) {
print('error making post req: $e');
}
}
Future<void> deleteFolder(String folderName) async { Future<void> deleteFolder(String folderName) async {
var url = Uri.http('$ip:$port', 'delete_folder'); var url = Uri.http('$ip:$port', 'delete_folder');
@ -206,13 +293,6 @@ class ApiService {
} }
Future<bool> logIn(String json) async { Future<bool> logIn(String json) async {
// var url = Uri.https('')
// try{
// String response = await http.post(
// url
// );
// }
return false; return false;
} }
@ -251,7 +331,6 @@ class ApiService {
var response = await http.get(url); var response = await http.get(url);
if (response.statusCode == 200) { if (response.statusCode == 200) {
var result = response.body; var result = response.body;
// print(result);
Map<String, dynamic> attachmentData = json.decode(result); Map<String, dynamic> attachmentData = json.decode(result);
AttachmentResponse data = AttachmentResponse.fromJson(attachmentData); AttachmentResponse data = AttachmentResponse.fromJson(attachmentData);
print("data $data"); print("data $data");
@ -268,7 +347,6 @@ class ApiService {
//leads to problems as for a) the html is added one right after the other in one iframe, b) //leads to problems as for a) the html is added one right after the other in one iframe, b)
// if it was multiple iframes then the scrolling to jump would not work as expected // if it was multiple iframes then the scrolling to jump would not work as expected
print("marker called"); print("marker called");
// JavaScript code embedded as a string // JavaScript code embedded as a string
String jsCode = ''' String jsCode = '''
@ -403,7 +481,8 @@ class _EmailViewState extends State<EmailView> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
// print(currentContent); // print("thread id ${widget.id}");
ApiService.currThreadID = widget.id;
return Scaffold( return Scaffold(
appBar: AppBar( appBar: AppBar(
title: Text(widget.name), title: Text(widget.name),

View File

@ -1,4 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'api_service.dart'; import 'api_service.dart';
import 'structs.dart'; import 'structs.dart';
@ -7,8 +8,10 @@ class EmailListScreen extends StatelessWidget {
final Future<String> Function(List<String>, String) getEmailContent; final Future<String> Function(List<String>, String) getEmailContent;
final String folder; final String folder;
EmailListScreen(
EmailListScreen({required this.emails, required this.getEmailContent, required this.folder}); {required this.emails,
required this.getEmailContent,
required this.folder});
//fix the email list //fix the email list
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
@ -26,7 +29,8 @@ class EmailListScreen extends StatelessWidget {
), ),
trailing: Text(email.date.toString()), trailing: Text(email.date.toString()),
onTap: () async { onTap: () async {
String emailContent = await getEmailContent(email.messages, folder); String emailContent =
await getEmailContent(email.messages, folder);
Navigator.push( Navigator.push(
context, context,
MaterialPageRoute( MaterialPageRoute(
@ -37,7 +41,7 @@ class EmailListScreen extends StatelessWidget {
to: email.to.toString(), to: email.to.toString(),
subject: email.subject, subject: email.subject,
date: email.date.toString(), date: email.date.toString(),
id: email.id.toString(), id: email.id.toString(), //i think this is thread id?
), ),
), ),
); );
@ -64,6 +68,7 @@ class EmailPage extends StatefulWidget {
class EmailPageState extends State<EmailPage> { class EmailPageState extends State<EmailPage> {
final ApiService apiService = ApiService(); final ApiService apiService = ApiService();
List<GetThreadResponse> emails = []; List<GetThreadResponse> emails = [];
ValueNotifier<int> currentPageNotifier = ValueNotifier<int>(1);
int page = 1; int page = 1;
bool isBackDisabled = false; bool isBackDisabled = false;
@ -72,8 +77,12 @@ class EmailPageState extends State<EmailPage> {
super.initState(); super.initState();
widget.page = page; widget.page = page;
isBackDisabled = true; isBackDisabled = true;
_fetchEmails();
} }
String getPage() => widget.page.toString();
bool get backDisabled => isBackDisabled;
void updateSelectedFolder(String folder) { void updateSelectedFolder(String folder) {
setState(() { setState(() {
widget.selectedFolder = folder; widget.selectedFolder = folder;
@ -82,33 +91,33 @@ class EmailPageState extends State<EmailPage> {
_fetchEmails(); _fetchEmails();
} }
String getPage() { // String getPage() => widget.page.toString();
return widget.page.toString();
}
void updatePagenation(String option) { void updatePagenation(String option) {
if (option == "next") { if (option == "next") {
setState(() { setState(() {
widget.offset += 50; widget.offset += 50;
widget.page += 1; widget.page += 1;
currentPageNotifier.value = widget.page;
isBackDisabled = false; isBackDisabled = false;
}); });
} else if (option == "back") { } else if (option == "back") {
setState(() { setState(() {
widget.offset -= 50; widget.offset -= 50;
widget.page -= 1; widget.page -= 1;
currentPageNotifier.value = widget.page;
if (widget.page == 1) { if (widget.page == 1) {
isBackDisabled = true; isBackDisabled = true;
print("back dis"); print("back disabled");
} }
}); });
} }
// print(currentPage); // print(currentPage);
print(widget.page);
_fetchEmails(); _fetchEmails();
} }
void _fetchEmails() async { void _fetchEmails() async {
// print(selectedFolder)
try { try {
List<GetThreadResponse> fetchedEmails = await apiService List<GetThreadResponse> fetchedEmails = await apiService
.fetchEmailsFromFolder(widget.selectedFolder, widget.offset); .fetchEmailsFromFolder(widget.selectedFolder, widget.offset);
@ -124,12 +133,11 @@ class EmailPageState extends State<EmailPage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
_fetchEmails();
return Scaffold( return Scaffold(
body: EmailListScreen( body: EmailListScreen(
emails: emails, emails: emails,
getEmailContent: apiService.fetchEmailContent, getEmailContent: apiService.fetchEmailContent,
folder: widget.selectedFolder,//try to grab from it directly folder: widget.selectedFolder, //try to grab from it directly
), ),
); );
} }

View File

@ -16,6 +16,7 @@ class FolderDrawer extends StatefulWidget {
class _FolderDrawerState extends State<FolderDrawer> { class _FolderDrawerState extends State<FolderDrawer> {
List<String> folders = []; List<String> folders = [];
final TextEditingController _renameController = TextEditingController();
@override @override
void initState() { void initState() {
@ -48,7 +49,7 @@ class _FolderDrawerState extends State<FolderDrawer> {
icon: Icon(Icons.more_vert), icon: Icon(Icons.more_vert),
onPressed: () => { onPressed: () => {
///show options ///show options
_showOptions(context) _showOptions(context, folder)
}, },
), ),
onTap: () { onTap: () {
@ -65,7 +66,7 @@ class _FolderDrawerState extends State<FolderDrawer> {
showDialog( showDialog(
context: context, context: context,
builder: (BuildContext context) { builder: (BuildContext context) {
return NewMailbox(apiService: widget.apiService); return NewMailbox(apiService: widget.apiService);
}, },
); );
// Navigator.of(context).pop(); // Navigator.of(context).pop();
@ -83,39 +84,105 @@ class _FolderDrawerState extends State<FolderDrawer> {
), ),
); );
} }
void _showOptions(BuildContext context) async {
final RenderBox overlay = Overlay.of(context).context.findRenderObject() as RenderBox;
await showMenu<String>( Future<bool> _renameDialog(String oldFolder) async {
context: context, showDialog(
position: RelativeRect.fromLTRB(100, 100, overlay.size.width, overlay.size.height), context: context,
items: <PopupMenuEntry<String>>[ builder: (BuildContext context) {
PopupMenuItem<String>( return AlertDialog(
value: 'Rename', title: Text("Rename Mailbox"),
child: Text('Rename Folder'), content: TextField(
), controller: _renameController,
PopupMenuItem<String>( decoration: const InputDecoration(
value: 'Delete', hintText: "New Name",
child: Text('Delete Folder'), ),
), ),
], actions: <Widget>[
).then((value) { TextButton(
// Handle the action based on the selected menu item onPressed: () {
if (value == 'Rename') { String newfolderName = _renameController.text;
// Logic for renaming the folder if (newfolderName.isNotEmpty) {
print('Rename folder'); //make an and to make sure there's two folders with the same name
} else if (value == 'Delete') { ApiService().renameFolder(oldFolder, newfolderName);
// Logic for deleting the folder }
print('Delete folder'); Navigator.of(context).pop();
} },
}); child: const Text("Rename"),
} ),
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: const Text("Cancel"),
)
],
);
});
return false;
}
Future<void> doubleCheckDelete(String folderTobeDeleted) async {
return showDialog<void>(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return AlertDialog(
title: Text("Confirm delete of: $folderTobeDeleted"),
actions: [
TextButton(
onPressed: () {
ApiService().deleteFolder(folderTobeDeleted);
Navigator.of(context).pop();
},
child: Text("Yes")),
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text("No")),
],
);
});
}
void _showOptions(BuildContext context, String folderName) async {
final RenderBox overlay =
Overlay.of(context).context.findRenderObject() as RenderBox;
print(folderName);
await showMenu<String>(
context: context,
position: RelativeRect.fromLTRB(
100, 100, overlay.size.width, overlay.size.height),
items: <PopupMenuEntry<String>>[
PopupMenuItem<String>(
value: 'Rename',
child: Text('Rename Folder'),
),
PopupMenuItem<String>(
value: 'Delete',
child: Text('Delete Folder'),
),
],
).then((value) {
// Handle the action based on the selected menu item
if (value == 'Rename') {
// Logic for renaming the folder
print('Rename folder $folderName');
_renameDialog(folderName);
} else if (value == 'Delete') {
// Logic for deleting the folder
print("Deleting $folderName");
doubleCheckDelete(folderName);
// ApiService().deleteFolder(folderName);
print('Deleted folder');
}
});
}
} }
class NewMailbox extends StatelessWidget { class NewMailbox extends StatelessWidget {
final ApiService apiService; final ApiService apiService;
// final Function(String) onFolderCreated;
final TextEditingController _textFieldController = TextEditingController(); final TextEditingController _textFieldController = TextEditingController();
NewMailbox({required this.apiService}); NewMailbox({required this.apiService});
@ -127,7 +194,7 @@ class NewMailbox extends StatelessWidget {
content: TextField( content: TextField(
controller: _textFieldController, controller: _textFieldController,
decoration: const InputDecoration( decoration: const InputDecoration(
hintText: "EPIC FOLDER", // Your custom hint text here hintText: "New Folder",
), ),
), ),
actions: <Widget>[ actions: <Widget>[
@ -138,13 +205,17 @@ class NewMailbox extends StatelessWidget {
if (folderName.isNotEmpty) { if (folderName.isNotEmpty) {
apiService.createFolder(folderName); apiService.createFolder(folderName);
// onFolderCreated(folderName);
} }
// apiService.createFolder(_textFieldController.text);
Navigator.of(context).pop(); Navigator.of(context).pop();
}, },
child: const Text("Approve"), child: const Text("Approve"),
), ),
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: const Text("Cancel"),
)
], ],
); );
} }

View File

@ -347,7 +347,21 @@ class _HomeScreenState extends State<HomeScreen> with TickerProviderStateMixin {
}, },
child: Icon(Icons.navigate_before), child: Icon(Icons.navigate_before),
), ),
Text(_emailPageKey.currentState?.getPage() ?? '1'), Builder(
builder: (context) {
final emailState = _emailPageKey.currentState;
if (emailState == null) {
// Schedule a rebuild once the state is available
Future.microtask(() => setState(() {}));
return Text('Loading...');
}
return ValueListenableBuilder<int>(
valueListenable: emailState.currentPageNotifier,
builder: (context, value, _) => Text('$value'),
);
},
),
ElevatedButton( ElevatedButton(
onPressed: () { onPressed: () {
_emailPageKey.currentState _emailPageKey.currentState