Calendar:SMB Event Dialog - Recurrence Dialog: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
Line 9: Line 9:
| width="150" | '''Author''' || Christian Jansen
| width="150" | '''Author''' || Christian Jansen
|-
|-
| width="150" | '''Last Change''' || [[User:Chris281|Chris]] 06:05, 31 October 2006 (PST)
| width="150" | '''Last Change''' || --[[User:Chris281|Chris]] 05:46, 12 January 2007 (PST)
|-
|-
| width="150" | '''Status''' || Preliminary
| width="150" | '''Status''' || Preliminary
Line 65: Line 65:
=== 1. Dialog  ===
=== 1. Dialog  ===
{| 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%"
|-
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
Line 78: Line 79:
|-
|-
| '''Title GER:'''
| '''Title GER:'''
| Ereignis Wiederholung
| Ereignis Wiederholen
|-
|-
|}
|}
Line 127: Line 128:
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
|-
|-
| '''Month displayed initially:'''
| '''Description:'''
|
* Allows users to preview settings made in "Recurrence Pattern Group Box" & "Range of Recurrence Group box"
|-
|-
| '''Months displayed initially:'''
| 3
| 3
|-
|-
| '''Resizing the dialog:'''
| '''Resizing the dialog:'''
| displays additional months
| Displays additional months
|-  
|-  
|}
|}
Line 143: Line 149:
| If a recurrence is assigned to an event
| If a recurrence is assigned to an event
|-
|-
| '''On Click:'''
| '''Press:'''
| Deletes all recurrences of the event.
| Deletes all recurrences of the event.
|-
|-
Line 161: Line 167:
[[Image:Daily-recurrence.png]]
[[Image:Daily-recurrence.png]]


=== 1. "Repeat" Drop Down List Box ===
 
 
=== 1. "Repeat" Drop Down List Box ===
{| 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%"
|-
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* Depending on Item selected the Range of Recurrens options change
|
|-
| '''Max. Row Count:'''
| 4
|
|-
| '''Number of Rows Visible:'''
| 4
|
|-
| '''Items:'''
|
# Daily ; Täglich
# Weekly ; Wöchentlich
# Monthly ; Monatlich
# Yearly ; Jährlich
| EN-US, DE
|-
|-
| '''Item Selected'''
| '''Item Selected'''
| Daily
| 1
|
|-
|-
| '''Items'''
| Rowspan="2" | '''Label:'''
|
| ~Repeat:
Daily
| EN-US
Weekly
Monthly
Yearly
Depending on the item selected additional user interface elements are displayed below the drop down listbox.
|-
|-
|}
| ~Wiederholen:
| e.g. DE
|}  


=== 2. Repeat Every N Days Option ===
=== 2. Every N Days Option ===
{| 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%"
|-
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* If selected event repeats every day, two days three days, etc
|
|-
|-
| '''Selected:'''
| '''Selected:'''
Line 197: Line 230:
|
|
|-
|-
| Rowspan="2" | '''RadioButton Label:'''
| Rowspan="2" | '''Label:'''
| ~Every Days
| ~Every: [N] Days ; ~Every: [N] Week(s); ~Every: [N] Months; ~Every: [N] Years
|  
| EN-US
|-
|-
| ~Alle Tage(e)
| ~Alle: [N] Tage(e) ; ~Alle: [N] Woche(n) ; ~Alle: [N] Monat(e) ; ~Alle: [N] Jahr(e)
|  
| DE
|}
|}  
 


=== 3. Every weekday - RadioButton> ===
=== 3. Every weekday - RadioButton> ===
Line 211: Line 243:
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
|-
| Rowspan="2" | '''RadioButton Label:'''
| '''Description:'''
|
* If selected event repeats on working days only
|
|-
|-
| Rowspan="2" | '''Label:'''
| Every ~Weekday
| Every ~Weekday
| EN-US
| EN-US
Line 219: Line 257:
|}
|}


