MozillaWiki

Calendar:SMB Event Dialog - Invite Attendee

Revision as of 08:03, 25 September 2006 by Chris281 (talk | contribs) (→‎12. "Free/Busy" Grid)

Enterprise Invitation Dialog UI Specification

Specification Status
Author Christian Jansen
Last Change Chris 06:30, 5 September 2006 (PDT)
Status Preliminary

Abstract

This specification covers the UI of the Enterprise Invitation dialog.

References

  • Test Case Specification

Detailed Specification

The Invite Attendee dialog consists of 3 areas.

 

  1. Attendee List
  2. Free/Busy Grid
  3. Information and Date/Time Area


 

Attendee List

1. "Attendee List" Grid Heading

Property State
Attribute: Auto Complete
Label EN-US: All Attendees
Label Ger: Alle Teilnehmer

2. "Include Organizer in Free/Busy" Drop Down

Property State
On Mouse Click: Opens a list containg two items: 
(ICON) I will attend
(ICON) I will not attend
Pre-Selected Item: Attends event
EN-US:

I will attend
I will not attend

Ger:

Ich nehme Teil Ich nehme nicht Teil


3. "Organizer" Field

Property State
Attribute:
  • Has to be always visible.
  • Has to display string and username information
Label EN-US: Organizer ($USERNAME)
Label Ger: Organisator ($USERNAME)

4. "Type" Drop Down

Property State
Attribute: Has to be displayed for each attendee
On Mouse Click: Opens a list containg three items: 
(ICON) Required Attendee
(ICON) Optional Attendee
(ICON) Resource (Room/Equipment)
Pre-Selected Item: Required Attendee
EN-US:

Required Attendee Optional Attendee Resource (Room/Equipment)

Ger:

Erforderlicher Teilnehemer Optionaler Teilnehmer Ressource (Raum/Arbeitsger�t)


5. "Attendee" Drop Down

Property State
Attributes: The control has to behave exacly the same like the recipent list of Thunderbird's Mail Compose Window.
Keyboard Navigation:
  1. Return triggers free/busy data
  2. After recieving free/busy data the cursor is positioned in the next row below.
User Feedback: While recieving free/busy data a progress has to be indicated.
String displayed initially: Click here to add name
Label EN-US: Click here to add name
Label Ger: Hier klicken, um Namen hinzuzuf�gen

6. "Splitter"

Property State
Collapse: None
Resize before: Grow
Resize after: Grow

Free/Busy Grid

7. "Previous" Button

Property State
Disabled: By default
Enabled: If user selected a time slot taking place in the future
On Click:

Picks a previous free time slot:

  • within the working hours
  • with the time slot specified in 15, 18
  • applies to all attendees, including organizer
Label: EN-US "Suggest time slot:", Ger "Termin vorschlagen:"
Button Label EN-US: (ICON) Previous
Button Label Ger: (ICON) Vorheriger

8. "Next" Button

Property State
Enabled: By default
On Click:

Picks an upcomming free time slot:

  • within the working hours
  • with the time slot specified in 15, 18
  • applies to all attendees, including organizer
Label: EN-US "Suggest time:", Ger "Termin vorschlagen:"
Button Label EN-US: (ICON) Previous
Button Label Ger: (ICON) Vorheriger

9. "Details" Slider

Property State
Values: 
1 Cell = 4h
1 Cell = 2h
1 Cell = 1h (Default)
1 Cell = .5h
1 Cell = .25h
Snap at tick: Yes
Label EN-US: Details
Label Ger: Details

10. Time Slot Indicator

Property State
States:
Green
  • All attendees & resources are marked free.
Yellow
  • If the minority of the group is marked busy.
  • If a resource is marked busy.
Red
  • If the majority of the group is marked busy.
  • If at least one member marked as required is marked busy.
No Information State

The no information state has no impact on the status display.

Selection:
  • Hours in range are marked bold.
  • Range should always be vertically centred to view
Selection: Hours in range are marked bold.

11. "All Attendees" Row

Property State
States: Displays free/busy information of all attendees
  • Hex #35556B = busy
  • Hex #EBEBE4 = free
  • Hex #7F9DB9 = border

12. "Free/Busy" Grid

Property State
Standard View:
  • One Day = the range of working hours set in Lightning configuration

 

Extended View:
  • Events scheduled out of the standard working hour range are displayed in the view plus an additional hour.

 

Time Zones:
  • The time offset of attendees located in different time zones is visualized by displaying the hours scale in the attendee's row.

 

Colors:
  • Hex #35556B = busy
  • Hex #FFFFFF = free
  • Hex #E6E6E6 = Out of Working hours
  • Hex #E09EBD = No information
  • Hex #BDBEC0 = border color
Rows Visible: 12 (includes All Attendees & Organizer)
Colums Visible: 12
Dimension & Alignment:
  • H = 18 px + border (1 px)
  • W = 43 px + border (1 px)
  • Space Day/Day = 3 px
  • Grid headings are aligned left
Scrolling:
  • 1 Cell per click on left/right and up/down arrow
  • All Attendees is always visible
Tooltips: On mouse over displays the tooltip of each event (same tooltip as used in the calendar views)

Information and Date/Time Area

Retrieved from "https://wiki.mozilla.org/index.php?title=Calendar:SMB_Event_Dialog_-_Invite_Attendee&oldid=34672"