conjoon / extjs-app-webmail

JavaScript email client of conjoon.

conjoon

⚡ lightweight, feature rich open source JavaScript email client.
💅 SOA with clear separation between the frontend and the backend
🍋 easy to install and to configure.
👨‍🏫 well documented APIs makes it easy to extend and adopt functionality.

Quick Start ⏱

Install Node.js and create a new conjoon site:

npx create-conjoon@latest target_folder

Follow the instructions on screen, and refer to the docs for more information on how to use create-conjoon.

Features 🎁

The Frontend is a highly extendable and configurable JavaScript application requiring only a webserver capable of serving static files

The UI is able to manage multiple email accounts at once - no switching between instances required

The Backend is an easy to install Lumen/Laravel application

IMAP / SMTP protocol implementations for all relevant email operations

REST API documentation available as OpenAPI documentation

conjoon is released under the MIT license.

Installation

Please see the documentation at conjoon.org.

Available backends for Production

• lumen-app-email
  lumen-app-email is a microservice that provides a Lumen/ddev application with access to the rest-imap/rest-imapuser API for IMAP servers. It can be used as a standalone server.

For more information on available backends and how to use them with conjoon, see our backend guide.

Staying informed 📰

• GitHub
• Twitter

extjs-app-webmail's Issues

Changes to a draft should appear immediately in the MessageGrid

... if the MessageGrid currently loaded represents the contents of the DRAFTS folder. This is related to #24 and #25, since data that has been added recently to the DRAFTS folder should also be considered when the user updates a draft.

app-cn_mail needs to be aware of currently used mail account

Attachment icon in button in EmailEditor too small

Possible due to update to Sencha CMD 6.5.3.6

MessageViewModel's updateMessageItem needs to consider proper previewText

Right now, the MessageBody's textPlain from the used messageDraft is simply copied into the data field. This might lead to unnecessary memory consumption.

Closing MessageView/MessageEditor before load complete triggers errors

... due to callbacks still registered for the view.

Add support for composing a message using the "mailto" scheme

n.t.

Enable node navigation and routing for editing a message

n.t.

Replying/Forwarding a message and saving as draft does not show message immediately in messageGrid

Enable node navigation and routing for "forwarding" a message

MessageGridTest fail

... due to latest changes made to update qtip instead of title in RowFlyMenu's beforemenushow-callback.

Update all opened instances of a Draft if it's been successfully edited

Navigate to the Draft Folder and select a message. Double-click it to make sure it's also opened in a separate instance.
Click the "edit" button and open the editor.
Update various fields, including the body of the draft, then save it.

Once the save operation completes, an event should be triggered that updates all related views with the current data of the draft.

Replied messages should obtain the "answered" flag

This should be visible in the MessageGrid directly when a Message was sent.

Empty Draft's body should be rendered with   in grid when preview is active

Tree Icons / Mail-Tab Icons not rendered properly after build with CMD 6.5.3.6

At least for the tree icons, the following css needs to be added to .cn_mail-mailfoldertree .x-tree-icon

font-size: 16px; line-height: 32px;

Add routing for mailfolders

Describe the solution you'd like
Users should be able to navigate to mailfolder-contents via hashbang, e.g. #cn_mail/mailfolder/[mailfolderid] should activate the InboxView, select the node in the MailFolderTree represented by the requested mailfolderid, and load the MessageGrid with its contents.

Render contents of MessageView in sandboxed iframe

MessageDrafts / MessageItems should support message flags

MessageItems which are drafts should have the Draft-flag accordingly.

Read/Unread MessageItems should have the Unseen-flag.

Deleted, Recent... etc. flags should also be supported and set/unset depending of the action the user commits (deleting/moving to Trash Folder)

The UI should provide functionality to "flag" a message,

MailDesktopViewControllerTest fails at several steps

n.T.

Add Reply All/Reply/Forward-buttons to head of MessageView in InboxView

n.T.

Add a RowFlyMenu to the MessageGrid

This should only appear on mouseover of a grid-row when the RowBody is previewed and should offer shortcuts to often needed operations, such as mark messages read/unread.

Draft's "from" is empty after creating and saving a message

Related to #39

Make sure BufferedStore accepts newly created data

The BufferedStore does actually not support adding data on the fly to it.
Update the functionality so that newly created mails (i.e. Drafts, received emails during querying etc.) is added properly on the fly.

Saved draft should appear immediately in DRAFTS folder if opened

Once a draft has been saved, it should appear immediately in the drafts folder if the draft folder is currently being opened in the MessageGrid. This is related to #24 which needs to be implemented before the client can add this data on the fly.

Saving a draft leads to date of draft being updated with wrong informations

Looks like the newly created date is not parsed properly.
This seems to happen in the sim and the related Javascript tables.

Sending a Message should return the MailFolderId of the SENT folder

This is to identify the folder to which the sent message has to get moved.