=== 4. No End Date - RadioButton ===
=== 4. "No End Date" - RadioButton ===
{| 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%"
|-
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* If selected event repeats endless
|
|-
|-
| '''Selected:'''
| '''Selected:'''
Line 228: Line 271:
|
|
|-
|-
| Rowspan="2" | '''RadioButton Label:'''
| Rowspan="2" | '''Label:'''
| ~No end date
| No ~end date
| EN-US
| EN-US
|-
|-
| ~Kein Enddatum
| Kein ~Enddatum
| DE
|}
 
 
=== 5. "Create N Events" - Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* Defines the number of recurrences
|
|-
| '''Selected:'''
| No, by default
|
|-
| '''Text Field:'''
|
* '''Default Value:''' 1
* '''Min. Value:''' 1
* '''Max. Value:''' TBD
* '''Characters Allowed:''' 1,2,3,4,5,6,7,8,9,0
* '''Disabled:''' If '''4''' or '''6''' is selected
| Max. Number needs <br>to be defined, <br>Google, WCAP, etc
|-
| Rowspan="2" | '''Labels:'''
| ~Create: Events(s)
| EN-US
|-
| ~Ended nach: Ereignissen
| DE
|}
 
=== 6. "Repeat Until" - Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* Defines the date until event repeats.
|
|-
| '''Selected:'''
| No, by default
|
|-
| '''DatePicker List Box:'''
|
* '''Disabled:''' If '''4'''or '''5''' is selected
|
|-
| Rowspan="2" | '''Label:'''
| Repeat ~until:
| EN-US
|-
| Wiederholen ~bis:
| DE
|}
 
 
== Weekly Recurrences ==
[[Image:Weekly-recurrence.png]]
 
=== 1. "On:" - Buttons ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Displayed:'''
| When "weekly" is selected
|
|-
| '''Pressed:'''
|
* Repeats the event on selected week days
* Multiselection possible
|
|-
| '''Buttons:'''
|
* Mon ; Mon
* Tue ; Die
* Wed ; Mit
* Thu ; Don
* Fri ; Fre
* Sat ; Sam
* Sun ; Son
| EN-US , DE
|-
| '''Other:'''
| Button order needs to reflect settings made in:
Tools -> Options -> Lightning -> Views -> <br>"Start the week on:"
|
|-
| Rowspan="2" | '''Label:'''
| ~On:
| EN-US
|-
| ~Am:
| e.g. DE
|}
 
 
== Monthly Recurrences ==
[[Image:Monthly-recurrence.png]]
 
=== 1. "Week Day" Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Enabled:'''
| If '''1''' is selected
|
|-
| '''Items (Drop Down #1):'''
|
# First ; Ersten
# Second ; Zweiten
# Third ; Dritten
# Fourth ; Vierten
# Last ; Letzten
| EN-US, DE
|-
| '''Item Selected (Drop Down #1):'''
| 1
|
|-
| '''Items (Drop Down #2):'''
|
# Monday ; Montag
# Tuesday ; Dienstag
# Wednesday ; Mittwoch
# Thursday ; Donnerstag
# Friday ; Freitag
# Saturday ; Samstag
# Sunday ; Sonntag
| EN-US, DE
|-
| '''Item Selected (Drop Down #2):'''
| 1
|
|-
| '''Other:'''
| Drop Down list #2 has to reflect order set in Tools -> Options -> Lightning -> Views -> "Start the week on:"
|
|-
| Rowspan="2" | '''Label:'''
| ~The:
| EN-US
|-
| ~Jeden:
| e.g. DE
|}
 
