| /******************************************************************************* |
| * 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 ); |
| } |
| } |
| } |
| } ); |
