Show
Ignore:
Timestamp:
08/19/10 13:46:02 (21 months ago)
Author:
mszopinski
Message:

calendar, updating month display

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • ssme/trunk/flex/Calendar/src/Calendar.mxml

    r4044 r4045  
    8282 
    8383        <mx:HBox width="100%" id="select" height="30" verticalAlign="middle"> 
    84              
     84 
     85            <mx:Button id="calendar_reload" 
     86                        styleName="calendarReload" 
     87                        click="{ loadEvents(event); }" 
     88                        width="20" height="20" 
     89                        useHandCursor="true" 
     90                        mouseChildren="false" 
     91                        enabled="{ chosenDate.selectedDate }"/> 
     92 
    8593            <mx:ComboBox id="calendarCombo" dataProvider="{ calendarsList }" labelField="name" /> 
     94 
     95            <mx:Button id="calendar_minus" 
     96                        styleName="calendarLeft" 
     97                        click="{ date_minusClicked(event); }" 
     98                        width="20" height="20" 
     99                        useHandCursor="true" 
     100                        mouseChildren="false" 
     101                        enabled="{ chosenDate.selectedDate }"/> 
    86102 
    87103            <mx:DateField id="chosenDate" 
     
    93109                    /> 
    94110 
    95             <mx:Button id="calendar_reload" 
    96                         styleName="calendarReload" 
    97                         click="{ loadEvents(event); }" 
     111            <mx:Button id="calendar_plus" 
     112                        styleName="calendarRight" 
     113                        click="{ date_plusClicked(event); }" 
    98114                        width="20" height="20" 
    99115                        useHandCursor="true" 
    100116                        mouseChildren="false" 
    101                         enabled="true"/> 
     117                        enabled="{ chosenDate.selectedDate }"/> 
    102118 
    103119            <mx:Label id="errorLabel" color="red" text="" width="100%"/> 
     
    140156                            width="100%" height="100%" minHeight="400" 
    141157                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    142                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     158                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    143159                            backgroundColor="0xffffff" backgroundAlpha="0" 
    144160                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    153169                            width="100%" height="100%" minHeight="400" 
    154170                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    155                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     171                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    156172                            backgroundColor="0xffffff" backgroundAlpha="0" 
    157173                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    166182                            width="100%" height="100%" minHeight="400" 
    167183                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    168                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     184                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    169185                            backgroundColor="0xffffff" backgroundAlpha="0" 
    170186                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    179195                            width="100%" height="100%" minHeight="400" 
    180196                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    181                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     197                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    182198                            backgroundColor="0xffffff" backgroundAlpha="0" 
    183199                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    192208                            width="100%" height="100%" minHeight="400" 
    193209                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    194                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     210                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    195211                            backgroundColor="0xffffff" backgroundAlpha="0" 
    196212                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    205221                            width="100%" height="100%" minHeight="400" 
    206222                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    207                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     223                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    208224                            backgroundColor="0xffffff" backgroundAlpha="0" 
    209225                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    218234                            width="100%" height="100%" minHeight="400" 
    219235                            outerBorderColor="0x000000" outerBorderAlpha="1.0" outerBorderThickness="1" 
    220                             innerBorderColors="[ 0x000000, 0x888888 ]" innerBorderAlphas="[ 0.5, 0.3 ]" innerBorderThicknesses="[ 2, 1 ]" 
     236                            innerBorderColors="[ 0x888888, 0x222222 ]" innerBorderAlphas="[ 0.5, 0.1 ]" innerBorderThicknesses="[ 1, 1 ]" 
    221237                            backgroundColor="0xffffff" backgroundAlpha="0" 
    222238                            rows="[ 24, 96 ]" columns="[ 1 ]" 
     
    267283        import mx.events.FlexEvent; 
    268284 
     285 
    269286        private var timeFrameConnector:TimeFrameConnector; 
    270287        private var calendarConnector:CalendarConnector; 
     
    298315 
    299316        private function toggleClicked(event:Event):void { 
    300             //            setDates(); 
    301             //            switch( state.selectedIndex ){ 
    302             //                case DAY:   currentState = DAY_STATE; break; 
    303             //                case WEEK:  currentState = WEEK_STATE; break; 
    304             //                case MONTH: currentState = MONTH_STATE; break; 
    305             //            } 
    306317            loadEvents(event); 
    307318        } 
     319         
     320        private function date_plusClicked(event:MouseEvent):void { 
     321            var date:DateUtil = new DateUtil( chosenDate.selectedDate ); 
     322            switch( state.selectedIndex ){ 
     323                case DAY:   chosenDate.selectedDate = date.add(DateProperty.DATE, 1).date; break; 
     324                case WEEK:  chosenDate.selectedDate = date.add(DateProperty.DATE, 7).date; break; 
     325                case MONTH: chosenDate.selectedDate = date.add(DateProperty.MONTH, 1).date; break; 
     326            } 
     327            loadEvents(event); 
     328        } 
     329 
     330        private function date_minusClicked(event:MouseEvent):void { 
     331            var date:DateUtil = new DateUtil( chosenDate.selectedDate );             
     332            switch( state.selectedIndex ){ 
     333                case DAY:   chosenDate.selectedDate = date.sub(DateProperty.DATE, 1).date; break; 
     334                case WEEK:  chosenDate.selectedDate = date.sub(DateProperty.DATE, 7).date; break; 
     335                case MONTH: chosenDate.selectedDate = date.sub(DateProperty.MONTH, 1).date; break; 
     336            } 
     337            loadEvents(event);             
     338        }         
    308339 
    309340        private function prepareCalendarList(event:Event):void { 
     
    334365        private function loadEvents(event:Event):void { 
    335366 
    336             if (calendarCombo.selectedItem               // calendar chosen 
     367            if (calendarCombo.selectedItem              // calendar chosen 
    337368                    && chosenDate.selectedDate          // date chosen 
    338                     && state.selectedIndex >= 0) {         // state chosen 
     369                    && state.selectedIndex >= 0) {      // state chosen 
    339370 
    340371                setDates(); 
     
    369400 
    370401                        // reset previous display 
    371                         showMonthEvents(true); 
     402                        // showMonthEvents(true); // we don't need it for month  
    372403                        break; 
    373404                    } 
     
    375406                } 
    376407 
    377                 ModalSpinner.instance.showSpinner("Loading events for calendar '" + (calendarCombo.selectedItem.name) + "'...", 0x269926, panel, 0.2); 
     408                ModalSpinner.instance.showSpinner("Loading events for calendar '" + (calendarCombo.selectedItem.name) + "'...", 0x1313cd, panel, 0.2); 
    378409                errorLabel.text = ""; 
    379410                var params:Object = {}; 
     
    491522 
    492523        private function showMonthEvents(reset:Boolean = false):void { 
    493             monthCanvas.currentDay = (reset) ? new Date(-1) : currentDay; 
     524            monthCanvas.currentDay = (reset) ? null : currentDay;//new Date(-1) : currentDay; 
    494525            monthCanvas.dataProvider = (reset) ? new HashArray() : calendarEntity.timeFramesEntitites; 
    495526            labelMonthCanvas.text = (reset) ? "" : monthDateFormatter.format(currentDay);