=== 2. "Recur on day(s)" Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Enabled:'''
| If '''2''' is selected
|
|-
| '''Buttons:'''
|
* 1 to 31
* Each Button represents 1 day
|
|-
| Rowspan="2" | '''Label:'''
| Repeat on ~days:
| EN-US
|-
| Wiederholen ~an den Tagen:
| e.g. DE
|}
 
 
== Yearly Recurrences ==
[[Image:Yearly-recurrence.png]]
 
 
=== 1. Every "N"th Day in Month - Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Description:'''
|
* Defines the day and month in a yearly recurrence
|
|-
| '''Selected:'''
| Yes, by default
|
|-
| '''Text Field:'''
|
* '''Default Value:''' 1
* '''Min. Value:''' 1
* '''Max. Value:''' 31
* '''Characters Allowed:''' 1,2,3,4,5,6,7,8,9,0
* '''Disabled:''' If '''2''' is selected
|
|-
| '''Items (Drop Down):'''
|
# January ; Januar
# February ; Februar
# March ; März
# April ; April
# May ; Mai
# June ; July
# October ; Oktober
# November ; November
# December ; December
| EN-US, DE
|-
| '''Item Selected (Drop Down):'''
| 1
|
|-
| Rowspan="2" | '''Label:'''
| Ever~y:
| EN-US
|-
| ~Jeden:
| DE
|}
 
 
=== 2. "Week Day" Option ===
{| border="2" cellpadding="4" cellspacing="0" style="margin: 1em 1em 1em 0;  border: 1px #cccccc solid; border-collapse: collapse; width: 100%"
|-
| width="200"  bgcolor="#dddddd" | '''Property''' || bgcolor="#dddddd" | '''State''' || bgcolor="#dddddd" | '''Comment'''
|-
| '''Enabled:'''
| If '''2''' is selected
|
|-
| '''Items (Drop Down #1):'''
|
# First ; Ersten
# Second ; Zweiten
# Third ; Dritten
# Fourth ; Vierten
# Last ; Letzten
| EN-US, DE
|-
| '''Item Selected (Drop Down #1):'''
| 1
|
|-
| '''Items (Drop Down #2):'''
|
# Monday ; Montag
# Tuesday ; Dienstag
# Wednesday ; Mittwoch
# Thursday ; Donnerstag
# Friday ; Freitag
# Saturday ; Samstag
# Sunday ; Sonntag
| EN-US, DE
|-
| '''Item Selected (Drop Down #3):'''
| 1
|
|-
| '''Items (Drop Down):'''
|
# January ; Januar
# February ; Februar
# March ; März
# April ; April
# May ; Mai
# June ; July
# October ; Oktober
# November ; November
# December ; December
| EN-US, DE
|-
| '''Item Selected (Drop Down):'''
| 1
|
|-
| '''Other:'''
| Drop Down list #2 has to reflect order set in Tools -> Options -> Lightning -> Views -> "Start the week on:"
|
|-
| Rowspan="2" | '''Label:'''
|
* ~The:
* ~of:
| EN-US
|-
|
* ~Am:
* ~im:
| DE
| DE
|}
|}

Revision as of 13:46, 12 January 2007

Enterprise Recurrence Dialog UI Specification

Specification Status
Author Christian Jansen
Last Change --Chris 05:46, 12 January 2007 (PST)
Status Preliminary

Abstract

This specification covers the UI of the Enterprise Recurrence dialog.


References

  • Test Case Specification


Detailed Specification

This specification is divided into five sections. Section 1 describes the general aspects of the dialog. Sections 2 - 5 cover focus on recurrence creation.

The Recurrence Dialog

      +-----------------------------------------------+
1. -> | Event Recurrence                            X |
      +-----------------------------------------------+
      |                                               |
2. -> | +- Recurrence Pattern ------------------+  |  |
      | |                                          |  |
      | |  Repeat: [ Daily                   \/ ]  |  |
      | |          x Every: [1  ] Day(s)           |  |
      | |          o Every weekday                 |  |
      | +------------------------------------------+  |
      |                                               |
3. -> | +- Range ----------------------------------+  |
      | |  x No end date                           |  |
      | |  0 Create: [5] Event(s)                  |  |
      | |  O Repeat until:  [11.10.2006      \/ ]  |  |
      | +------------------------------------------+  |
      |                                               |
