The purpose of this page is allow members to send private messages with other APix members.

Requirements

This page is initiated from the Compose a Message button/link in the navigation box from within the message center, from rolling over a profile pic and selecting the Send me a Message button/link from within the pop-over, and also when the user is on a profile page and selects the Send Me a Message button/link. If the action is initiated from the latter two options the profile Pic is already displayed in the TO: field (demoed here). If initiated from the compose a message link the To: field is blank. See below for more details.

---

To: Button
If the user initiates a message process from either the friend's page or from rolling over a friend's pic then the To: field will be populated with that member's profile pic. If initiated from the within the message center by selecting the Compose a Message button/link the To: field is empty. If empty the user must add a friend by clicking on the To: button.

Doing this will bring up a Ajax pop-over (design TBD) that will have all of the user's friends in her network populated in the pop-over. The user can either cancel this action or select a friend(s). Most likely this will be a drag and drop function where the user can drag any friend they want into the To: field. Once the selection process is complete either by selecting a close button or clicking outside the pop-over area, the pop-over is removed and the friend's profile pic(s) gets populated in the To: field. The pop-over should allow the user to select all. The To: box should display up to 5 profiles, if the number of recipients exceeds that then the To: field gets a horizontal scroll bar to allow the user to see the overflow.

To remove someone from the To: field the user must roll over the offending profile pic. On rollover there should be an X or remove roll over badge that floats on top of the image. If clicked the recipient will be removed from the field. If there are more than one recipients in the two field the ones to the right of the deleted recipient slide to the left to fill in the space.

Message Composition
Messages can only be 240 characters in length. Character counts include spaces and paragraph breaks. The character count is the sum of the subject field and the message text area. As the characters are entered the charcter count indicator below the mesaage body text area reduces/counts down with each stroke

1. WYSIWYG Text Area
   1. No html is accepted but if a link is added the URL automatically becomes hot linked in the user's inbox if it starts with http://. The link must open a new window if selected from within the user's inbox on mlab
   2. WYSIWIYG controls include:
      1. bolding text
      2. italicising text
      3. underlining text
      4. striking through text
      5. left align text
      6. center text
      7. right align text
      8. ordered list
      9. unordered list
      10. outdent
      11. indent
          
          As always to use these the user must select text first with their cursor
2. Send Button
   1. On send the message gets sent to three places (depending on recipient's preferences):
      1. Recipient's Message Center Inbox - see message center specification
      2. Reipient's registered email account - in the email it will tell the user they have a new message with a link that takes the recipient back to Mlab to view the actual message
      3. Recipient's Phone - An alert will be sent to the recipient letting them know that "Membername from Mlab has sent them a new message"
   2. On send the message is added to the sender's sent message box under the Messages nav link
   3. On send the sender is redirected to their messages inbox
   4. Errors
      1. Missing To: - If there is no to recipient then there should be an error - actual messaging TBD
      2. Missing Message - If the message text area box is left blank then there should be an error - actual messaging TBD