Calendar:Mail View Integration: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Today Pane ==
== Today Pane ==
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|- align="left"
| colspan="2" bgcolor="#cccccc"  | '''Specification Status'''
|-
|-
| width="150" | '''Author''' || Christian Jansen
|-
| width="150" | '''Last Change''' || 06:51, 30 July 2007 (PDT)
|-
| width="150" | '''Status''' || Preliminary
|-
|}
The Today Pane is divided into three areas:
# The Mini Day,
# the Event List,
# the Task List


The Today Pane is divided by a splitter between the Event List and 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.
 
 
[[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 28: Line 54:
'''Title:''' Tasks
'''Title:''' Tasks


=== Menu & Toolbar Integration ===
== Menu & Toolbar Integration ==
'''Note:'''
'''Note:'''
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 ===
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 ==
== Mini Day ==
Displays the following items:
Displays the following items:
* The current day,
* The current Weekday
* The current month,
* The current year,
* The current week


A single click on the Previous button navigates to the previous day.
[[image:Mini-day.png]]
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.
== Navigation ==
A single click on the drop down button opens the mini month.
* 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.
 
[[image: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 ==
== 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>
* Title and time of events occured in the past are displayed grayed out (Hex #606060)
* Title and time of events which occure in the future are display normal
* A single click selects the event
* A single click selects the event
* A double click opens the Event Dialog
* A double click opens the Event Dialog
* Hovering over the Event display its Tooltip
* Hovering over the Event display its Tooltip
* The next meeting is marked green
* The next meeting is marked by an solid line


'''Drag & Drop'''<br>
'''Drag & Drop'''<br>
Line 67: Line 133:
* The list is a drop target for Mails, Tasks and Events
* The list is a drop target for Mails, Tasks and Events


'''Context Menu'''<br>
'''Event List Context Menu'''<br>
 
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 "Customize Event List" Dialog
 
=== Customize Event List ===


{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
This dialog allows users to modify the event list


|- align="left"
[[image:Customize-event-list.gif]]
| 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.
|}


# '''Show Tasks in Event List'''
** By default: '''OFF'''
** This option has no effect on the main Calendar Views
** Automatically switched '''ON''' if '''Show Tasks in Calendar''' is set


'''New Event Button'''<br>
# '''Show Items in Groups'''
* A single click opens the Event dialog
** By default: '''ON'''
* The button is a drop target for Mails, Tasks and Events
** If switched '''OFF''' events are listed flat, for the current day only
[[image:event-list-flat.gif]]


=== Task List Box ===
= Task Tree =
The Task List box 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 conditions a task are being displayed for a 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 124: Line 201:
|-
|-
|-
|-
| Completed || Yes || Icon || Checkbox
| Completed || Yes || Icon || checkbox
|-
| Title || Yes || Text, -> "Task Title" || Text
|-
| Priority || No || Icon || ///Images///
|-
|-
| Priority || Yes || Icon || Priority Stack
| Status || No || Text, -> "Status" || Text
|-
|-
| Title || Yes || Text, -> "Title" || Text
| Progress || No || Text, -> "Progress" || Progress Bar
|-
|-
| StartDate || No || Text, -> "Start Date" || Date
| StartDate || No || Text, -> "Start Date" || Date
|-
|-
| Due Date || No || Text, -> "Due Date" || Date
| Due Date || No || Text, -> "Due Date" || Date
|-
| Complete || No || Text, -> "Complete" || Progressbar (0% ,25% ,50%,75%,100%)
|-
|-
| Category || No || Text, -> "Category" || Text
| Category || No || Text, -> "Category" || Text
|-
| Status || No || Text, -> "Status" || Text
|-
|-
| Calendar || No || Text, -> "Calendar" || Icon & Text
| Calendar || No || Text, -> "Calendar" || Icon & Text
|}
|}
'''HideColumnPicker Items'''
Completed
Task Title
Priority
Progress
Start Date
Due Date
Status
Category
Calendar
-----------
Restore Defaults
'''Drag & Drop'''<br>
* Tasks can be dragged out of the list
* The tree is a drop target for Mails, Tasks and Events
'''Task Tree Context Menu'''<br>
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 '''Customize Tasks List''' Dialog
=== Customize Tasks List ===
This dialog allows users to modify the tasks list
[[image:Customize-tasks-list.gif]]
# '''Show Completed Tasks'''
** By default: '''OFF'''
** If '''ON''' completed tasks do not occur in Tasks List
# '''Show Items in Groups'''
** By default: '''ON'''
** If switched '''OFF''' tasks are listed flat, for the current day only
===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.

Latest revision as of 08:40, 27 November 2007

Today Pane

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

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 "Customize Event List" Dialog

Customize Event List

This dialog allows users to modify the event list

Customize-event-list.gif

  1. Show Tasks in Event List
    • By default: OFF
    • This option has no effect on the main Calendar Views
    • Automatically switched ON if Show Tasks in Calendar is set
  1. Show Items in Groups
    • By default: ON
    • If switched OFF events are listed flat, for the current day only

Event-list-flat.gif

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
Progress No Text, -> "Progress" Progress Bar
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
Progress
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 Customize Tasks List Dialog

Customize Tasks List

This dialog allows users to modify the tasks list

Customize-tasks-list.gif

  1. Show Completed Tasks
    • By default: OFF
    • If ON completed tasks do not occur in Tasks List
  1. Show Items in Groups
    • By default: ON
    • If switched OFF tasks are listed flat, for the current day only

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.