Calendar:Mail View Integration: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
Line 8: Line 8:
| width="150" | '''Author''' || Christian Jansen
| width="150" | '''Author''' || Christian Jansen
|-
|-
| width="150" | '''Last Change''' || 04:53, 16 July 2007 (PDT)~
| width="150" | '''Last Change''' || 06:51, 30 July 2007 (PDT)
|-
|-
| width="150" | '''Status''' || Preliminary
| width="150" | '''Status''' || Preliminary
Line 14: Line 14:
|}
|}


== Abstract ==
== Today Pane ==
This specification covers the UI of the Enterprise Invitation dialog.
The Today Pane is divided into three areas:


# The Mini Day,
# the Event List,
# the Task List
Its main purpose is to provide an overview about Today's Events & Tasks.
Additionally it allows to navigate to specific days. The image below shows a mock-up of the Today pane.


The Today Pane is divided by a splitter between the  Event List and Task List.


[[Image:Today-pane1.png]]
[[Image:Today-pane1.png]]


=== Today Pane Properties: ===
=== Today Pane Properties: ===
* Switch ON after first installion of Lightning
* Switched ON after first installation of Lightning
* The Pane is available in the Mail Mode only
* The Pane is available in the Mail Mode only


=== Today Pane Modes: ===
=== Today Pane Modes: ===
Like the Mail Tree, the Today Pane offers a variety of ways to display Events
and Tasks


'''Mode 1 (Default)'''
'''Mode 1 (Default)'''
Line 51: Line 59:
Mac OS X uses Cmd instead of Ctrl as the accelerator key. Throughout this page, Ctrl/Cmd will be used.
Mac OS X uses Cmd instead of Ctrl as the accelerator key. Throughout this page, Ctrl/Cmd will be used.


** The "Today" Toolbar item switches the "Today" Pane ON/OFF
** The "Today Pane" Toolbar item switches the "Today" Pane ON/OFF
** "Ctrl/Cmd + D" Switches the ON/OFF
** "Ctrl/Cmd + D" toggles the ON/OFF


=== Menu ===
=== Menu ===
The Today Pane can be accessed from:
   View -> Layout -> Classic View
   View -> Layout -> Classic View
                     ...
                     ...
Line 60: Line 69:
                     Message Pane F8
                     Message Pane F8
                     Today Pane  CTRL+D
                     Today Pane  CTRL+D
           
=== Toolbar ===
=== Toolbar ===
Get Mail
 
Write
The Today Pane button is located in the "Mail Toolbar"
Address Book
 
Today Pane
  Get Mail
---------
  Write
....
  Address Book
  '''Today Pane'''
  ---------
  ....


== Mini Day ==
== Mini Day ==
Displays the following items:
Displays the following items:
* The current day,
 
* The current weekday
[[image:Mini-day.png]]
* The current month,
* The current year,
* The current week


== Navigation ==
== Navigation ==
* A single click on the Previous button navigates to the previous day.
* A single click on the '''Previous''' button navigates to the previous day. '''Tooltip:''' Previous Day
* A single click on the Today button navigates back to the current day.
 
* A single click on the Next button navigates to the next day.
* A single click on the '''Today''' button navigates back to the current day. '''Tooltip:''' Go to Today
 
* A single click on the '''Next''' button navigates to the next day. '''Tooltip:''' Next Day
 
* A single click on the drop down button opens the mini month.
* A single click on the drop down button opens the mini month.


Line 86: Line 98:


Depending on the day selected in the Mini Day, the Event List displays the according events.
Depending on the day selected in the Mini Day, the Event List displays the according events.
The table below shows an example:
The table below shows an example:


Line 100: Line 113:


== Event List Box ==
== Event List Box ==
The Event List Box lists all events assigned to date specified in the Mini Day. The Event List Box list events in the following order:
'''New Event Button'''<br>
* A single click opens the Event dialog
* The button is a drop target for Mails, Tasks and Events
 
The Event List Box lists all events assigned to date selected in the Mini Day.
The Event List Box list events in the following order:


'''1. All Day Events'''<br>
'''1. All Day Events'''<br>
All day events spanning over the day border display an arrow to the next or previous day
All day events spanning over the day border display an arrow to the next
or previous day.


'''2. Standard Events'''<br>
'''2. Standard Events'''<br>
Line 117: Line 136:
'''Event List Context Menu'''<br>
'''Event List Context Menu'''<br>


