mirror of
https://github.com/Alfresco/alfresco-community-repo.git
synced 2025-08-07 17:49:17 +00:00
New build scripts
git-svn-id: https://svn.alfresco.com/repos/alfresco-enterprise/alfresco/HEAD/root@5282 c4b6b30b-aa2e-2d43-bbcb-ca4b014f7261
This commit is contained in:
Gavin Cornwell
256
source/web/scripts/ajax/dojo/src/widget/Show.js
Normal file
256
source/web/scripts/ajax/dojo/src/widget/Show.js
Normal file
@@ -0,0 +1,256 @@
|
||||
/*
|
||||
Copyright (c) 2004-2006, The Dojo Foundation
|
||||
All Rights Reserved.
|
||||
|
||||
Licensed under the Academic Free License version 2.1 or above OR the
|
||||
modified BSD license. For more information on Dojo licensing, see:
|
||||
|
||||
http://dojotoolkit.org/community/licensing.shtml
|
||||
*/
|
||||
|
||||
dojo.provide("dojo.widget.Show");
|
||||
|
||||
dojo.require("dojo.widget.*");
|
||||
dojo.require("dojo.widget.HtmlWidget");
|
||||
dojo.require("dojo.uri.Uri");
|
||||
dojo.require("dojo.event.*");
|
||||
dojo.require("dojo.lfx.*");
|
||||
dojo.require("dojo.math.curves");
|
||||
dojo.require("dojo.lang.common");
|
||||
dojo.require("dojo.lang.func");
|
||||
|
||||
dojo.widget.defineWidget(
|
||||
"dojo.widget.Show",
|
||||
dojo.widget.HtmlWidget,
|
||||
function(){
|
||||
this._slides=[];
|
||||
},
|
||||
{
|
||||
isContainer: true,
|
||||
_slide: -1,
|
||||
|
||||
body: null,
|
||||
nav: null,
|
||||
hider: null,
|
||||
select: null,
|
||||
option: null,
|
||||
inNav: false,
|
||||
debugPane: null,
|
||||
noClick: false,
|
||||
templatePath: dojo.uri.dojoUri("src/widget/templates/Show.html"),
|
||||
templateCssPath: dojo.uri.dojoUri("src/widget/templates/Show.css"),
|
||||
fillInTemplate: function(args, frag){
|
||||
if(args.debugPane){
|
||||
var dp = this.debugPane = dojo.widget.byId(args.debugPane);
|
||||
dp.hide();
|
||||
dojo.event.connect(dp, "closeWindow", dojo.lang.hitch(this, function(){ this.debugPane = false; }));
|
||||
}
|
||||
var source = this.getFragNodeRef(frag);
|
||||
this.sourceNode = dojo.body().appendChild(source.cloneNode(true));
|
||||
for(var i = 0, child; child = this.sourceNode.childNodes[i]; i++){
|
||||
if(child.tagName && child.getAttribute("dojotype").toLowerCase() == "showslide"){
|
||||
child.className = "dojoShowPrintSlide";
|
||||
child.innerHTML = "<h1>" + child.title + "</h1>" + child.innerHTML;
|
||||
}
|
||||
}
|
||||
this.sourceNode.className = "dojoShowPrint";
|
||||
this.sourceNode.style.display = "none";
|
||||
|
||||
dojo.event.connect(document, "onclick", this, "gotoSlideByEvent");
|
||||
if(dojo.render.html.ie) {
|
||||
dojo.event.connect(document,"onkeydown",this, "gotoSlideByEvent");
|
||||
} else {
|
||||
// while keydown works, keypress allows rapid successive key presses
|
||||
// to be handled correctly
|
||||
dojo.event.connect(document,"onkeypress",this, "gotoSlideByEvent");
|
||||
}
|
||||
dojo.event.connect(window, "onresize", this, "resizeWindow");
|
||||
dojo.event.connect(this.nav, "onmousemove", this, "popUpNav");
|
||||
},
|
||||
postCreate: function(){
|
||||
this._slides = [];
|
||||
for(var i = 0, child; child = this.children[i]; i++){
|
||||
if(child.widgetType == "ShowSlide"){
|
||||
this._slides.push(child);
|
||||
this.option.text = child.title+" ("+(i+1)+")";
|
||||
this.option.parentNode.insertBefore(this.option.cloneNode(true), this.option);
|
||||
}
|
||||
}
|
||||
this.option.parentNode.removeChild(this.option);
|
||||
this.domNode.style.display = "block";
|
||||
this.resizeWindow();
|
||||
|
||||
this.gotoSlide(0, true);
|
||||
|
||||
// check to see if we're initialized from a particular slide
|
||||
dojo.addOnLoad(dojo.lang.hitch(this,
|
||||
function(){
|
||||
var th = window.location.hash;
|
||||
if(th.length){
|
||||
var parts = (""+window.location).split(this.widgetId+"_SlideNo_");
|
||||
if(parts.length > 1){
|
||||
setTimeout(dojo.lang.hitch(this, function(){
|
||||
this.gotoSlide(parseInt(parts[1]), true);
|
||||
}), 300);
|
||||
}
|
||||
}
|
||||
})
|
||||
);
|
||||
},
|
||||
gotoSlide: function(/*int*/ slide, /*Boolean*/preventSetHash){
|
||||
if(slide == this._slide){
|
||||
return;
|
||||
}
|
||||
|
||||
if(!this._slides[slide]){
|
||||
// slide: string
|
||||
for(var i = 0, child; child = this._slides[i]; i++){
|
||||
if(child.title == slide){
|
||||
slide = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(!this._slides[slide]){
|
||||
return;
|
||||
}
|
||||
|
||||
if(this.debugPane){
|
||||
if(this._slides[slide].debug){
|
||||
this.debugPane.show();
|
||||
}else{
|
||||
this.debugPane.hide();
|
||||
}
|
||||
}
|
||||
|
||||
if(this._slide != -1){
|
||||
while(this._slides[this._slide].previousAction()){}
|
||||
}
|
||||
|
||||
if(!preventSetHash){
|
||||
window.location.href = "#"+this.widgetId+"_SlideNo_"+slide;
|
||||
}
|
||||
if(this._slides[this._slide]){
|
||||
this._slides[this._slide].hide();
|
||||
}
|
||||
|
||||
this._slide = slide;
|
||||
this.select.selectedIndex = slide;
|
||||
var cn = this.contentNode;
|
||||
while(cn.firstChild){ cn.removeChild(cn.firstChild); }
|
||||
cn.appendChild(this._slides[slide].domNode);
|
||||
this._slides[slide].show();
|
||||
},
|
||||
gotoSlideByEvent: function(/*Event*/ event){
|
||||
var node = event.target;
|
||||
var type = event.type;
|
||||
if(type == "click"){
|
||||
if(node.tagName == "OPTION" && node.parentNode == this.select){
|
||||
this.gotoSlide(node.index);
|
||||
}else if(node == this.select){
|
||||
this.gotoSlide(node.selectedIndex);
|
||||
}else{
|
||||
this.nextSlide(event);
|
||||
}
|
||||
}else if (type=="keydown" || type=="keypress") {
|
||||
var key = event.keyCode;
|
||||
var ch = event.charCode;
|
||||
if(key == 63234 || key == 37){
|
||||
this.previousSlide(event);
|
||||
}else if(key == 63235 || key == 39 || ch == 32){
|
||||
this.nextSlide(event);
|
||||
}
|
||||
}
|
||||
},
|
||||
nextSlide: function(/*Event?*/ event){
|
||||
if(!this.stopEvent(event)){
|
||||
return false;
|
||||
}
|
||||
if(!this._slides[this._slide].nextAction(event)){
|
||||
if((this._slide + 1) != this._slides.length){
|
||||
this.gotoSlide(this._slide + 1);
|
||||
return true; // boolean
|
||||
}
|
||||
return false; // boolean
|
||||
}
|
||||
},
|
||||
previousSlide: function(/*Event?*/ event){
|
||||
if(!this.stopEvent(event)){
|
||||
return false;
|
||||
}
|
||||
if(!this._slides[this._slide].previousAction(event)){
|
||||
if((this._slide - 1) != -1){
|
||||
this.gotoSlide(this._slide - 1);
|
||||
return true; // boolean
|
||||
}
|
||||
return false; // boolean
|
||||
}
|
||||
},
|
||||
|
||||
stopEvent: function(/*Event*/ ev){
|
||||
if(!ev){
|
||||
return true;
|
||||
}
|
||||
|
||||
if (ev.type == "click" && (this._slides[this._slide].noClick || this.noClick)) {
|
||||
return false;
|
||||
}
|
||||
var target = ev.target;
|
||||
// Check to see if the target is below the show domNode
|
||||
while(target != null){
|
||||
if(target == this.domNode){
|
||||
target = ev.target;
|
||||
break;
|
||||
}
|
||||
target = target.parentNode;
|
||||
}
|
||||
// Now that we know it's below this widget's domNode, we bubble up until we get to our domNode
|
||||
if(!dojo.dom.isDescendantOf(target, this.nav)){
|
||||
while(target && target != this.domNode){
|
||||
if(target.tagName == "A" || target.tagName == "INPUT" || target.tagName == "TEXTAREA" || target.tagName == "SELECT"){
|
||||
return false;
|
||||
}
|
||||
if(typeof target.onclick == "function" || typeof target.onkeypress == "function"){
|
||||
return false;
|
||||
}
|
||||
target = target.parentNode;
|
||||
}
|
||||
}
|
||||
|
||||
if(window.event){
|
||||
ev.returnValue = false;
|
||||
ev.cancelBubble = true;
|
||||
}else{
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
}
|
||||
|
||||
return true;
|
||||
},
|
||||
popUpNav: function(){
|
||||
if(!this.inNav){
|
||||
// dojo.widget.Show.node = this.nav;
|
||||
dojo.lfx.propertyAnimation(this.nav, {
|
||||
"height": { start: 5, end: 30 }
|
||||
}, 250).play();
|
||||
}
|
||||
clearTimeout(this.inNav);
|
||||
this.inNav = setTimeout(dojo.lang.hitch(this, "hideNav"), 2000);
|
||||
},
|
||||
hideNav: function(){
|
||||
clearTimeout(this.inNav);
|
||||
this.inNav = false;
|
||||
// dojo.widget.Show.node = this.nav;
|
||||
dojo.lfx.propertyAnimation(this.nav, {
|
||||
"height": { start: 30, end: 5 }
|
||||
}, 250).play();
|
||||
},
|
||||
resizeWindow: function(/*Event*/ ev){
|
||||
dojo.body().style.height = "auto";
|
||||
var h = Math.max(
|
||||
document.documentElement.scrollHeight || dojo.body().scrollHeight,
|
||||
dojo.html.getViewport().height);
|
||||
dojo.body().style.height = h + "px";
|
||||
}
|
||||
});
|
||||
Reference in New Issue
Block a user