'); this.PLAYER_DATA = playerData.all('.player-data'); this.MODAL_OPEN = false; this.INDEX_ON = 0; this.SLIDE_COUNT = this.PLAYER_DATA.size(); }, renderUI : function() { this.MODAL_BG = Y.Node.create(''); this.MODAL = Y.Node.create(''); this.MODAL_LEFT = Y.Node.create('' + this.get('modalLeftBtn').join('') + ''); this.MODAL_RIGHT = Y.Node.create('' + this.get('modalRightBtn').join('') + ''); this.MODAL_CLOSE = Y.Node.create('' + this.get('modalCloseBtn').join('') + ''); this.MODAL_BG.setStyles({'display':'none','position':'fixed','background':'black','opacity':'.6','width': '100%','height':'100%', 'top':0,'left':0}); this.MODAL.append(this.MODAL_LEFT); this.MODAL.append(this.MODAL_RIGHT); this.MODAL.append(this.MODAL_CLOSE); this.MODAL.setStyle('display','none'); Y.one('body').prepend(this.MODAL_BG); Y.one('body').prepend(this.MODAL); this.MODAL_LEFT.on('click', Y.bind(this._leftClick, this), this); this.MODAL_RIGHT.on('click', Y.bind(this._rightClick, this), this); this.MODAL_CLOSE.on('click', Y.bind(this._closeModal,this),this); //this.MODAL_BG.on('click', Y.bind(this._closeModal,this),this); Y.all(this.get('launchTrigger')).on('click', Y.bind(this._launchModal,this), this); }, bindUI : function() { }, syncUI : function() { }, _launchModal: function(e){ e.preventDefault(); var target = e.currentTarget, index = parseInt(target.getAttribute('data-index')), pData, esbid, playerName, playerNumber, playerPosition, playerTeam, playerDescription, teamAbbr; if(isNaN(index)){ index = 0;}else{ index = index-1;} this.INDEX_ON = index; this._loadPlayerCard(); }, _loadPlayerCard: function(){ console.log(this.INDEX_ON) var index = this.INDEX_ON; pData = this.PLAYER_DATA.item(index); esbid = pData.one('.player-esbid').get('text'); playerName = pData.one('.player-name').get('text'); playerNumber = pData.one('.player-number').get('text'); playerPosition = pData.one('.player-position').get('text'); playerDescription = pData.one('.player-description').get('innerHTML'); playerTeam = pData.one('.player-team').get('text'); teamAbbr = pData.one('.player-team-abbr').get('text'); this.MODAL.one('.' + this.getClassName('modal-headshot') + ' img').set('src', 'https://web.archive.org/web/20130217033217/http://static.nfl.com/static/content/public/static/img/fantasy/transparent/200x200/'+esbid+'.png'); this.MODAL.one('.' + this.getClassName('modal-player-name')).set('innerHTML',playerName.replace(' ','
')); this.MODAL.one('.' + this.getClassName('modal-player-number-position')).setContent('#' + playerNumber + ' ' + playerPosition); this.MODAL.one('.' + this.getClassName('modal-player-team')).set('innerHTML',playerTeam.replace(' ','
')); this.MODAL.one('.' + this.getClassName('modal-player-about-header')).setContent('About'); this.MODAL.one('.' + this.getClassName('modal-player-about-details')).set('innerHTML',playerDescription); if(this.MODAL_OPEN){ this._showNextSlide(); }else{ this._openModal(); } }, _showNextSlide: function(){ var winWidth = this.MODAL.get('docWidth'), leftLocation = Math.floor((winWidth - 966)/2); this.MODAL.transition({ 'opacity':1,'left':leftLocation+'px','duration':0.4}); }, _openModal: function(){ var winWidth = this.MODAL.get('docWidth'), winHeight = this.MODAL.get('winHeight'), leftLocation = Math.floor((winWidth - 966)/2), topLocation = Math.floor((winHeight-572)/2); this.MODAL_BG.setStyles({'opacity':0,'display':'block'}); this.MODAL.setStyles({'opacity':0,'display':'block','left':(winWidth+44)+'px','top':topLocation+'px'}); this.MODAL_BG.transition({'opacity':0.7,'duration':0.5}); this.MODAL.transition({'opacity':1,'left':leftLocation+'px','duration':0.7}); this.MODAL_OPEN = true; }, _closeModal: function(e){ e.preventDefault(); this.MODAL_OPEN = false; this.MODAL_BG.transition({'opacity':0,'duration':0.5},function(){ this.setStyle('display','none'); }); this.MODAL.transition({ 'left':'-1000px','opacity':0,'duration':0.4},function(){ this.setStyle('display','none'); }); }, _leftClick: function(e){ e.preventDefault(); if(this.INDEX_ON == 0){ this.INDEX_ON = this.SLIDE_COUNT - 1; }else{ this.INDEX_ON = this.INDEX_ON - 1; } this.MODAL.transition({ 'left':(this.MODAL.get('docWidth'))+'px','opacity':0,'duration':.4}, Y.bind(function(){ this.MODAL.setStyle('left','-1000px'); this._loadPlayerCard() },this)); }, _rightClick: function(e){ e.preventDefault(); if(this.INDEX_ON == (this.SLIDE_COUNT-1)){ this.INDEX_ON = 0; }else{ this.INDEX_ON = this.INDEX_ON + 1; } this.MODAL.transition({'left':'-1000px','opacity':0,'duration':0.4}, Y.bind(function(){ this.MODAL.setStyle('left',(this.MODAL.get('docWidth') + 44)+'px'); this._loadPlayerCard() },this)); } }, { ATTRS : { innerModal : { value: [''] }, modalLeftBtn : { value: ['']}, modalRightBtn : { value: ['']}, modalCloseBtn : { value: ['']}, launchTrigger : { value: '.rookie-spotlight-pick'} } }); },'3.5.0',{requires:["node"]}); nfl.use('rookie-spotlight', function(Y){ var rookieSpotlight = new Y.NFL.RookieSpotlight({ innerModal : ['' ] }); rookieSpotlight.render(); })