diff options
Diffstat (limited to 'includes/js/dojox/presentation/_base.js')
| -rw-r--r-- | includes/js/dojox/presentation/_base.js | 557 |
1 files changed, 0 insertions, 557 deletions
diff --git a/includes/js/dojox/presentation/_base.js b/includes/js/dojox/presentation/_base.js deleted file mode 100644 index 2077a4e..0000000 --- a/includes/js/dojox/presentation/_base.js +++ /dev/null @@ -1,557 +0,0 @@ -if(!dojo._hasResource["dojox.presentation._base"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code. -dojo._hasResource["dojox.presentation._base"] = true; -dojo.provide("dojox.presentation._base"); -dojo.experimental("dojox.presentation"); - -dojo.require("dijit._Widget"); -dojo.require("dijit._Container"); -dojo.require("dijit._Templated"); -dojo.require("dijit.layout.StackContainer"); -dojo.require("dijit.layout.ContentPane"); -dojo.require("dojo.fx"); - -dojo.declare("dojox.presentation.Deck", [ dijit.layout.StackContainer, dijit._Templated ], { - // summary: - // dojox.presentation class - // basic powerpoint esque engine for handling transitons and control - // in a page-by-page and part-by-part way - // - // FIXME: parsing part(s)/widget(s) in href="" Slides not working - // TODO: make auto actions progress. - // FIXME: Safari keydown/press/up listener not working. - // noClick=true prevents progression of slides in that broweser - // - // fullScreen: Boolean - // unsupported (that i know of) just yet. Default it to take control - // of window. Would be nice to be able to contain presentation in a - // styled container, like StackContainer ... theoretically possible. - // [and may not need this variable?] - fullScreen: true, - - // useNav: Boolean - // true to allow navigation popup, false to disallow - useNav: true, - - // navDuration: Integer - // time in MS fadein/out of popup nav [default: 250] - navDuration: 250, - - // noClick: Boolean - // if true, prevents _any_ click events to propagate actions - // (limiting control to keyboard and/or action.on="auto" or action.delay="" - // actions. - noClick: false, - - // setHash: Boolean - // if true, window location bar will get a #link to slide for direct - // access to a particular slide number. - setHash: true, - - // just to over-ride: - templateString: null, - templateString:"<div class=\"dojoShow\" dojoAttachPoint=\"showHolder\">\n\t<div class=\"dojoShowNav\" dojoAttachPoint=\"showNav\" dojoAttachEvent=\"onmouseover: _showNav, onmouseout: _hideNav\">\n\t<div class=\"dojoShowNavToggler\" dojoAttachPoint=\"showToggler\">\n\t\t<img dojoAttachPoint=\"prevNode\" src=\"${prevIcon}\" dojoAttachEvent=\"onclick:previousSlide\">\n\t\t<select dojoAttachEvent=\"onchange:_onEvent\" dojoAttachPoint=\"select\">\n\t\t\t<option dojoAttachPoint=\"_option\">Title</option>\n\t\t</select>\n\t\t<img dojoAttachPoint=\"nextNode\" src=\"${nextIcon}\" dojoAttachEvent=\"onclick:nextSlide\">\n\t</div>\n\t</div>\n\t<div dojoAttachPoint=\"containerNode\"></div>\n</div>\n", - - // nextIcon: String - // icon for navigation "next" button - nextIcon: dojo.moduleUrl('dojox.presentation','resources/icons/next.png'), - - // prevIcon: String - // icon for navigation "previous" button - prevIcon: dojo.moduleUrl('dojox.presentation','resources/icons/prev.png'), - - _navOpacMin: 0, - _navOpacMax: 0.85, - _slideIndex: 0, - - // Private: - _slides: [], - _navShowing: true, - _inNav: false, - - startup: function(){ - // summary: connect to the various handlers and controls for this presention - this.inherited(arguments); - - if(this.useNav){ - this._hideNav(); - }else{ - this.showNav.style.display = "none"; - } - - this.connect(document,'onclick', '_onEvent'); - this.connect(document,'onkeypress', '_onEvent'); - - // only if this.fullScreen == true? - this.connect(window, 'onresize', '_resizeWindow'); - this._resizeWindow(); - - this._updateSlides(); - - this._readHash(); - this._setHash(); - }, - - moveTo: function(/* Integer */ number){ - // summary: jump to slide based on param - var slideIndex = number - 1; - - if(slideIndex < 0) - slideIndex = 0; - - if(slideIndex > this._slides.length - 1) - slideIndex = this._slides.length - 1; - - this._gotoSlide(slideIndex); - }, - - onMove: function (number){ - // summary: stub function? TODOC: ? - }, - - nextSlide: function(/*Event*/ evt){ - // summary: transition to the next slide. - if (!this.selectedChildWidget.isLastChild) { - this._gotoSlide(this._slideIndex+1); - } - if (evt) { evt.stopPropagation(); } - }, - - previousSlide: function(/*Event*/ evt){ - // summary: transition to the previous slide - if (!this.selectedChildWidget.isFirstChild) { - - this._gotoSlide(this._slideIndex-1); - - } else { this.selectedChildWidget._reset(); } - if (evt) { evt.stopPropagation();} - }, - - getHash: function(id){ - // summary: get the current hash to set in localtion - return this.id+"_SlideNo_"+id; - }, - - _hideNav: function(evt){ - // summary: hides navigation - if(this._navAnim){ this._navAnim.stop(); } - this._navAnim = dojo.animateProperty({ - node:this.showNav, - duration:this.navDuration, - properties: { - opacity: { end:this._navOpacMin } - } - }).play(); - }, - - _showNav: function(evt){ - // summary: shows navigation - if(this._navAnim){ this._navAnim.stop(); } - this._navAnim = dojo.animateProperty({ - node:this.showNav, - duration:this.navDuration, - properties: { - opacity: { end:this._navOpacMax } - } - }).play(); - }, - - _handleNav: function(evt){ - // summary: does nothing? _that_ seems useful. - evt.stopPropagation(); - }, - - _updateSlides: function(){ - // summary: - // populate navigation select list with refs to slides call this - // if you add a node to your presentation dynamically. - this._slides = this.getChildren(); - if(this.useNav){ - // populate the select box with top-level slides - var i=0; - dojo.forEach(this._slides,dojo.hitch(this,function(slide){ - i++; - var tmp = this._option.cloneNode(true); - tmp.text = slide.title+" ("+i+") "; - this._option.parentNode.insertBefore(tmp,this._option); - })); - if(this._option.parentNode){ - this._option.parentNode.removeChild(this._option); - } - // dojo._destroyElement(this._option); - } - }, - - _onEvent: function(/* Event */ evt){ - // summary: - // main presentation function, determines next 'best action' for a - // specified event. - var _node = evt.target; - var _type = evt.type; - - if(_type == "click" || _type == "change"){ - if(_node.index && _node.parentNode == this.select){ - this._gotoSlide(_node.index); - }else if(_node == this.select){ - this._gotoSlide(_node.selectedIndex); - }else{ - if (this.noClick || this.selectedChildWidget.noClick || this._isUnclickable(evt)) return; - this.selectedChildWidget._nextAction(evt); - } - }else if(_type=="keydown" || _type == "keypress"){ - - // FIXME: safari doesn't report keydown/keypress? - - var key = (evt.charCode == dojo.keys.SPACE ? dojo.keys.SPACE : evt.keyCode); - switch(key){ - case dojo.keys.DELETE: - case dojo.keys.BACKSPACE: - case dojo.keys.LEFT_ARROW: - case dojo.keys.UP_ARROW: - case dojo.keys.PAGE_UP: - case 80: // key 'p' - this.previousSlide(evt); - break; - - case dojo.keys.ENTER: - case dojo.keys.SPACE: - case dojo.keys.RIGHT_ARROW: - case dojo.keys.DOWN_ARROW: - case dojo.keys.PAGE_DOWN: - case 78: // key 'n' - this.selectedChildWidget._nextAction(evt); - break; - - case dojo.keys.HOME: this._gotoSlide(0); - } - } - this._resizeWindow(); - evt.stopPropagation(); - }, - - _gotoSlide: function(/* Integer */ slideIndex){ - // summary: goes to slide - this.selectChild(this._slides[slideIndex]); - this.selectedChildWidget._reset(); - - this._slideIndex = slideIndex; - - if(this.useNav){ - this.select.selectedIndex = slideIndex; - } - - if(this.setHash){ - this._setHash(); - } - this.onMove(this._slideIndex+1); - }, - - _isUnclickable: function(/* Event */ evt){ - // summary: returns true||false base of a nodes click-ability - var nodeName = evt.target.nodeName.toLowerCase(); - // TODO: check for noClick='true' in target attrs & return true - // TODO: check for relayClick='true' in target attrs & return false - switch(nodeName){ - case 'a' : - case 'input' : - case 'textarea' : return true; break; - } - return false; - }, - - _readHash: function(){ - var th = window.location.hash; - if (th.length && this.setHash) { - var parts = (""+window.location).split(this.getHash('')); - if(parts.length>1){ - this._gotoSlide(parseInt(parts[1])-1); - } - } - }, - - _setHash: function(){ - // summary: sets url #mark to direct slide access - if(this.setHash){ - var slideNo = this._slideIndex+1; - window.location.href = "#"+this.getHash(slideNo); - } - }, - - _resizeWindow: function(/*Event*/ evt){ - // summary: resize this and children to fix this window/container - - // only if this.fullScreen? - dojo.body().style.height = "auto"; - var wh = dijit.getViewport(); - var h = Math.max( - document.documentElement.scrollHeight || dojo.body().scrollHeight, - wh.h); - var w = wh.w; - this.selectedChildWidget.domNode.style.height = h +'px'; - this.selectedChildWidget.domNode.style.width = w +'px'; - }, - - _transition: function(newWidget,oldWidget){ - // summary: over-ride stackcontainers _transition method - // but atm, i find it to be ugly with not way to call - // _showChild() without over-riding it too. hopefull - // basic toggles in superclass._transition will be available - // in dijit, and this won't be necessary. - var anims = []; - if(oldWidget){ - /* - anims.push(dojo.fadeOut({ node: oldWidget.domNode, - duration:250, - onEnd: dojo.hitch(this,function(){ - this._hideChild(oldWidget); - }) - })); - */ - this._hideChild(oldWidget); - } - if(newWidget){ - /* - anims.push(dojo.fadeIn({ - node:newWidget.domNode, start:0, end:1, - duration:300, - onEnd: dojo.hitch(this,function(){ - this._showChild(newWidget); - newWidget._reset(); - }) - }) - ); - */ - this._showChild(newWidget); - newWidget._reset(); - } - //dojo.fx.combine(anims).play(); - } -}); - -dojo.declare( - "dojox.presentation.Slide", - [dijit.layout.ContentPane,dijit._Contained,dijit._Container,dijit._Templated], - { - // summary: - // a Comonent of a dojox.presentation, and container for each 'Slide' - // made up of direct HTML (no part/action relationship), and dojox.presentation.Part(s), - // and their attached Actions. - - // templatPath: String - // make a ContentPane templated, and style the 'titleNode' - templateString:"<div dojoAttachPoint=\"showSlide\" class=\"dojoShowPrint dojoShowSlide\">\n\t<h1 class=\"showTitle\" dojoAttachPoint=\"slideTitle\"><span class=\"dojoShowSlideTitle\" dojoAttachPoint=\"slideTitleText\">${title}</span></h1>\n\t<div class=\"dojoShowBody\" dojoAttachPoint=\"containerNode\"></div>\n</div>\n", - - // title: String - // string to insert into titleNode, title of Slide - title: "", - - // inherited from ContentPane FIXME: don't seem to work ATM? - refreshOnShow: true, - preLoad: false, - doLayout: true, - parseContent: true, - - // noClick: Boolean - // true on slide tag prevents clicking, false allows - // (can also be set on base presentation for global control) - noClick: false, - - // private holders: - _parts: [], - _actions: [], - _actionIndex: 0, - _runningDelay: false, - - startup: function(){ - // summary: setup this slide with actions and components (Parts) - this.inherited(arguments); - this.slideTitleText.innerHTML = this.title; - var children = this.getChildren(); - this._actions = []; - dojo.forEach(children,function(child){ - var tmpClass = child.declaredClass.toLowerCase(); - switch(tmpClass){ - case "dojox.presentation.part" : this._parts.push(child); break; - case "dojox.presentation.action" : this._actions.push(child); break; - } - },this); - }, - - - _nextAction: function(evt){ - // summary: gotoAndPlay current cached action - var tmpAction = this._actions[this._actionIndex] || 0; - if (tmpAction){ - // is this action a delayed action? [auto? thoughts?] - if(tmpAction.on == "delay"){ - this._runningDelay = setTimeout( - dojo.hitch(tmpAction,"_runAction"),tmpAction.delay - ); - console.debug('started delay action',this._runningDelay); - }else{ - tmpAction._runAction(); - } - - // FIXME: it gets hairy here. maybe runAction should - // call _actionIndex++ onEnd? if a delayed action is running, do - // we want to prevent action++? - var tmpNext = this._getNextAction(); - this._actionIndex++; - - if(tmpNext.on == "delay"){ - // FIXME: yeah it looks like _runAction() onend should report - // _actionIndex++ - console.debug('started delay action',this._runningDelay); - setTimeout(dojo.hitch(tmpNext,"_runAction"),tmpNext.delay); - } - }else{ - // no more actions in this slide - this.getParent().nextSlide(evt); - } - }, - - _getNextAction: function(){ - // summary: returns the _next action in this sequence - return this._actions[this._actionIndex+1] || 0; - }, - - _reset: function(){ - // summary: set action chain back to 0 and re-init each Part - this._actionIndex = [0]; - dojo.forEach(this._parts,function(part){ - part._reset(); - },this); - } -}); - -dojo.declare("dojox.presentation.Part", [dijit._Widget,dijit._Contained], { - // summary: - // a node in a presentation.Slide that inherits control from a - // dojox.presentation.Action - // can be any element type, and requires styling before parsing - // - // as: String - // like an ID, attach to Action via (part) as="" / (action) forSlide="" tags - // this should be unique identifier? - as: "", - - // startVisible: boolean - // true to leave in page on slide startup/reset - // false to hide on slide startup/reset - startVisible: false, - - // isShowing: Boolean, - // private holder for _current_ state of Part - _isShowing: false, - - postCreate: function(){ - // summary: override and init() this component - this._reset(); - }, - - _reset: function(){ - // summary: set part back to initial calculate state - // these _seem_ backwards, but quickToggle flips it - this._isShowing =! this.startVisible; - this._quickToggle(); - }, - - _quickToggle: function(){ - // summary: ugly [unworking] fix to test setting state of component - // before/after an animation. display:none prevents fadeIns? - if(this._isShowing){ - dojo.style(this.domNode,'display','none'); - dojo.style(this.domNode,'visibility','hidden'); - dojo.style(this.domNode,'opacity',0); - }else{ - dojo.style(this.domNode,'display',''); - dojo.style(this.domNode,'visibility','visible'); - dojo.style(this.domNode,'opacity',1); - } - this._isShowing =! this._isShowing; - } -}); - -dojo.declare("dojox.presentation.Action", [dijit._Widget,dijit._Contained], { - // summary: - // a widget to attach to a dojox.presentation.Part to control - // it's properties based on an inherited chain of events ... - // - // - // on: String - // FIXME: only 'click' supported ATM. plans include on="delay", - // on="end" of="", and on="auto". those should make semantic sense - // to you. - on: 'click', - - // forSlide: String - // attach this action to a dojox.presentation.Part with a matching 'as' attribute - forSlide: "", - - // toggle: String - // will toggle attached [matching] node(s) via forSlide/as relationship(s) - toggle: 'fade', - - // delay: Integer - // - delay: 0, - - // duration: Integer - // default time in MS to run this action effect on it's 'forSlide' node - duration: 1000, - - // private holders: - _attached: [], - _nullAnim: false, - - _runAction: function(){ - // summary: runs this action on attached node(s) - - var anims = []; - // executes the action for each attached 'Part' - dojo.forEach(this._attached,function(node){ - // FIXME: this is ugly, and where is toggle class? :( - var dir = (node._isShowing) ? "Out" : "In"; - // node._isShowing =! node._isShowing; - //var _anim = dojox.fx[ this.toggle ? this.toggle+dir : "fade"+dir]({ - var _anim = dojo.fadeIn({ - node:node.domNode, - duration: this.duration, - beforeBegin: dojo.hitch(node,"_quickToggle") - }); - anims.push(_anim); - },this); - var _anim = dojo.fx.combine(anims); - if(_anim){ _anim.play(); } - }, - - _getSiblingsByType: function(/* String */ declaredClass){ - // summary: quick replacement for getChildrenByType("class"), but in - // a child here ... so it's getSiblings. courtesy bill in #dojo - // could be moved into parent, and just call this.getChildren(), - // which makes more sense. - var siblings = dojo.filter( this.getParent().getChildren(), function(widget){ - return widget.declaredClass==declaredClass; - } - ); - return siblings; // dijit._Widget - }, - - postCreate: function(){ - // summary: run this once, should this be startup: function()? - - this.inherited(arguments); - // prevent actions from being visible, _always_ - dojo.style(this.domNode,"display","none"); - var parents = this._getSiblingsByType('dojox.presentation.Part'); - // create a list of "parts" we are attached to via forSlide/as - this._attached = []; - dojo.forEach(parents,function(parentPart){ - if(this.forSlide == parentPart.as){ - this._attached.push(parentPart); - } - },this); - } - -}); - -} |