{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
Edit Event...        -> Opens the Event Dialog for editing
-------------
Cut                  ->
Copy                  ->
Paste                -> Pastes an event, task or e-mail
-------------
Forward...            -> Opens the E-Mail Compose Dlg.; Attaches the selected Event as ICS-File
  -------------
Delete                -> Deletes the selected event
'''List Item Context Menu'''<br>
New Event...          -> Creates a new event; opens the Event Dialog
-------------
Cut                  -> Disabled
Copy                  -> Disabled
Paste                -> Pastes an event, task or e-mail
-------------
Customize...          -> Opens the ////Event List Config Dialog ////


|- align="left"
| colspan="2" bgcolor="#cccccc"  | '''Event List Box Context Menu'''
|-
|-
| width="150" | '''New Event...''' || Creates a new event, opens the Event Dialog
|-
| width="150" | '''Edit Event...''' || Opens the Event dialog for editing the selected event
|-
| width="150" | '''----------''' ||
|-
| width="150" | '''Forward...''' || Opens the e-mail compose window with the event attached as ics file.
|-
| width="150" | '''----------''' ||
|-
| width="150" | '''Delete Event-''' || Delets the selected event.
|}




'''New Event Button'''<br>
* A single click opens the Event dialog
* The button is a drop target for Mails, Tasks and Events


=== Task Tree ===
=== Task Tree ===
The Task Tree lists all task assigned to the user
The Task Tree lists all task assigned to the user. Tasks can be listed flat, or hierarchically by day.
The table below shows in which conditionsa tasks are being displayed for the previous day, today, or tomorrow: 


{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
Depending on the day selected in the Mini Day, the Tasks Tree displays the assigned tasks.


|- align="left"
The table below shows an example:
| colspan="4" bgcolor="#cccccc"  | '''Task Display Matrix'''
|-
|-
|  || Yesterday || bgcolor="#CCFFCC" | '''Today''' || Tomorrow
|-
| No Due, No Start, Not Completed || || bgcolor="#CCFFCC" | X ||
|-
| Start Yesterday, No Due, Not Completed || X  || bgcolor="#CCFFCC" | X || X
|-
| Start Today, Due Tomorrow, Not Completed ||  || bgcolor="#CCFFCC" | X || X
|-
| Start Tomorrow, Due Tomorrow, Not Completed ||  || bgcolor="#CCFFCC" |  || X
|-
|}


* Tasks completed are displayed "Striked Thru"
                      +----------------------------+
  18 Wednesday  < O > | 19 Thursday        < O >  |  20 Friday      < O >
    July 2007, CW 29 |    July 2007, CW 29        |  July 2007, CW 29
---------------------+----------------------------+---------------------
  [-] No Due          | [-] No Due                |  [-] No Due
      Task 1          |    Task 1                |      Task 1
                      | [-] Today                  |  [-] Friday 20, 2007
                      |    Task 2                | 
                      |    Task 3                | 
                      | [+] Tomorrow              |
                      | [+] Next Week              |
                      | [+] Next Two Weeks        |


'''Colums'''
'''Colums'''
The task list can be sorted by the following criteria:
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"


Line 172: Line 188:
|-
|-
|-
|-
| Done || Yes || Icon || ckbox
| Completed || Yes || Icon || checkbox
|-
|-
| Title || Yes || Text, -> "Task Title" || Text
| Title || Yes || Text, -> "Task Title" || Text
|-
|-
| Priority || No || Icon || Priority Stack
| Priority || No || Icon || ///Images///
|-
|-
| Status || No || Text, -> "Status" || Text
| Status || No || Text, -> "Status" || Text
Line 190: Line 206:


'''HideColumnPicker Items'''
'''HideColumnPicker Items'''
# Done
# Task Title
# Priority
# Start Date
# Due Date
# Status
# Category
# Calendar
# -----------
# Restore Defaults


Completed
Task Title
Priority
Start Date
Due Date
Status
Category
Calendar
-----------
Restore Defaults


'''Drag & Drop'''<br>
'''Drag & Drop'''<br>
Line 208: Line 224:
'''Task Tree Context Menu'''<br>
'''Task Tree Context Menu'''<br>


