浏览 2062 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2011-10-03
<?xml version="1.0" encoding="utf-8"?> <s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:parsley="http://www.spicefactory.org/parsley" xmlns:presentation="au.com.tabcorp.neo.racing.marketmovers.presentation.*" skinClass="au.com.tabcorp.neo.common.presentation.skins.GreenGradientHeaderTitleWindowSkin" title="Market Movers" width="790" height="500" xmlns:analytics="au.com.tabcorp.neo.analytics.*" xmlns:components="au.com.tabcorp.neo.common.components.*" windowMoving="onWindowMovingHandler(event)" currentState="{marketMoversPM.dataLoaded?'normal':'loading'}"> <fx:Script> <![CDATA[ import au.com.tabcorp.neo.racing.marketmovers.config.MarketMoversContext; import embeddedAssets.EmbeddedResourceModel; import mx.events.FlexEvent; import spark.events.TitleWindowBoundsEvent; [Bindable] public var marketMoversPM:MarketMoversPopupPM; /** * windowMovig event handler */ protected function onWindowMovingHandler(event:TitleWindowBoundsEvent):void { // code to restrict at left and right if (event.afterBounds.left < marketMoversPM.PANEL_MOVE_RESTRICTION_LEFT) { event.afterBounds.left = marketMoversPM.PANEL_MOVE_RESTRICTION_LEFT - 50; } else if (event.afterBounds.right > systemManager.stage.stageWidth + marketMoversPM.PANEL_MOVE_RESTRICTION_RIGHT) { event.afterBounds.left = systemManager.stage.stageWidth - 75; } // code to restrict at Top and Bottom if (event.afterBounds.top < 0) { event.afterBounds.top = 0; } else if (event.afterBounds.bottom > systemManager.stage.stageHeight + marketMoversPM.PANEL_MOVE_RESTRICTION_BOTTOM) { event.afterBounds.top = this.height + 75; } } ]]> </fx:Script> <fx:Declarations> <parsley:FastInject property="marketMoversPM" type="{MarketMoversPopupPM}" injectionComplete="marketMoversPM.onInjectionComplete()" /> <analytics:LocationProvider location="{marketMoversPM.marketMoversTabLocation}" > <analytics:EventListenerActivationWatcher /> </analytics:LocationProvider> </fx:Declarations> <s:states> <s:State name="normal"/> <s:State name="loading"/> </s:states> <s:Scroller id="scorllbar" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="auto"> <s:VGroup gap="0" width="100%" height="100%" paddingLeft="{scorllbar.visible?5:0}" visible="true" visible.loading="false" includeInLayout.normal="true" includeInLayout.loading="false"> <!-- Date, Help and Print buttons--> <s:HGroup width="760" height="47" verticalAlign="middle"> <components:DateLabel id="dateLabel" date="{marketMoversPM.serverTimeModel.currentTimeDate}" dateTimePattern="EEE dd MMM yyyy" timeZoneOffset="{marketMoversPM.serverTimeModel.globalTimeZoneOffset}" styleName="header1"/> <mx:Spacer width="100%"/> <s:Button label="Print" buttonMode="true" useHandCursor="true" click="marketMoversPM.printClickHandler(this)" styleName="printButton"/> <s:Button click="marketMoversPM.helpClickHandler()" buttonMode="true" useHandCursor="true" skinClass="au.com.tabcorp.neo.common.presentation.skins.InfoButtonSkin" height="18" width="18"/> </s:HGroup> <s:Line width="760"> <s:stroke> <s:SolidColorStroke color="#DDDDDD" weight="2"/> </s:stroke> </s:Line> <s:HGroup width="100%" height="70" verticalAlign="middle" horizontalAlign="center"> <s:ButtonBar id="buttonBarMarketMovers" dataProvider="{marketMoversPM.ac}" selectedItem="{marketMoversPM.selectedRaceOption}" selectedIndex="@{marketMoversPM.selectedIndexButtonBar}" change="marketMoversPM.onChangeMarketMoversButtonBar(event)" enabled="{marketMoversPM.enableButtonBar}"/> </s:HGroup> <!-- DataGrid DataGroup --> <s:DataGroup dataProvider="{marketMoversPM.model.marketMovers}" height="100%"> <s:layout> <s:VerticalLayout /> </s:layout> <s:itemRenderer> <fx:Component> <presentation:MarketMoversIRv2 marketMoversPM="{outerDocument.marketMoversPM}" /> </fx:Component> </s:itemRenderer> </s:DataGroup> </s:VGroup> </s:Scroller> <s:HGroup width="100%" height="100%" horizontalAlign="center" verticalAlign="middle" visible="false" visible.loading="true" includeInLayout="false" includeInLayout.loading="true"> <mx:SWFLoader source="{EmbeddedResourceModel.loadingIcon}" /> </s:HGroup> </s:TitleWindow> package au.com.tabcorp.neo.racing.marketmovers.presentation { import au.com.tabcorp.neo.analytics.events.LocationChangeEvent; import au.com.tabcorp.neo.application.data.domain.ServerTimeModel; import au.com.tabcorp.neo.common.presentation.PrintPreviewPopUp; import au.com.tabcorp.neo.common.util.Broadcaster; import au.com.tabcorp.neo.racing.data.domain.MarketMoversRequest; import au.com.tabcorp.neo.racing.data.domain.MarketMoversVO; import au.com.tabcorp.neo.racing.data.domain.RaceDetailsRequestV2; import au.com.tabcorp.neo.racing.data.domain.TrackRequest; import au.com.tabcorp.neo.racing.data.events.GetTrackEvent; import au.com.tabcorp.neo.racing.data.events.RacingEvent; import au.com.tabcorp.neo.racing.data.messages.RacingNavigatorMessage; import au.com.tabcorp.neo.racing.marketmovers.messages.CloseMarketMoversPopupMessage; import au.com.tabcorp.neo.racing.marketmovers.messages.MarketMoversMessage; import au.com.tabcorp.neo.racing.marketmovers.model.MarketMoversModel; import au.com.tabcorp.neo.racing.model.RacingNavigatorModel; import au.com.tabcorp.neo.racing.presentation.RacingConstants; import au.com.tabcorp.neo.racing.racesummary.events.CallMarketMoversMessage; import au.com.tabcorp.neo.racing.weather.message.GetWeatherInfoMessage; import flash.display.DisplayObject; import flash.events.Event; import flash.net.URLRequest; import flash.net.navigateToURL; import mx.collections.ArrayCollection; import mx.collections.ListCollectionView; import mx.core.FlexGlobals; import mx.core.IFlexDisplayObject; import mx.core.UIComponent; import mx.managers.PopUpManager; import org.spicefactory.lib.reflect.types.Void; import spark.collections.Sort; import spark.collections.SortField; import spark.events.IndexChangeEvent; import spark.events.TitleWindowBoundsEvent; public class MarketMoversPopupPM extends Broadcaster { [Inject] [Bindable] public var serverTimeModel:ServerTimeModel; [Inject] [Bindable] public var model:MarketMoversModel; /** * DG column widths so we can match footer to DG */ public const SMALL_COLUMN_WIDTH:int = 30; public const MEDIUM_COLUMN_WIDTH:int = 70; public const MEDIUM_COLUMN_WIDTH_2:int = 85; public const MEDIUM_COLUMN_WIDTH_3:int = 100; public const LARGE_COLUMN_WIDTH:int = 160; public const LARGE_COLUMN_WIDTH_2:int = 170; public const PANEL_WIDTH:int = 760; public const PANEL_MOVE_RESTRICTION_LEFT:int = -660; public const PANEL_MOVE_RESTRICTION_RIGHT:int = 660; public const PANEL_MOVE_RESTRICTION_BOTTOM:int = 450; [Bidnable] public var marketMoversListView:ListCollectionView; [Bindable] public var selectedRaceOption:Object; [Bindable] public var ac:ArrayCollection; [Bindable] public var arrRaceNos:ArrayCollection; [Bindable] public var marketMoversTabLocation : String = MARKET_MOVERS_LOCATION; [Bindable] public var dataLoaded:Boolean; private static const MARKET_MOVERS_LOCATION:String = "informational:market movers"; private static const NEXT_3_RACES_TO_GO:String = "informational:next 3 races to go"; private static const INDEX_VIEW_CURRENT_RACE : int = 0; private static const INDEX_VIEW_NEXT_THREE_RACE : int = 1; /** * variable to store the currentRace Details at PM level only - not into to model */ private var _currentRacingCode : String; private var _currentMeetingName : String; private var _currentMeetingDateRaw : Date; private var _currentRaceNumber : int; private var _enableButtonBar : Boolean; private var _todayDate:Date; private var _numberSortField:SortField; private var _numberSort:Sort; private var _runnerNameSortField : SortField; private var _runnerNameSort : Sort; private var _oddsSortField : SortField; private var _oddsSort : Sort; private var _percentChangeSortField : SortField; private var _percentChangeSort : Sort; private var _selectedIndexButtonBar : int; private var callFromExternal : Boolean = true; public function MarketMoversPopupPM() { ac = new ArrayCollection([ {value: MarketMoversModel.MARKET_MOVERS_CURRENT_VIEW, label: "CURRENT RACE"}, {value: MarketMoversModel.MARKET_MOVERS_NEXT_3_RACES, label: "NEXT 3 RACES"} ]); // sort fields _numberSortField = new SortField(); _numberSortField.name = 'runnerNumber'; _numberSortField.numeric = true; _numberSort = new Sort(); _numberSort.fields = [_numberSortField]; _runnerNameSortField = new SortField(); _runnerNameSortField.name = 'runnerName'; _runnerNameSort = new Sort(); _runnerNameSort.fields = [_runnerNameSortField]; _oddsSortField = new SortField(); _oddsSortField.name = RacingConstants.SORT_LABEL_OPENING_ODDS; _oddsSort = new Sort(); _oddsSort.fields = [_oddsSortField]; _percentChangeSortField = new SortField(); _percentChangeSortField.name = RacingConstants.SORT_LABEL_PERCENT_CHANGE; _percentChangeSort = new Sort(); _percentChangeSort.fields = [_percentChangeSortField]; } [Init] public function onInjectionComplete() : void { todayDate = serverTimeModel.currentTimeDate; marketMoversListView = new ListCollectionView(model.marketMovers); dataLoaded = true; } [Init] public function init():void { var source:Array = new Array(1, 2, 3); arrRaceNos = new ArrayCollection(source); if(serverTimeModel.currentTimeDate) onInjectionComplete(); } public function onWeatherIcon_clickHandler(meetingMNC3:String, meetingName:String):void { broadcast(new GetWeatherInfoMessage(meetingMNC3, meetingName)); } public function onTrackClickHandler(source:MarketMoversVO):void { var trackRequest:TrackRequest = new TrackRequest(); trackRequest.meetingCode = source.meetingCode; trackRequest.meetingName = source.meetingName; trackRequest.raceNumber = source.raceNumber; trackRequest.racingCode = source.racingCode; trackRequest.meetingDateRaw = source.raceStartTime;//race.meeting.meetingDate; broadcast(new GetTrackEvent(trackRequest)); } /////////////////////////////////////////////////////////////////////// // handlers // /////////////////////////////////////////////////////////////////////// public function onChangeMarketMoversButtonBar(event:IndexChangeEvent):void { selectedRaceOption = event.currentTarget.selectedItem; //model.changeRaceListView(selectedRaceOption.value); getMarketMoversData(selectedIndexButtonBar); // TODO : show loader - while getting new data //analytics: track the market movers/next 3 races to go location if(selectedRaceOption.value == MarketMoversModel.MARKET_MOVERS_NEXT_3_RACES) marketMoversTabLocation = NEXT_3_RACES_TO_GO; else marketMoversTabLocation = MARKET_MOVERS_LOCATION; dispatchEvent(new LocationChangeEvent()); } // ---------------------------------------------------------- // PUBLIC METHODS // ---------------------------------------------------------- private function getMarketMoversData(selectedIndex:int) : void { callFromExternal = false; if(selectedIndex == INDEX_VIEW_CURRENT_RACE) { dataLoaded = false; // call to a specific race MarketMovers ( current race ) var request:MarketMoversRequest = new MarketMoversRequest(); request.racingCode = this._currentRacingCode; request.raceNumber = this._currentRaceNumber; request.meetingName = this._currentMeetingName; request.meetingDateRaw = this._currentMeetingDateRaw; broadcast(new MarketMoversMessage(request)); } else if(selectedIndex == INDEX_VIEW_NEXT_THREE_RACE) { dataLoaded = false; // for the default market movers call - like the RacingOverview var mmRequest : MarketMoversRequest = new MarketMoversRequest(); var msg:CallMarketMoversMessage = new CallMarketMoversMessage(mmRequest); broadcast(msg); } } /** * function to store the current race details locally at PM level. * * @param racingCode * @param meetingName * @param meetingDateRaw * @param raceNumber * */ public function storeCurrentRaceDetails(req : MarketMoversRequest) : void { this._currentRacingCode = req.racingCode; this._currentMeetingName = req.meetingName; this._currentMeetingDateRaw = req.meetingDateRaw; this._currentRaceNumber = req.raceNumber; } public function removeCurrentRaceDetails() : void { this._currentRacingCode = null; this._currentMeetingName = null; this._currentMeetingDateRaw = new Date(); this._currentRaceNumber = 0; } public function helpClickHandler():void { var myURL:URLRequest = new URLRequest("http://nettab.custhelp.com/app/answers/detail/a_id/155"); navigateToURL(myURL); } public function printClickHandler(component:UIComponent):void { var printReceipt:PrintPreviewPopUp = new PrintPreviewPopUp(); PopUpManager.addPopUp(printReceipt as IFlexDisplayObject, FlexGlobals.topLevelApplication as DisplayObject, true); if(component.height>0 && component.width>0) { printReceipt.toBePrintData = component; printReceipt.x = FlexGlobals.topLevelApplication.width/2 - component.width/2; printReceipt.y = FlexGlobals.topLevelApplication.height/2 - component.height/2; PopUpManager.bringToFront(printReceipt as IFlexDisplayObject ); } } public function navigateToRacePage(marketMoversVO:MarketMoversVO) : void { var request:RaceDetailsRequestV2 = new RaceDetailsRequestV2(); request.meetingName = marketMoversVO.meetingName; request.meetingCode = marketMoversVO.meetingCode; request.meetingDateRaw = marketMoversVO.raceStartTime; request.racingCode = marketMoversVO.racingCode; request.raceNumber = String(marketMoversVO.raceNumber); broadcast(new RacingNavigatorMessage(RacingNavigatorModel.BETTING_PAGE, null, false, request)); closeMarketMovers(); } /** * to close the market movers popup */ [MessageHandler] public function messageHandlerCloseMarketMoversPopup( message : CloseMarketMoversPopupMessage) : void { // next call will be from external only callFromExternal = true; } public function closeMarketMovers() : void { callFromExternal = true; var message : CloseMarketMoversPopupMessage = new CloseMarketMoversPopupMessage( CloseMarketMoversPopupMessage.Close_Market_Movers_Popup_Message); broadcast(message); } // ---------------------------------------------------------- // SUBSCRIBE HANDLER // ---------------------------------------------------------- private var _requestedRaceNo:int; private var _marketMoversRequest:MarketMoversRequest; public function get marketMoversRequest():MarketMoversRequest { return _marketMoversRequest } public function get requestedRaceNo():int { return _requestedRaceNo; } [Subscribe] public function set marketMoversRequest(value:MarketMoversRequest):void { _marketMoversRequest = value; if (marketMoversRequest) { _requestedRaceNo = marketMoversRequest.raceNumber; broadcast(new MarketMoversMessage(marketMoversRequest)); } } public function viewToBeShown(showCurrentRace:Boolean = false) : void { if(callFromExternal) { if(showCurrentRace) { // show current race button enableButtonBar = true; callFromExternal = true; selectedIndexButtonBar = INDEX_VIEW_CURRENT_RACE; selectedRaceOption = ac.getItemAt(INDEX_VIEW_CURRENT_RACE); } else { selectedIndexButtonBar = INDEX_VIEW_NEXT_THREE_RACE; selectedRaceOption = ac.getItemAt(INDEX_VIEW_NEXT_THREE_RACE); enableButtonBar = false; } } } // Getter / Setter [Bindable(event="todayDateChanged")] public function get todayDate():Date { return _todayDate; } public function set todayDate(value:Date):void { _todayDate = value; dispatchEvent(new Event("todayDateChanged")); } [Bindable(event="selectedIndexButtonBarChange")] public function get selectedIndexButtonBar():int { return _selectedIndexButtonBar; } public function set selectedIndexButtonBar(value:int):void { _selectedIndexButtonBar = value; dispatchEvent(new Event("selectedIndexButtonBarChange")); } [Bindable(event="enableButtonBarChange")] public function get enableButtonBar():Boolean { return _enableButtonBar; } public function set enableButtonBar(value:Boolean):void { if( _enableButtonBar !== value) { _enableButtonBar = value; dispatchEvent(new Event("enableButtonBarChange")); } } } } 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |