Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
rwt.widgets.DateTimeDate.js Maven / Gradle / Ivy
The Rich Ajax Platform lets you build rich, Ajax-enabled Web applications.
/*******************************************************************************
* Copyright (c) 2008, 2012 Innoopract Informationssysteme GmbH and others.
* All rights reserved. This program and the accompanying materials
* are made available under the terms of the Eclipse Public License v1.0
* which accompanies this distribution, and is available at
* http://www.eclipse.org/legal/epl-v10.html
*
* Contributors:
* Innoopract Informationssysteme GmbH - initial API and implementation
* EclipseSource - ongoing development
******************************************************************************/
rwt.qx.Class.define( "rwt.widgets.DateTimeDate", {
extend : rwt.widgets.base.Parent,
construct : function( style,
monthNames,
weekdayNames,
weekdayShortNames,
dateSeparator,
datePattern )
{
this.base( arguments );
this.setOverflow( "hidden" );
this.setAppearance( "datetime-date" );
// Get styles
this._short = rwt.util.Strings.contains( style, "short" );
this._medium = rwt.util.Strings.contains( style, "medium" );
this._long = rwt.util.Strings.contains( style, "long" );
this._drop_down = rwt.util.Strings.contains( style, "drop_down" );
// Has selection listener
this._hasSelectionListener = false;
this._requestTimer = null;
// Flag that indicates that the next request can be sent
this._readyToSendChanges = true;
// Get names of weekdays and months
this._weekday = weekdayNames;
this._monthname = monthNames;
// Date pattern
this._datePattern = datePattern;
// Add listener for font change
this.addEventListener( "changeFont", this._rwt_onChangeFont, this );
this.addEventListener( "keypress", this._onKeyPress, this );
this.addEventListener( "keyup", this._onKeyUp, this );
this.addEventListener( "mousewheel", this._onMouseWheel, this );
this.addEventListener( "contextmenu", this._onContextMenu, this );
this.addEventListener( "focus", this._onFocusIn, this );
this.addEventListener( "blur", this._onFocusOut, this );
// Focused text field
this._focusedTextField = null;
// Weekday
this._weekdayTextField = new rwt.widgets.base.Label();
this._weekdayTextField.setAppearance( "datetime-field" );
if( this._long ) {
this.add( this._weekdayTextField );
}
// Separator
this._separator0 = new rwt.widgets.base.Label(",");
this._separator0.setAppearance( "datetime-separator" );
if( this._long ) {
this.add(this._separator0);
}
// Month
this._monthTextField = new rwt.widgets.base.Label();
this._monthTextField.setAppearance( "datetime-field" );
this._monthTextField.set({
textAlign: this._medium ? "right" : "center"
});
// Integer value of the month
this._monthInt = 1;
if( this._medium ) {
this._monthTextField.setText( "1" );
} else {
this._monthTextField.setText( this._monthname[ this._monthInt - 1 ] );
}
this._monthTextField.addEventListener( "mousedown", this._onTextFieldMouseDown, this );
this.add( this._monthTextField );
// Separator
this._separator1 = new rwt.widgets.base.Label( dateSeparator );
this._separator1.setAppearance( "datetime-separator" );
if( this._medium ) {
this.add(this._separator1);
}
// Date
this._dayTextField = new rwt.widgets.base.Label( "1" );
this._dayTextField.setAppearance( "datetime-field" );
this._dayTextField.setUserData( "maxLength", 2 );
this._dayTextField.set({
textAlign: "right"
});
this._dayTextField.addEventListener( "mousedown", this._onTextFieldMouseDown, this );
if( !this._short ) {
this.add( this._dayTextField );
}
// Separator
this._separator2 = new rwt.widgets.base.Label( "," );
this._separator2.setAppearance( "datetime-separator" );
if( this._medium ) {
this._separator2.setText( dateSeparator );
}
this.add(this._separator2);
// Year
this._yearTextField = new rwt.widgets.base.Label( "1970" );
this._yearTextField.setAppearance( "datetime-field" );
this._yearTextField.setUserData( "maxLength", 4 );
this._yearTextField.set({
textAlign: "right"
});
// Last valid year
this._lastValidYear = 1970;
this._yearTextField.addEventListener( "mousedown", this._onTextFieldMouseDown, this );
this.add( this._yearTextField );
// Spinner
this._spinner = new rwt.widgets.base.Spinner();
this._spinner.set({
wrap: true,
border: null,
backgroundColor: null
});
this._spinner.setMin( 1 );
this._spinner.setMax( 12 );
this._spinner.setValue( this._monthInt );
this._spinner.addEventListener( "change", this._onSpinnerChange, this );
this._spinner._textfield.setTabIndex( null );
// Hack to prevent the spinner text field to request the focus
this._spinner._textfield.setFocused = function() {};
// Solution for Bug 284021
this._spinner._textfield.setVisibility( false );
this._spinner._upbutton.setAppearance("datetime-button-up");
this._spinner._downbutton.setAppearance("datetime-button-down");
this._spinner.removeEventListener("keypress", this._spinner._onkeypress, this._spinner);
this._spinner.removeEventListener("keydown", this._spinner._onkeydown, this._spinner);
this._spinner.removeEventListener("keyup", this._spinner._onkeyup, this._spinner);
this._spinner.removeEventListener("mousewheel", this._spinner._onmousewheel, this._spinner);
this._spinner.setVisibility( !this._drop_down );
this.add( this._spinner );
// Drop-down button and calendar
this._dropped = false;
this._dropDownButton = null;
this._calendar = null;
if( this._drop_down ) {
// Add events listeners
var cDocument = rwt.widgets.base.ClientDocument.getInstance();
cDocument.addEventListener( "windowblur", this._onWindowBlur, this );
this.addEventListener( "appear", this._onAppear, this );
this.addEventListener( "changeVisibility", this._onChangeVisibility, this );
this.addEventListener( "mousedown", this._onMouseDown, this );
this.addEventListener( "click", this._onMouseClick, this );
this.addEventListener( "mouseover", this._onMouseOver, this );
this.addEventListener( "mouseout", this._onMouseOut, this );
this._dropDownButton = new rwt.widgets.base.Button();
this._dropDownButton.setAppearance( "datetime-drop-down-button" );
this._dropDownButton.setTabIndex( null );
this._dropDownButton.setAllowStretchY( true );
this.add( this._dropDownButton );
// Get names of weekdays and months
rwt.widgets.base.Calendar.MONTH_NAMES = monthNames;
rwt.widgets.base.Calendar.WEEKDAY_NAMES = weekdayShortNames;
this._calendar = new rwt.widgets.base.Calendar();
this._calendar.setAppearance( "datetime-drop-down-calendar" );
this._calendar.setDate( new Date( 70, 0, 1 ) );
this._calendar.setTabIndex( null );
this._calendar.setVisibility( false );
// TODO: [if] Calendar buttons tooltips have wrong z-index
// Remove tooltips for now.
this._calendar._lastYearBt.setToolTip( null );
this._calendar._lastMonthBt.setToolTip( null );
this._calendar._nextMonthBt.setToolTip( null );
this._calendar._nextYearBt.setToolTip( null );
}
// Set the default focused text field
this._focusedTextField = this._monthTextField;
// Set the weekday
this._setWeekday();
},
destruct : function() {
this.removeEventListener( "changeFont", this._rwt_onChangeFont, this );
this.removeEventListener( "keypress", this._onKeyPress, this );
this.removeEventListener( "keyup", this._onKeyUp, this );
this.removeEventListener( "mousewheel", this._onMouseWheel, this );
this.removeEventListener( "contextmenu", this._onContextMenu, this );
this.removeEventListener( "focus", this._onFocusIn, this );
this.removeEventListener( "blur", this._onFocusOut, this );
this._monthTextField.removeEventListener( "mousedown", this._onTextFieldMouseDown, this );
this._dayTextField.removeEventListener( "mousedown", this._onTextFieldMouseDown, this );
this._yearTextField.removeEventListener( "mousedown", this._onTextFieldMouseDown, this );
this._spinner.removeEventListener( "change", this._onSpinnerChange, this );
this._disposeObjects( "_weekdayTextField",
"_monthTextField",
"_dayTextField",
"_yearTextField",
"_focusedTextField",
"_spinner",
"_separator0",
"_separator1",
"_separator2" );
if( this._drop_down ) {
var cDocument = rwt.widgets.base.ClientDocument.getInstance();
cDocument.removeEventListener( "windowblur", this._onWindowBlur, this );
this.removeEventListener( "appear", this._onAppear, this );
this.removeEventListener( "changeVisibility", this._onChangeVisibility, this );
this.removeEventListener( "mousedown", this._onMouseDown, this );
this.removeEventListener( "click", this._onMouseClick, this );
this.removeEventListener( "mouseover", this._onMouseOver, this );
this.removeEventListener( "mouseout", this._onMouseOut, this );
this._dropDownButton.dispose();
this._dropDownButton = null;
if( !rwt.qx.Object.inGlobalDispose() ) {
this._calendar.setParent( null );
}
this._calendar.dispose();
this._calendar = null;
}
},
statics : {
WEEKDAY_TEXTFIELD : 0,
DATE_TEXTFIELD : 1,
MONTH_TEXTFIELD : 2,
YEAR_TEXTFIELD : 3,
WEEKDAY_MONTH_SEPARATOR : 4,
MONTH_DATE_SEPARATOR : 5,
DATE_YEAR_SEPARATOR : 6,
SPINNER : 7,
DROP_DOWN_BUTTON : 13,
_isNoModifierPressed : function( evt ) {
return !evt.isCtrlPressed()
&& !evt.isShiftPressed()
&& !evt.isAltPressed()
&& !evt.isMetaPressed();
}
},
members : {
addState : function( state ) {
this.base( arguments, state );
if( state.substr( 0, 8 ) == "variant_" ) {
this._weekdayTextField.addState( state );
this._monthTextField.addState( state );
this._dayTextField.addState( state );
this._yearTextField.addState( state );
this._spinner.addState( state );
this._separator0.addState( state );
this._separator1.addState( state );
this._separator2.addState( state );
if( this._drop_down ) {
this._dropDownButton.addState( state );
this._calendar.addState( state );
}
}
},
removeState : function( state ) {
this.base( arguments, state );
if( state.substr( 0, 8 ) == "variant_" ) {
this._weekdayTextField.removeState( state );
this._monthTextField.removeState( state );
this._dayTextField.removeState( state );
this._yearTextField.removeState( state );
this._spinner.removeState( state );
this._separator0.removeState( state );
this._separator1.removeState( state );
this._separator2.removeState( state );
if( this._drop_down ) {
this._dropDownButton.removeState( state );
this._calendar.removeState( state );
}
}
},
_rwt_onChangeFont : function( evt ) {
var value = evt.getValue();
this._weekdayTextField.setFont( value );
this._dayTextField.setFont( value );
this._monthTextField.setFont( value );
this._yearTextField.setFont( value );
},
_onContextMenu : function( evt ) {
var menu = this.getContextMenu();
if( menu != null && !this._dropped ) {
menu.setLocation( evt.getPageX(), evt.getPageY() );
menu.setOpener( this );
menu.show();
evt.stopPropagation();
}
},
_onFocusIn : function( evt ) {
this._focusedTextField.addState( "selected" );
this._initialEditing = true;
},
_onFocusOut : function( evt ) {
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
this._focusedTextField.removeState( "selected" );
},
_onTextFieldMouseDown : function( evt ) {
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
this._setFocusedTextField( evt.getTarget() );
},
_setFocusedTextField : function( textField ) {
if( this._focusedTextField !== textField ) {
this._focusedTextField.removeState( "selected" );
this._focusedTextField = null;
if( textField === this._dayTextField ) {
this._spinner.setMin( 1 );
this._spinner.setMax( this._getDaysInMonth() );
var tmpValue = this._removeLeadingZero( this._dayTextField.getText() );
this._spinner.setValue( parseInt( tmpValue, 10 ) );
} else if( textField === this._monthTextField ) {
this._spinner.setMin( 1 );
this._spinner.setMax( 12 );
this._spinner.setValue( this._monthInt );
} else if( textField === this._yearTextField ) {
this._spinner.setMax( 9999 );
this._spinner.setMin( 1752 );
this._spinner.setValue( this._lastValidYear );
}
this._focusedTextField = textField;
this._focusedTextField.addState( "selected" );
this._initialEditing = true;
}
},
_onSpinnerChange : function( evt ) {
if( this._focusedTextField != null ) {
var oldValue = this._focusedTextField.getText();
// Set the value
if( this._focusedTextField === this._monthTextField ) {
this._monthInt = this._spinner.getValue();
if( this._medium ) {
this._focusedTextField.setText( this._addLeadingZero( this._monthInt ) );
} else {
this._focusedTextField.setText( this._monthname[ this._monthInt - 1 ] );
}
} else if( this._focusedTextField === this._yearTextField ) {
this._lastValidYear = this._spinner.getValue();
this._focusedTextField.setText( "" + this._spinner.getValue() );
} else {
this._focusedTextField.setText( this._addLeadingZero( this._spinner.getValue() ) );
}
// Adjust date field
if( this._focusedTextField == this._monthTextField // month
|| this._focusedTextField == this._yearTextField ) // year
{
var dateValue = this._dayTextField.getText();
if( dateValue > this._getDaysInMonth() ) {
this._dayTextField.setText( "" + this._getDaysInMonth() );
}
}
// Set the weekday field
this._setWeekday();
var newValue = this._focusedTextField.getText();
if( oldValue != newValue ) {
this._sendChanges();
}
}
},
_onKeyPress : function( evt ) {
var keyIdentifier = evt.getKeyIdentifier();
if( this._dropped ) {
this._calendar._onkeypress( evt );
if( rwt.widgets.DateTimeDate._isNoModifierPressed( evt ) ) {
switch( keyIdentifier ) {
case "Enter": case "Escape": case "Space": case "Tab":
this._toggleCalendarVisibility();
break;
case "Left": case "Right":
case "Up": case "Down":
case "PageUp": case "PageDown":
var date = this._calendar.getDate();
this._setDate( date );
this._sendChanges();
evt.preventDefault();
evt.stopPropagation();
break;
}
} else if( evt.isShiftPressed() ) {
switch( keyIdentifier ) {
case "Tab":
this._toggleCalendarVisibility();
break;
case "PageUp": case "PageDown":
var date = this._calendar.getDate();
this._setDate( date );
this._sendChanges();
evt.preventDefault();
evt.stopPropagation();
break;
}
}
} else {
if( rwt.widgets.DateTimeDate._isNoModifierPressed( evt ) ) {
switch( keyIdentifier ) {
case "Left":
if( this._datePattern == "MDY") {
this._rollLeft( this._monthTextField, this._dayTextField, this._yearTextField );
} else if( this._datePattern == "DMY") {
this._rollLeft( this._dayTextField, this._monthTextField, this._yearTextField );
} else {
if( this._medium ) {
this._rollLeft( this._yearTextField, this._monthTextField, this._dayTextField );
} else {
this._rollLeft( this._monthTextField, this._dayTextField, this._yearTextField );
}
}
evt.preventDefault();
evt.stopPropagation();
break;
case "Right":
if( this._datePattern == "MDY") {
this._rollRight( this._monthTextField, this._dayTextField, this._yearTextField );
} else if( this._datePattern == "DMY") {
this._rollRight( this._dayTextField, this._monthTextField, this._yearTextField );
} else {
if( this._medium ) {
this._rollRight( this._yearTextField, this._monthTextField, this._dayTextField );
} else {
this._rollRight( this._monthTextField, this._dayTextField, this._yearTextField );
}
}
evt.preventDefault();
evt.stopPropagation();
break;
case "Up":
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
var value = this._spinner.getValue();
if( value == this._spinner.getMax() ) {
this._spinner.setValue( this._spinner.getMin() );
} else {
this._spinner.setValue( value + 1 );
}
evt.preventDefault();
evt.stopPropagation();
break;
case "Down":
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
var value = this._spinner.getValue();
if( value == this._spinner.getMin() ) {
this._spinner.setValue( this._spinner.getMax() );
} else {
this._spinner.setValue( value - 1 );
}
evt.preventDefault();
evt.stopPropagation();
break;
case "PageUp":
case "PageDown":
case "Home":
case "End":
evt.preventDefault();
evt.stopPropagation();
break;
}
}
}
},
_rollRight : function( first, second, third ) {
// Apply year value
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
// Roll right
if( this._focusedTextField === first ){
if( second.isSeeable() ) {
this._setFocusedTextField( second );
} else {
this._setFocusedTextField( third );
}
} else if( this._focusedTextField === second ) {
if( third.isSeeable() ) {
this._setFocusedTextField( third );
} else {
this._setFocusedTextField( first );
}
} else if( this._focusedTextField === third ) {
if( first.isSeeable() ) {
this._setFocusedTextField( first );
} else {
this._setFocusedTextField( second );
}
}
},
_rollLeft : function( first, second, third ) {
// Apply year value
if( this._focusedTextField === this._yearTextField ) {
this._checkAndApplyYearValue();
}
// Roll left
if( this._focusedTextField === first ) {
if( third.isSeeable() ) {
this._setFocusedTextField( third );
} else {
this._setFocusedTextField( second );
}
} else if( this._focusedTextField === second ) {
if( first.isSeeable() ) {
this._setFocusedTextField( first );
} else {
this._setFocusedTextField( third );
}
} else if( this._focusedTextField === third ) {
if( second.isSeeable() ) {
this._setFocusedTextField( second );
} else {
this._setFocusedTextField( first );
}
}
},
_onKeyUp : function( evt ) {
if( !this._dropped ) {
var keypress = evt.getKeyIdentifier();
var value = this._focusedTextField.getText();
value = this._removeLeadingZero( value );
if( rwt.widgets.DateTimeDate._isNoModifierPressed( evt ) ) {
switch( keypress ) {
case "0": case "1": case "2": case "3": case "4":
case "5": case "6": case "7": case "8": case "9":
var maxChars = this._focusedTextField.getUserData( "maxLength" );
if( this._focusedTextField === this._monthTextField ) {
value = "" + this._monthInt;
maxChars = 2;
}
var newValue = keypress;
if( value.length < maxChars && !this._initialEditing ) {
newValue = value + keypress;
}
var intValue = parseInt( newValue, 10 );
if( this._focusedTextField === this._dayTextField
|| this._focusedTextField === this._monthTextField )
{
if( intValue >= this._spinner.getMin() && intValue <= this._spinner.getMax() ) {
this._spinner.setValue( intValue );
} else {
// Do it again without adding the old value
newValue = keypress;
intValue = parseInt( newValue, 10 );
if( intValue >= this._spinner.getMin() && intValue <= this._spinner.getMax() ) {
this._spinner.setValue( intValue );
}
}
} else if( this._focusedTextField == this._yearTextField ) {
this._focusedTextField.setText( newValue );
if( newValue.length == 4 ) {
this._checkAndApplyYearValue();
}
}
this._initialEditing = false;
evt.preventDefault();
evt.stopPropagation();
break;
case "Home":
var newValue = this._spinner.getMin();
this._spinner.setValue( newValue );
this._initialEditing = true;
evt.preventDefault();
evt.stopPropagation();
break;
case "End":
var newValue = this._spinner.getMax();
this._spinner.setValue( newValue );
this._initialEditing = true;
evt.preventDefault();
evt.stopPropagation();
break;
}
}
}
},
_onMouseWheel : function( evt ) {
if( this.getFocused() ) {
evt.preventDefault();
evt.stopPropagation();
if( !this._dropped ) {
this._spinner._onmousewheel( evt );
}
}
},
_getDaysInMonth : function() {
var result = 31;
var tmpMonth = this._monthInt - 1;
var tmpYear = parseInt( this._yearTextField.getText(), 10 );
var tmpDate = new Date( tmpYear, tmpMonth, 1 );
tmpDate.setDate( result );
while( tmpDate.getMonth() !== tmpMonth ) {
result--;
tmpDate = new Date( tmpYear, tmpMonth, 1 );
tmpDate.setDate( result );
}
return result;
},
_setWeekday : function() {
var tmpDate = new Date();
tmpDate.setDate( parseInt( this._dayTextField.getText(), 10 ) );
tmpDate.setMonth( this._monthInt - 1 );
tmpDate.setFullYear( parseInt( this._yearTextField.getText(), 10 ) );
this._weekdayTextField.setText( this._weekday[ tmpDate.getDay() + 1 ] );
},
_checkAndApplyYearValue : function() {
var oldValue = this._lastValidYear;
var value = parseInt( this._yearTextField.getText(), 10 );
if( value >= 0 && value <= 29 ) {
this._lastValidYear = 2000 + value;
} else if( value >= 30 && value <= 99 ) {
this._lastValidYear = 1900 + value;
} else if( value >= 1752 ) {
this._lastValidYear = value;
}
this._yearTextField.setText( "" + oldValue );
if( oldValue != this._lastValidYear ) {
this._spinner.setValue( this._lastValidYear );
}
},
_addLeadingZero : function( value ) {
return value < 10 ? "0" + value : "" + value;
},
_removeLeadingZero : function( value ) {
var result = value;
if( value.length == 2 ) {
var firstChar = value.substring( 0, 1 );
if( firstChar == "0" ) {
result = value.substring( 1 );
}
}
return result;
},
_sendChanges : function() {
if( !rwt.remote.EventUtil.getSuspended() ) {
var widgetManager = rwt.remote.WidgetManager.getInstance();
var req = rwt.remote.Server.getInstance();
var id = widgetManager.findIdByWidget( this );
req.addParameter( id + ".day", this._removeLeadingZero( this._dayTextField.getText() ) );
req.addParameter( id + ".month", this._monthInt - 1 );
req.addParameter( id + ".year", this._lastValidYear );
if( this._hasSelectionListener ) {
this._requestTimer.restart();
}
}
},
_onInterval : function() {
this._requestTimer.stop();
rwt.remote.EventUtil.notifySelected( this );
},
setMonth : function( value ) {
this._monthInt = value + 1;
if( this._medium ) {
this._monthTextField.setText( this._addLeadingZero( this._monthInt ) );
} else {
this._monthTextField.setText( this._monthname[ this._monthInt - 1 ] );
}
if( this._focusedTextField === this._monthTextField ) {
this._spinner.setValue( this._monthInt );
}
// Set the weekday
this._setWeekday();
},
setDay : function( value ) {
this._dayTextField.setText( this._addLeadingZero( value ) );
if( this._focusedTextField === this._dayTextField ) {
this._spinner.setValue( value );
}
// Set the weekday
this._setWeekday();
},
setYear : function( value ) {
this._lastValidYear = value;
this._yearTextField.setText( "" + value );
if( this._focusedTextField === this._yearTextField ) {
this._spinner.setValue( value );
}
// Set the weekday
this._setWeekday();
},
_setDate : function( date ) {
this.setYear( date.getFullYear() );
this.setMonth( date.getMonth() );
this.setDay( date.getDate() );
},
setHasSelectionListener : function( value ) {
this._hasSelectionListener = value;
this._requestTimer = new rwt.client.Timer( 110 );
this._requestTimer.addEventListener( "interval", this._onInterval, this );
},
setBounds : function( ind, x, y, width, height ) {
var widget = null;
switch( ind ) {
case rwt.widgets.DateTimeDate.WEEKDAY_TEXTFIELD:
widget = this._weekdayTextField;
break;
case rwt.widgets.DateTimeDate.DATE_TEXTFIELD:
widget = this._dayTextField;
break;
case rwt.widgets.DateTimeDate.MONTH_TEXTFIELD:
widget = this._monthTextField;
break;
case rwt.widgets.DateTimeDate.YEAR_TEXTFIELD:
widget = this._yearTextField;
break;
case rwt.widgets.DateTimeDate.WEEKDAY_MONTH_SEPARATOR:
widget = this._separator0;
break;
case rwt.widgets.DateTimeDate.MONTH_DATE_SEPARATOR:
widget = this._separator1;
break;
case rwt.widgets.DateTimeDate.DATE_YEAR_SEPARATOR:
widget = this._separator2;
break;
case rwt.widgets.DateTimeDate.SPINNER:
widget = this._spinner;
break;
case rwt.widgets.DateTimeDate.DROP_DOWN_BUTTON:
widget = this._dropDownButton;
break;
}
if( widget != null ) {
widget.set({
left: x,
top: y,
width: width,
height: height
});
}
},
//////////////////////////////////////
// Drop-down calendar handling methods
_onAppear : function( evt ) {
if( this._calendar != null ) {
this.getTopLevelWidget().add( this._calendar );
this._setCalendarLocation();
}
},
_onWindowBlur : function( evt ) {
if( this._dropped ) {
this._toggleCalendarVisibility();
}
},
_onChangeVisibility : function( evt ) {
var value = evt.getValue();
if( !value && this._dropped ) {
this._toggleCalendarVisibility();
}
},
_onMouseDown : function( evt ) {
var target = evt.getTarget();
if( target.getUserData( "calendar-day" ) ) {
evt.stopPropagation();
} else if( target.getUserData( "calendar-button" ) ) {
evt.stopPropagation();
} else if( this._dropped && target !== this._dropDownButton ) {
this._toggleCalendarVisibility();
}
},
_onMouseClick : function( evt ) {
if( evt.isLeftButtonPressed() ) {
var target = evt.getTarget();
if( target.getUserData( "calendar-day" ) ) {
this._calendar._onDayClicked( evt );
var date = this._calendar.getDate();
this._setDate( date );
this._toggleCalendarVisibility();
this.setFocused( true );
this._sendChanges();
} else if( target.getUserData( "calendar-button" ) ) {
this._calendar._onNavButtonClicked( evt );
} else if( target === this._dropDownButton ) {
this._toggleCalendarVisibility();
}
}
},
_onMouseOver : function( evt ) {
var target = evt.getTarget();
if( target == this._dropDownButton ) {
this._dropDownButton.addState( "over" );
} else if( target.getUserData( "calendar-day" ) ) {
this._calendar._onDayMouseOver( evt );
}
},
_onMouseOut : function( evt ) {
var target = evt.getTarget();
if( target == this._dropDownButton ) {
this._dropDownButton.removeState( "over" );
} else if( target.getUserData( "calendar-day" ) ) {
this._calendar._onDayMouseOut( evt );
}
},
_toggleCalendarVisibility : function() {
if( this._calendar != null ) {
this._dropped = !this._dropped;
this._calendar.setVisibility( this._dropped );
this.setCapture( this._dropped );
if( this._dropped ) {
this._bringToFront();
this._setCalendarLocation();
var year = parseInt( this._yearTextField.getText(), 10 );
var day = parseInt( this._dayTextField.getText(), 10 );
var date = new Date( year, this._monthInt - 1, day );
this._calendar.setDate( date );
this._focusedTextField.removeState( "selected" );
} else if( this.getFocused() ){
this._focusedTextField.addState( "selected" );
}
}
},
_setCalendarLocation : function() {
if( this.getElement() && this._calendar != null ){
var elementPos = rwt.html.Location.get( this.getElement() );
var browserHeight = rwt.html.Window.getInnerHeight( window );
var top = elementPos.top + this.getHeight();
var height = this._calendar.getHeightValue();
if( top + height > browserHeight ) {
top = elementPos.top - height;
}
this._calendar.setLocation( elementPos.left, top );
}
},
_bringToFront : function() {
var allWidgets = this.getTopLevelWidget().getChildren();
var topZIndex = this._calendar.getZIndex();
for( var vHashCode in allWidgets ) {
var widget = allWidgets[ vHashCode ];
if( widget.getZIndex ) {
if( topZIndex < widget.getZIndex() ) {
topZIndex = widget.getZIndex();
}
}
}
if( topZIndex > this._calendar.getZIndex() ) {
this._calendar.setZIndex( topZIndex + 1 );
}
}
}
} );