{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
Edit Task...          -> Opens the Event Dialog for editing
-------------
Cut                  ->
Copy                  ->
Paste                -> Pastes an event, task or e-mail
-------------
Progress      >      -> '''Submenu:''' 25%, 50%, 75%, 100%
Priority      >      -> '''Submenu:''' Not Specified, Low, Medium, High
Forward...            -> Opens the E-Mail Compose Dlg.; Attaches the selected Task as ICS-File
-------------
Delete                -> Deletes the selected task
'''List Item Context Menu'''<br>
New Task...          -> Creates a new task; opens the Task Dialog
-------------
Cut                  -> Disabled
Copy                  -> Disabled
Paste                -> Pastes an event, task or e-mail
-------------
Customize...          -> Opens the ////Task List Config Dialog ////
 
===New Task Edit Field===
 
Tasks can be created by typing the task title in the Edit Field located at the
bottom of the Tasks Tree. Tasks created in such way provide the following
properties:
 
* Title: Like specified in the field
* Category: None
* Calendar: Currently selected
* Start Date: None
* Due Date: None
* Repeat: Does not repeat
* Priority: Not Specified
 
 
===E-Mail marked as Todo===
E-Mails marked as Todo are automatically added as Tasks to the tasks list. Tasks
created in such way provide the following properties:
 
* Title: E-Mail subject
* Category: None
* Calendar: Currently selected
* Start Date: None
* Due Date: None
* Repeat: Does not repeat
* Priority: Not Specified
 


|- align="left"
Changing the task progress to complete removes the Todo tag from the e-mail.
| colspan="3" bgcolor="#cccccc"  | '''Task Tree Context Menu'''
|-
|-
| width="150" | '''New Task...''' || || Creates a new task, opens the Tasks Dialog
|-
| width="150" | '''Edit Task...''' || || Opens the Task dialog for editing the selected task
|-
| width="150" | '''----------''' || ||
|-
| width="150" | '''Forward...''' || || Opens the e-mail compose window with the task attached as ics file.
|-
| width="150" | '''----------''' || ||
|-
| width="150" | '''Progress >''' || ||
|-
| width="150" |  || 0% ||
|-
| width="150" |  || 25% ||
|-
| width="150" |  || 50% ||
|-
| width="150" |  || 75% ||
|-
| width="150" |  || Complete ||
|-
| width="150" | '''Priority >''' || || 
|-
| width="150" |  || Not Specified || (Default)
|-
| width="150" |  || Low ||
|-
| width="150" |  || Medium ||
|-
| width="150" |  || High ||
|-
| width="150" | '''Hide Completed Tasks''' || ||
|-
| width="150" | '''----------''' || ||
|-
| width="150" | '''Delete Task''' || Delets the selected task
|}

Revision as of 13:51, 30 July 2007

Today Pane

Specification Status
Author Christian Jansen
Last Change 06:51, 30 July 2007 (PDT)
Status Preliminary

Today Pane

The Today Pane is divided into three areas:

  1. The Mini Day,
  2. the Event List,
  3. the Task List

Its main purpose is to provide an overview about Today's Events & Tasks. Additionally it allows to navigate to specific days. The image below shows a mock-up of the Today pane.


Today-pane1.png

Today Pane Properties:

  • Switched ON after first installation of Lightning
  • The Pane is available in the Mail Mode only

Today Pane Modes:

Like the Mail Tree, the Today Pane offers a variety of ways to display Events and Tasks

Mode 1 (Default)

  • Mini Day
  • Event List
  • Task List

Title: Events and Tasks

Mode 2

  • Mini Day
  • Event List

Title: Events

Mode 3

  • Mini Day
  • Task List

Title: Tasks

Menu & Toolbar Integration

Note: Mac OS X uses Cmd instead of Ctrl as the accelerator key. Throughout this page, Ctrl/Cmd will be used.

    • The "Today Pane" Toolbar item switches the "Today" Pane ON/OFF
    • "Ctrl/Cmd + D" toggles the ON/OFF

Menu

The Today Pane can be accessed from: 

 View -> Layout -> Classic View
                   ...
                   ------------
                   Message Pane F8
                   Today Pane   CTRL+D

Toolbar

The Today Pane button is located in the "Mail Toolbar" 

 Get Mail
 Write
 Address Book
 Today Pane
 ---------
 ....

Mini Day

Displays the following items:

Mini-day.png

Navigation

  • A single click on the Previous button navigates to the previous day. Tooltip: Previous Day
  • A single click on the Today button navigates back to the current day. Tooltip: Go to Today
  • A single click on the Next button navigates to the next day. Tooltip: Next Day
  • A single click on the drop down button opens the mini month.

Mini-day---mini-month-drop-down1.png

Depending on the day selected in the Mini Day, the Event List displays the according events.

The table below shows an example: 

                     +----------------------------+
 18 Wednesday  < O > | 19 Thursday         < O >  |  20 Friday      < O >
    July 2007, CW 29 |    July 2007, CW 29        |  July 2007, CW 29
