/*
Class: Ev
I have created this namespace for functions - but we should put classes in here eventually
*/
var Ev = {
version : 0.1
};
function ArrayOverride(arr1, arr2) {
for(p in arr2) {
arr1[p] = arr2[p];
};
return arr1;
}
// REMOVE THIS??
if((typeof isset)=='undefined') {
function isset(variable){
return (typeof variable)!='undefined';
}
}
// utilities
if(typeof(getCookie)=='undefined') {
function getCookie(name) {
Cookie.get(name);
/*
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;*/
}
}
/*
//if(typeof(setCookie)!='undefined') {
// setCookie = null;
//}
//if(typeof(setCookie)=='undefined' || setCookie==null) {
//function setCookie(cookieName, cookieValue) {
// document.cookie = cookieName + '='+cookieValue+'; expires=Thu, 2 Aug 2099 20:47:11 UTC; path=/';
//}
function setCookie(name, value) {
Cookie.set(name, value, 999999);
}
//}
setCookie = function(name, value) {
// alert(name + ' / ' + value);
Cookie.set(name, value, 999999);
}
*/
var Cookie = {
set: function(name,value,seconds){
if(seconds){
d = new Date();
d.setTime(d.getTime() + (seconds * 1000));
expiry = '; expires=' + d.toGMTString();
}else
expiry = '';
document.cookie = name + "=" + value + expiry + "; path=/";
},
get: function(name){
nameEQ = name + "=";
ca = document.cookie.split(';');
for(i = 0; i < ca.length; i++){
c = ca[i];
while(c.charAt(0) == ' ')
c = c.substring(1,c.length);
if(c.indexOf(nameEQ) == 0)
return c.substring(nameEQ.length,c.length);
}
return null;
},
unset: function(name){
Cookie.set(name,'',-1);
}
}
var setCookie = function(name, value) {
Cookie.set(name, value, 99999);
};
var getCookie = function(name) {
return Cookie.get(name);
};
/**
* Loads JavaScriptFile and evaluates it. Use this to include JavaScript files at any point.
*/
function JSLoad(JavaScriptFile, options) {
try {
if(!options) var options = {};
if(!options.onComplete) options.onComplete = function() { log("EMPTTY FUNCTION"); }
//'/s/AssetRendering/edit/AssetEditing.js'
new Ajax.Request(JavaScriptFile , {
onComplete : function(r) {
try {
top.eval(r.responseText);
} catch(e) {
logError(e, 'Error including file: "' + JavaScriptFile + '" ');
}
}
});
} catch(e) {
logError(e, 'Error including file: "' + JavaScriptFile + '" ');
}
}
String.prototype.replaceAll=function(s1, s2) {return this.split(s1).join(s2)}
function EvRefreshElementById(id, message) {
return;
if(!$(id)) {
throw new Error("Cannot update non-existant element: '"+id+"'");
}
if(typeof message=='undefined') {
message = 'Reloading page - please wait';
}
// ** Dim the page **
top._refreshOverlay = new OverlayPage(
''+message+'
'+HTML+'
';
//'';
this.dialogInner = n;
// TODO: Doesn't work -- can't get the modal to resize.
//var dim = this.dialogInner.getDimensions();
this.dialog = new Ext.Window({
applyTo : this.dialogInner,
//title : this.options.title,
shim : false,
width : this.options.width,
height : this.options.height,
minHeight:300,
minimizable : false,
shadow : false,
modal : true,
overflow:'auto',
autoScroll: (this.options.scroll),
bufferResize : true,
resizable : this.options.resizable,
plain : true
});
// Callback for onClose
var _this = this;
this.dialog.addListener('close', function() {
// Let onClose callback run first
_this.options.onClose();
// Remove 'this' from the openModals
if(!_this.isClosed) {
SimpleModal.openModals.pop();
_this.isClosed = true;
}
/*
if(SimpleModal.openModals<=1) {
document.body.style.overflow = 'scroll';
document.body.style.height = 'auto';
}*/
// If we need to refresh the caller
/* *** Shouldn't call this, because
if(_this.options.reloadCallerOnClose) {
var s = SimpleModal.openModals[SimpleModal.openModals.length-1];
if(s) {
s.loadFromURL();
}
}*/
});
this.dialog.show();
var pos = this.dialog.getPosition();
var y = pos[1];
if(y<30) {
y = 30;
this.dialog.setPosition(pos[0], y);
}
this.dialog.setPosition(pos[0], 100);
// load from url if required
if(this.options.url) {
this.loadFromURL();
}
this.dialog.setPosition(pos[0], 100);
SimpleModal.openModals.push(this);
},
/*
Function: loadFromURL
Loads the url (options.url) into the modal. Replaces whatever HTML the modal was created with.
*/
loadFromURL : function() {
if(typeof this.options.url=='undefined') {
return;
}
try {
new Request.HTML({
update : $(this._wrapperId),
url : this.options.url,
onSuccess : function() { }
}).send();
} catch(e) {
logError(e, ('Error loading from URL to ' + this._wrapperId));
}
},
/*
Function : resize
Resize the dialog based on the content of the div we setup at the beginning
*/
resize : function() {
var d = $(this._wrapperId).getSize();
if(d.y>100) {
this.dialog.setHeight((d.y+40));
} else {
// alert('NOT resizing...');
}
},
/*
Function: close
Close the dialog.
*/
close : function() {
if(this.options.reloadCallerOnClose) {
// We expect that 'this' has already been removed from .openModals so get the top-most modal
var s = SimpleModal.openModals[SimpleModal.openModals.length-1];
if(s) {
s.loadFromURL();
}
} else {
//
}
this.isClosed = true;
this.dialog.close();
}
};
/*
Class: Rocker
Simple rocker switch
Usage:
> new Rocker($('rocker'), {
> on : '>>>',
> off :'<<<',
> callback : function() {
> //...
> }
> });
*/
Rocker = new Class();
Rocker.ON = 1;
Rocker.OFF = -1;
Rocker.count= 0;
Rocker.prototype = {
initialize : function(targetNode, options) {
this.targetNode = $(targetNode);
this.position = Rocker.OFF;
this.options = ArrayOverride({
value : null,
off : 'Off',
on : 'On',
offStyle: {
/*backgroundColor : 'red'*/
//marginLeft : 0
},
onStyle : {
/*backgroundColor : 'blue'*/
//marginLeft : 27
},
callback:function() {
// alert('Toggle!');
}
}, options);
this.togglers = {};
this.togglers[Rocker.ON] = options.on;
this.togglers[Rocker.OFF] = options.off;
this.rocker_id = 'rocker-id-' + Rocker.count;
//var sw = Builder.node('DIV', {
var sw = new Element('DIV', {
style : 'width 10px;',
id : this.rocker_id
}, '!!');
this.targetNode.appendChild(sw);
var _this = this;
//Event.observe($(this.targetNode), 'click', function() {
$(this.targetNode).addEvent('click', function() {
_this.toggle();
});
if(this.options.value==Rocker.ON) {
this.position = this.options.value;
$(this.rocker_id).innerHTML = this.togglers[this.position];
//$(this.targetNode).setStyles(this.options.onStyle);
/*
var n = $('rocker-id-0');
var effect = new Fx.Morph(n);
effect.start({
'marginLeft' : [0,37]
});*/
// $(this.targetNode).tween(this.options.onStyle, {
// duration : 0.5
// });
//
var moveby = 27 * this.position;
$(this.rocker_id).setStyles({
marginLeft : moveby
});
/*Effect.MoveBy($(this.rocker_id),
0,
moveby,
{ duration : 0.2 } );
*/
} else
if(this.options.value==Rocker.OFF) {
this.position = this.options.value;
$(this.rocker_id).innerHTML = this.togglers[this.position];
$(this.targetNode).setStyles(this.options.offStyle);
}
},
setPosition : function(rockerPosition) {
if(rockerPosition==this.position) return;
if(rockerPosition==Rocker.ON) {
this.position = rockerPosition;
$(this.rocker_id).innerHTML = this.togglers[this.position];
$(this.targetNode).setStyles(this.options.onStyle);
/*Effect.MoveBy($(this.rocker_id),
0,
moveby,
{ duration : 0.2 } );
*/
} else
if(rockerPosition==Rocker.OFF) {
this.position = rockerPosition;
$(this.rocker_id).innerHTML = this.togglers[this.position];
$(this.targetNode).setStyles(this.options.offStyle);
}
var moveby = 27 * this.position;
try {
var effect = new Fx.Morph($(this.rocker_id), {
});
if(this.position==1) {
effect.start({
'marginLeft' : [0,27]
});
} else {
effect.start({
'marginLeft' : [27,0]
});
}
} catch(e) {alert(e.message);}
},
toggle : function() {
try {
this.position = -1 * this.position;
var moveby = 27 * this.position;
var bgColor;
if(this.position==1) {
$(this.targetNode).setStyles(this.options.onStyle);
} else
if(this.position==-1) {
$(this.targetNode).setStyles(this.options.offStyle);
}
try {
var effect = new Fx.Morph($(this.rocker_id), {
});
if(this.position==1) {
effect.start({
'marginLeft' : [0,27]
});
} else {
effect.start({
'marginLeft' : [27,0]
});
}
} catch(e) {alert(e.message);}
this.options.callback(this.position);
var rocker = $(this.rocker_id)
var updateInner = this.togglers[this.position];
setTimeout(function() {
$(rocker).innerHTML = updateInner;
}, 400);
} catch(e) {
alert(e.message);
}
}
}
evDD = new Class({
initialize : function(targetNode, options) {
this.targetNode = $(targetNode);
/*this.options = Object.extend({
menuWidth : 80,
items : []
}, options);
*/
this.options = ArrayOverride({
menuWidth : 80,
items : [],
selected_item : null
}, options);
// set up observe on target node
var _this = this;
try {
//Event.observe(_this.targetNode,'click', function(e) {
$(_this.targetNode).addEvent('click', function(e) {
_this.showMenu();
Event.stop(e);
});
//Event.observe(document, 'click', function() {
$(document).addEvent('click', function(e) {
try {
_this.hideMenu();
} catch(e) {}
});
} catch(e) {
alert(e.message);
}
},
menuNode : null,
showMenu : function() {
//this.targetNode
log('showing...');
if(this.menuNode!==null) {
$(this.menuNode).setStyles({
display : 'block'
});
return;
}
this.menuNode = new Element("DIV", {'class' : 'inv-dd-menu-wrapper'}); //Builder.node("DIV", {'class' : 'inv-dd-menu-wrapper'});
try {
this.menuNode.setStyles({
width : (this.options.menuWidth + 'px')
});
} catch(e) {
this.menuNode.style.width = (this.options.menuWidth + 'px');
}
this.targetNode.appendChild(this.menuNode);
// this.options.items
//top.lookatme = this;
var i = 0;
var addHTML = '';
for(i=0;i';
// DF. I put the callback inside the menu node because of a scope problem passing 'callback' to the event, below.
item._callback = this.options.items[i].callback;
///alert(item._callback);
this.menuNode.appendChild(item);
var _this = this;
//Event.observe(item, 'click', function(e) {
$(item).addEvent('click', function(e) {
try {
top.thise = e;
var cb = findAncestor(e.target, function(elmnt) {
return (typeof elmnt._callback!='undefined');
});
_this.hideMenu();
//Event.stop(e);
e.stopPropagation();
cb._callback();
//alert(cb._callback);
} catch(e) { alert(e.message); }
});
}
},
hideMenu : function() {
try {
if(this.menuNode!==null) {
$(this.menuNode).setStyles({
display : 'none'
});
}
} catch(e) { alert(e.message); }
}
});
/*
Class: UndoDropdown
*/
UndoDropdown = {}
UndoDropdown = Class.create();
UndoDropdown.prototype = {
initialize : function(target, options) {
target = $(target);
options = Object.extend({
undos : [{
title : 'undo 1',
description : 'Description 1',
callback : function() {
alert('Undo 1')
}
},{
title : 'undo 2',
description : 'Description 2',
callback : function() {
alert('Undo 2')
}
},{
title : 'undo 1',
description : 'Description 1',
callback : function() {
alert('Undo 1')
}
},{
title : 'undo 2',
description : 'Description 2',
callback : function() {
alert('Undo 2')
}
}
]
}, options);
this.dd = Builder.node('DIV', {
'class' : 'inv-dd-menu-wrapper'
});
target.appendChild(this.dd);
this.headerNode = Builder.node('DIV', {
style : 'background-color : #404040; color : white; display : none;'// [DF - this isn't finsihed. It should show the last change]
}, 'testing...');
this.dd.appendChild(this.headerNode);
this.undoList = Builder.node('DIV', {
'class' : 'inv-dd-menu-wrapper',
'style' : 'width : 200px; display:none;'
});
this.dd.appendChild(this.undoList);
for (var i=0; i < options.undos.length; i++) {
this.addItemToList(
options.undos[i].title,
options.undos[i].description,
options.undos[i].callback
);
};
var _this = this;
try {
Event.observe(target,'click', function(e) {
_this.showMenu();
Event.stop(e);
});
Event.observe(document, 'click', function() {
_this.hideMenu();
});
} catch(e) {
alert(e.message);
}
},
showMenu : function() {
// unhide
// this.undoList.setStyle({'display : block'});
this.undoList.setStyle({'display' : 'block'});
},
hideMenu : function() {
//hide
this.undoList.setStyle({'display' : 'none'});
},
listCounter : 0,
addItemToList : function(title, description, callback) {
this.listCounter++;
var bgClass = (this.listCounter%2==0) ? 'UndoDropdown-even' : 'UndoDropdown-odd';
var undoLink = '';
var uitem = Builder.node('DIV', {
'class' : bgClass + ' inv-add-menu-item-wrapper'
});
uitem.innerHTML =
'';
//this.undoList.appendChild(uitem);
if(this.undoList.firstChild) {
this.undoList.insertBefore(uitem, this.undoList.firstChild);
} else {
this.undoList.appendChild(uitem);
}
// setup callback
var cb = callback;
Event.observe(
uitem,
'click',
callback
);
this.setHeaderItem(title);
},
setHeaderItem : function(title) {
this.headerNode.innerHTML = title;
}
};