4. -> | Preview                                       |
      |   March 2006     April 2006       May 2006    |
      | M T W T F S S | M T W T F S S | M T W T F S S |
      | 1 2 3 4 5 6 7 | 1 2 3 4 5 6 7 | 1 2 3 4 X 6 7 |
      | 1 2 3 X 5 6 7 | 1 2 3 X 5 6 7 | 1 X 3 4 5 X 7 |
      | 1 X 3 4 5 6 7 | 1 2 3 4 X 6 7 | 1 2 3 4 5 6 7 |
      | 1 2 3 4 5     | 1 2 3 4 5     | 1 2 3 4       |
      +-----------------------------------------------+
5. -> | [ Remove Recurrences ]    [[ OK ]] [ Cancel ] |
      +-----------------------------------------------+

1. Dialog

Property State
Type:
  • Dialog,
  • Modal,
  • Rezisable
Title EN-US: Event Recurrence
Title GER: Ereignis Wiederholen

2. Recurrence Pattern Group Box

Property State
Contains:
  • Settings for:
    • Daily
    • Weekly
    • Monthly
    • Yearly

recurrence patterns

Title EN-US: Recurrence Pattern
Title GER: Wiederholungstyp

3. Range of Recurrence Group box

Property State
Displays:
  • According to the selection in 2 appropriate setting

Repeat patterns

Title EN-US: Range of Recurrence
Title GER: Wiederholungszeitraum

"4. Preview"

Property State
Description:
  • Allows users to preview settings made in "Recurrence Pattern Group Box" & "Range of Recurrence Group box"
Months displayed initially: 3
Resizing the dialog: Displays additional months

5. "Remove Recurrence" Button

Property State
Displayed: If a recurrence is assigned to an event
Press: Deletes all recurrences of the event.
State: Normal
EN-US: ~Remove Recurrence
Ger: Wiederholungen ~entfernen

Daily Recurrences

Daily-recurrence.png


1. "Repeat" Drop Down List Box

Property State Comment
Description:
  • Depending on Item selected the Range of Recurrens options change
Max. Row Count: 4
Number of Rows Visible: 4
Items: 
# Daily ; Täglich
# Weekly ; Wöchentlich
# Monthly ; Monatlich
# Yearly ; Jährlich
EN-US, DE
Item Selected 1
Label: ~Repeat: EN-US
~Wiederholen: e.g. DE

2. Every N Days Option

Property State Comment
Description:
  • If selected event repeats every day, two days three days, etc
Selected: Yes, by default
Text Field: 
* Default Value: 1
* Min. Value: 1
* Max. Value: 999
* Characters Allowed: 1,2,3,4,5,6,7,8,9,0
* Disabled: If 3 is selected
Label: ~Every: [N] Days ; ~Every: [N] Week(s); ~Every: [N] Months; ~Every: [N] Years EN-US
~Alle: [N] Tage(e) ; ~Alle: [N] Woche(n) ; ~Alle: [N] Monat(e) ; ~Alle: [N] Jahr(e) DE

3. Every weekday - RadioButton>

Property State Comment
Description:
  • If selected event repeats on working days only
Label: Every ~Weekday EN-US
~Jeden Arbeitstag Needs to be configurable -> (Option?)

4. "No End Date" - RadioButton

Property State Comment
Description:
  • If selected event repeats endless
Selected: Yes, by default
Label: No ~end date EN-US
Kein ~Enddatum DE


5. "Create N Events" - Option

Property State Comment
Description:
  • Defines the number of recurrences
Selected: No, by default
Text Field: 
* Default Value: 1
* Min. Value: 1
* Max. Value: TBD
* Characters Allowed: 1,2,3,4,5,6,7,8,9,0
* Disabled: If 4 or 6 is selected
Max. Number needs
to be defined,
Google, WCAP, etc
Labels: ~Create: Events(s) EN-US
~Ended nach: Ereignissen DE

6. "Repeat Until" - Option