---------------------+----------------------------+---------------------
    Event 1          | [-] Today                  |  Event 1
                     |     Event 1                |  Event 2
                     |     Event 2                |  Event 3
                     | [+] Tomorrow (July 20)     |
                     | [+] Next Week              |
                     | [+] Next Two Weeks         |

Event List Box

New Event Button

  • A single click opens the Event dialog
  • The button is a drop target for Mails, Tasks and Events

The Event List Box lists all events assigned to date selected in the Mini Day. The Event List Box list events in the following order:

1. All Day Events
All day events spanning over the day border display an arrow to the next or previous day.

2. Standard Events

  • A single click selects the event
  • A double click opens the Event Dialog
  • Hovering over the Event display its Tooltip
  • The next meeting is marked by an solid line

Drag & Drop

  • Events can be dragged out of the list
  • The list is a drop target for Mails, Tasks and Events

Event List Context Menu

Edit Event...         -> Opens the Event Dialog for editing
-------------
Cut                   -> 
Copy                  ->
Paste                 -> Pastes an event, task or e-mail
-------------
Forward...            -> Opens the E-Mail Compose Dlg.; Attaches the selected Event as ICS-File 
-------------
Delete                -> Deletes the selected event

List Item Context Menu

New Event...          -> Creates a new event; opens the Event Dialog 
-------------
Cut                   -> Disabled
Copy                  -> Disabled
Paste                 -> Pastes an event, task or e-mail
-------------
Customize...          -> Opens the ////Event List Config Dialog ////



Task Tree

The Task Tree lists all task assigned to the user. Tasks can be listed flat, or hierarchically by day.

Depending on the day selected in the Mini Day, the Tasks Tree displays the assigned tasks.

The table below shows an example: 

                     +----------------------------+
 18 Wednesday  < O > | 19 Thursday         < O >  |  20 Friday      < O >
    July 2007, CW 29 |    July 2007, CW 29        |  July 2007, CW 29
---------------------+----------------------------+---------------------
 [-] No Due          | [-] No Due                 |  [-] No Due
     Task 1          |     Task 1                 |      Task 1
                     | [-] Today                  |  [-] Friday 20, 2007
                     |     Task 2                 |  
                     |     Task 3                 |  
                     | [+] Tomorrow               |
                     | [+] Next Week              |
                     | [+] Next Two Weeks         |

Colums The task list can be sorted by the following criteria:

Colums Name Displayed by Default Header: Icon/Text Row: Icon/Text
Completed Yes Icon checkbox
Title Yes Text, -> "Task Title" Text
Priority No Icon ///Images///
Status No Text, -> "Status" Text
StartDate No Text, -> "Start Date" Date
Due Date No Text, -> "Due Date" Date
Category No Text, -> "Category" Text
Calendar No Text, -> "Calendar" Icon & Text

HideColumnPicker Items 

Completed
Task Title
Priority
Start Date
Due Date
Status
Category
Calendar
-----------
Restore Defaults

Drag & Drop

  • Tasks can be dragged out of the list
  • The tree is a drop target for Mails, Tasks and Events

Task Tree Context Menu

Edit Task...          -> Opens the Event Dialog for editing
-------------
Cut                   -> 
Copy                  ->
Paste                 -> Pastes an event, task or e-mail
-------------
Progress      >       -> Submenu: 25%, 50%, 75%, 100%
Priority      >       -> Submenu: Not Specified, Low, Medium, High
Forward...            -> Opens the E-Mail Compose Dlg.; Attaches the selected Task as ICS-File
-------------
Delete                -> Deletes the selected task

List Item Context Menu

New Task...          -> Creates a new task; opens the Task Dialog 
-------------
Cut                   -> Disabled
Copy                  -> Disabled
Paste                 -> Pastes an event, task or e-mail
-------------
Customize...          -> Opens the ////Task List Config Dialog ////

New Task Edit Field

Tasks can be created by typing the task title in the Edit Field located at the bottom of the Tasks Tree. Tasks created in such way provide the following properties:

  • Title: Like specified in the field
  • Category: None
  • Calendar: Currently selected
  • Start Date: None
  • Due Date: None
  • Repeat: Does not repeat
  • Priority: Not Specified


E-Mail marked as Todo

E-Mails marked as Todo are automatically added as Tasks to the tasks list. Tasks created in such way provide the following properties:

  • Title: E-Mail subject
  • Category: None
  • Calendar: Currently selected
  • Start Date: None
  • Due Date: None
  • Repeat: Does not repeat
  • Priority: Not Specified


Changing the task progress to complete removes the Todo tag from the e-mail.

Retrieved from "https://wiki.mozilla.org/index.php?title=Calendar:Mail_View_Integration&oldid=63856"