Updated message items in MessageViewModel need to be committed...

... to make sure no additional and unnecessary data is remaining on the client.

Remove global event cn_mail-beforemessageitemdelete and make sure it's fired by InboxView instead

Enable node navigation and routing for "reply all" to a message

n.t.

Add human readable dates to MessageGrid's date-column

This should show the last 6 days in a human readable format, e.g "Wednesday, 17:01"

Update Message Preview with border marker for unread messages

Also, make sure the date is rendered in the same color as the subject if message is unread.

MessageView should show loadmask when opened via deeplinking

Start the application with the route for reading a message, e.g. read/5
The icon is updated in the tab header, indicating the message gets loaded, but the panel's body does not show a load indicator. The load indicator gets shown once the header was loaded and the MessageBody is fetched. The indicator should be visible during the whole load process.

Routing for composing/editing must be updated once a composer saved a message

... since the url stays the same, the route for editing this exact message must be updated to select the editor that is currently accessible via "compose".

1. url: compose/200
2. click "save". Message opened via url described in 1. gets id "123"
3. url: edit/123 Instead of opening a new view for editing message "123", the routing should be adjusted so that view represented by url "compose/200" is selected and activated.

Sending a draft should move the draft from its folder to the SENT folder

In the following cases must the MessageGrid be updated:

• removing the Draft out of the Grid if the Grid currently represents the DRAFT folder
• add the Draft to the SENT folder if the Grid currently represents the SENT folder

(related to #27, #28)

Sending a message should update the MessageGrid with the sent data

... if the MessageGrid is currently representing the contents of the folder identified by the id returned with #27

Enable node navigation and routing for creating a message

n.t.

MessageEditor should show loadmask while loading data

Updated MessageItem's changes are not reflected in Grid

Describe the bug
When editing a MessageDraft opened in the Editor, the MessageGrid containing this Item does not get updated when saving completed in some cases.

To Reproduce
Steps to reproduce the behavior:
MessageGrid should be sorted by Date, DESC

1. Go to DRAFT folder, open Message for editing. Edit message, save. Do not close the Editor.
2. Go back to the InboxView and click "delete" for the previously edited MessageItem.
3. Go to the TRASH folder, i.e. open it. The previously deleted draft should appear on the top of the item list
4. Go back to the Editor. Edit the Message again. Save

Expected behavior
The MessageGrid representing the contents of the TRASH folder should immediately refresh its view with the updated data of the MessageItem. However, it does not.

AttachmentList "drop" not working when application was build

... dropped file opens in new browser tab instead.

Changing flags of MessageItem need to change data of associated MessageDrafts accordingly

It should be possible to set the "flagged" message-flag via RowFlyMenu

Enable node navigation and routing for "replying" to a message

n.t.

Add Drag & Drop to MessageEditor for attachments

Right now, attachments can only be added by clicking the "attachment" button of the HtmlEditor.

It should also be possible to drag and drop attachments to a specific drop zone of the MessageEditor.

Selecting an Item and clicking the edit-button after sorting throws error

Describe the bug
Selecting an Item in the MessageGrid, then sorting so that the previously selected record is not available in the NodeHash/rendered view anymore, leads to an issue when clicking the edit button.

To Reproduce
Steps to reproduce the behavior:

1. Go to the Draft folder. Select the first item
2. Click on any column header that would cause the record to fall out of the currently rendered view.
3. Click the edit button
4. See error

Expected behavior
The edit button should either be disabled after sorting and the selection should be discarded in any case, or the MessageGrid should keep track of the selection which can be done via a config when working with BufferedRenderer/BufferedStore.

Desktop (please complete the following information):

• OS: any
• Browser: any
• Version: any

Saving a draft should return the MailFolderId of the DRAFTS folder

This is so the mail client can determine the local folder representing the remote mailbox to which the DRAFT has been saved,

Messages with flag "draft" should be editable outside of DRAFT Folder

... and marked as such

"draft" flag should be removed from a message as soon as the message was sent or moved to the trash

Add action for deleting a selected message in the grid

The view should be updated with a corresponding icon in the toolbar.
Clicking this icon should check if a mail is selected in the grid. If that's the case, the selected email should be moved to the trashbin or permanently deleted. Permanently deleting a message should trigger a confirm dialog,
Until the underlying BufferedStore was updated, the deleted email should remain in the Memory, but highlighted as such, e.g. marked as deleted.
Until this deleted email remains in the view, it should be possible to recycle it, except for permanent deleted messages.

Moving a Message sets isRead to false

Issues with row preview in MessageGrid

1. When the grid loads and the user wants to switch between the views, an issue is thrown.
2. When the grid is loaded, but not visible (due to active MessageView-Tab for example) and the user switches several times between row body view enabled/disabled, an error is thrown.

Tooltip of attachment button shows filename

The tooltip says bootstrap.css. See the attachment.

The tooltip should show a quick introduction for the functionality of the button.