Property State Comment
Description: 
* Defines the date until event repeats.
Selected: No, by default
DatePicker List Box: 
* Disabled: If 4or 5 is selected
Label: Repeat ~until: EN-US
Wiederholen ~bis: DE


Weekly Recurrences

Weekly-recurrence.png

1. "On:" - Buttons

Property State Comment
Displayed: When "weekly" is selected
Pressed: 
* Repeats the event on selected week days
* Multiselection possible
Buttons: 
* Mon ; Mon
* Tue ; Die
* Wed ; Mit
* Thu ; Don
* Fri ; Fre
* Sat ; Sam
* Sun ; Son
EN-US , DE
Other: Button order needs to reflect settings made in: 
Tools -> Options -> Lightning -> Views -> 
"Start the week on:"
Label: ~On: EN-US
~Am: e.g. DE


Monthly Recurrences

Monthly-recurrence.png

1. "Week Day" Option

Property State Comment
Enabled: If 1 is selected
Items (Drop Down #1): 
# First ; Ersten
# Second ; Zweiten
# Third ; Dritten
# Fourth ; Vierten
# Last ; Letzten
EN-US, DE
Item Selected (Drop Down #1): 1
Items (Drop Down #2): 
# Monday ; Montag
# Tuesday ; Dienstag
# Wednesday ; Mittwoch
# Thursday ; Donnerstag
# Friday ; Freitag
# Saturday ; Samstag
# Sunday ; Sonntag
EN-US, DE
Item Selected (Drop Down #2): 1
Other: Drop Down list #2 has to reflect order set in Tools -> Options -> Lightning -> Views -> "Start the week on:"
Label: ~The: EN-US
~Jeden: e.g. DE

2. "Recur on day(s)" Option

Property State Comment
Enabled: If 2 is selected
Buttons: 
* 1 to 31
* Each Button represents 1 day
Label: Repeat on ~days: EN-US
Wiederholen ~an den Tagen: e.g. DE


Yearly Recurrences

Yearly-recurrence.png


1. Every "N"th Day in Month - Option

Property State Comment
Description:
  • Defines the day and month in a yearly recurrence
Selected: Yes, by default
Text Field: 
* Default Value: 1
* Min. Value: 1
* Max. Value: 31
* Characters Allowed: 1,2,3,4,5,6,7,8,9,0
* Disabled: If 2 is selected
Items (Drop Down): 
# January ; Januar
# February ; Februar
# March ; März
# April ; April
# May ; Mai
# June ; July
# October ; Oktober
# November ; November
# December ; December
EN-US, DE
Item Selected (Drop Down): 1
Label: Ever~y: EN-US
~Jeden: DE


2. "Week Day" Option

Property State Comment
Enabled: If 2 is selected
Items (Drop Down #1): 
# First ; Ersten
# Second ; Zweiten
# Third ; Dritten
# Fourth ; Vierten
# Last ; Letzten
EN-US, DE
Item Selected (Drop Down #1): 1
Items (Drop Down #2): 
# Monday ; Montag
# Tuesday ; Dienstag
# Wednesday ; Mittwoch
# Thursday ; Donnerstag
# Friday ; Freitag
# Saturday ; Samstag
# Sunday ; Sonntag
EN-US, DE
Item Selected (Drop Down #3): 1
Items (Drop Down): 
# January ; Januar
# February ; Februar
# March ; März
# April ; April
# May ; Mai
# June ; July
# October ; Oktober
# November ; November
# December ; December
EN-US, DE
Item Selected (Drop Down): 1
Other: Drop Down list #2 has to reflect order set in Tools -> Options -> Lightning -> Views -> "Start the week on:"
Label:
  • ~The:
  • ~of:
 EN-US
  • ~Am:
  • ~im:
 DE
Retrieved from "https://wiki.mozilla.org/index.php?title=Calendar:SMB_Event_Dialog_-_Recurrence_Dialog&oldid=46116"