/* Version: $Id: modal.js 311 2009-09-22 06:44:31Z prskavecl $ */
/**
* Modal window object
* @author Jozef Lukac, LMC s.r.o.
*/
/**
* We are using YUI. We need Dictionary, URLManager and also some files: container-min.js, dispatcher-min.js, utilities.js
*
*
* All u need to use Modal window is register an event and appropriate method and pass some params to the method.
* Let's say u want to register modal template 'basketModalTemplate' which shows on click at the elemnt with id='click_me'.
* U can do it by following:
* Modal.register('click_me', 'click', "tpl", {header: __('basket'), tpl: 'basketModal', preventDefault : true});
*
* Using: Moda.register([element],[event],[method], [object of params])
*
* element can be an object as well, if event is ommited, click will be used,
*
* method can be:
* tpl-for showing template,
* elm- for showing some element content inside the window, or
* url- for showing some url inside the window
*/
var util = YAHOO.util;
/**
* Main Modal window object
*/
var Modal = {
/**
* Initializes the modal window
*
* @param DomElement|null renderObj
* @returns void
*/
init : function(name, renderObj) {
if (!this._windows) {
this._windows = {};
}
if (!this._windowStack) {
this._windowStack = [];
}
this._windows[name] = new YAHOO.widget.Panel("modal-window-"+name,{
width: this.modalWidth,
fixedcenter: true,
close: true,
draggable: true,
zIndex:40,
modal: true,
visible: false,
constraintoviewport: true,
underlay: 'none',
effect:[{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.3}]
});
this._windows[name].setBody('');
this._windows[name].setHeader('');
if (renderObj) {
this._windows[name].render(renderObj);
} else {
this._windows[name].render(document.body);
}
this._windowStack[this._windowStack.length] = name;
},
/**
* Sets the contents of the window.
*
* @param string pHeaderStr window header
* @param string pBodyStr window content
* @param object pTemplate
*/
set : function(pHeaderStr, pBodyStr, pTemplate) {
var name = pTemplate.toString();
if (!this._windows || !this._windows[name]) {
if (pTemplate.getRenderObj) {
this.init(name, pTemplate.getRenderObj());
} else {
this.init(name);
}
}
if (pBodyStr) this._windows[name].setBody(pBodyStr);
if (pHeaderStr) this._windows[name].setHeader(pHeaderStr);
if (typeof pTemplate.showEvent != 'undefined') {
this._windows[name].showEvent.subscribe(pTemplate.showEvent);
}
this._windows[name].show();
},
/**
* Hides the window.
*
* @returns void
*/
hide : function(name){
if (!name) {
name = this._windowStack.pop();
}
if (this._windows[name]) {
this._windows[name].hide();
this._windows[name] = null;
}
},
/**
* Method for displaying URL inside the window
*
* @param string pHeaderStr window header
* @param string pUrl URL of the page to display
*/
showUrl : function(pHeader, pUrl) {
var callback = {
onLoad : function(o) {
Modal.hide();
Modal.set(pHeader, o.innerHTML);
},
onStart : function(o) {
Modal.set(__('Loading'), __('Please wait'));
}
}
/**
* We need an element to put the content into, so we create one first.
*/
if (!document.getElementById('Modal-result-container')) {
var el = document.createElement("div");
el.id = 'Modal-result-container';
el.style.display = 'none';
document.body.appendChild(el);
}
YAHOO.util.Dispatcher.fetch('Modal-result-container', pUrl, callback);
},
/**
* Method for displaying Element inside the window.
*
* @param string pHeaderStr window header
* @param string pElmId id of the element to display
*/
showElm : function(pHeader, pElmId) {
var lElm = document.getElementById(pElmId);
if (!lElm) {return false;}
this.set(pHeader, lElm.innerHTML);
return true;
},
/**
* Method for displaying a template inside the window.
*
* @param string pHeaderStr window header
* @param string pTpl a template to display
*/
showTpl : function(pHeader, pTpl, pTplVars) {
/**
* We have the name of the template, but we need template object. Ugly hack...
*/
try {
var tpl = eval(pTpl);
}
catch (err) {
try {
console.warn('no such template loaded '+pTpl);
}
catch(err){
}
/*
* We do not have such template, probably...
*/
return false;
}
if (pTplVars && pTplVars['modalWidth']) {
this.modalWidth = pTplVars['modalWidth'];
} else {
this.modalWidth = "340px";
}
/**
* Set the variables that we want to override
*/
if(pTplVars) {
for(lVar in pTplVars) tpl.vars[lVar] = pTplVars[lVar];
}
this.set(pHeader, tpl.get(), tpl);
return tpl;
},
/**
* Registers event and method with args to call.
*
* @param string pElmId: id of the element to observe
* @param string pEvent: name of the event. If ommited, click will be used
* @param string pMethod: a method of Modal to call when pEvent occures. This corresponds to the method of this class written in lower-case without show prefix, 'url','elm','tlp' etc...
* @param array pArgs: Array of arguments for callback f-cion
*/
register : function(pElmId, pEvent, pMethod, pArgs) {
pArgs['pMethod'] = pMethod;
if (!pEvent) pEvent = 'click';
YAHOO.util.Event.on(pElmId, pEvent, Modal.dispatch, pArgs);
/**
* Just some d-Bug infos. Uncomment following...
*/
/*var lArgs = "";
if(pArgs) {
for(lArg in pArgs) lArgs += lArg + '=' + pArgs[lArg] + ",";
}
console.warn('Modal: new evet registered: ' + pEvent + ', elmId: ' + pElmId + ', method: ' + pMethod + ',args: ' + lArgs);
*/
},
/**
* Method for dealing with registered events. It's responsible for calling proper method with proper args when event occures on element.
* This method shoul not be called directly
*
* @param string pEvent: event to observe
* @param array pArgs: array of args for Method
*/
dispatch : function(pEvent, pArgs) {
var tpl = null;
switch (pArgs['pMethod']) {
case 'url':
/**
* Set the preventDefault for all registered showUrl calls
*/
pArgs['preventDefault'] = true;
Modal.showUrl(pArgs['header'], pArgs['url']);
break;
case 'elm':
Modal.showElm(pArgs['header'], pArgs['id']);
break;
case 'tpl':
tpl = Modal.showTpl(pArgs['header'], pArgs['tpl'], pArgs['vars']);
break;
}
if ((pArgs['preventDefault'] && pArgs['preventDefault'] == true)
|| (tpl != null && tpl.preventDefault && tpl.preventDefault() == true)) {
if(YAHOO.env.ua.ie) pEvent.returnValue = false;
else YAHOO.util.Event.preventDefault(pEvent);
}
if(pArgs['focus'] && document.getElementById(pArgs['focus'])) {
document.getElementById(pArgs['focus']).focus();
}
}
}
/**
* Modal Templates definitions
*/
var userLoginTemplate = {
vars : {loginTextDisplay : 'inline',
loginTextBadPasswordCompanyDisplay : 'none',
loginTextBadPasswordDisplay : 'none',
loginTextUnknownDisplay : 'none',
redirect : '',
basketLogin : false
},
get : function(){
// TODO: remove cookie functions to special file and include it when it is needed (tip: when initModals is set)
function readCookie(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;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+";";
}
function eraseCookie(name) {
var cookie_date = new Date(); // current date & time
cookie_date.setTime(cookie_date.getTime() - 1);
var domain = document.domain.split('.')[document.domain.split('.').length-2]+'.'+document.domain.split('.')[document.domain.split('.').length-1];
document.cookie = name += "=; expires=" + cookie_date.toGMTString() + "; path=/; domain=."+domain;
}
var errorMessage = readCookie('message_errorId');
if (errorMessage != null) {
if (errorMessage.indexOf('incorrect_password_company') !== 0) {
this.vars.loginTextDisplay = 'none';
this.vars.loginTextBadPasswordDisplay = 'inline';
eraseCookie('message_errorId');
}
}
return '
'+
'
'+
'
'+
''+
''+
''+
''+
' '+
''+
'
'+
''+
'
'+
'
'+
''+
'
'+
''+
'
'+
'
'+
'
';
}
};
var userLoginTemplateOld = {
vars : {loginTextDisplay : 'inline',
loginTextBadPasswordCompanyDisplay : 'none',
loginTextBadPasswordDisplay : 'none',
loginTextUnknownDisplay : 'none',
redirect : '',
basketLogin : false
},
get : function(){
// TODO: remove cookie functions to special file and include it when it is needed (tip: when initModals is set)
function readCookie(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;
}
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+";";
}
function eraseCookie(name) {
var cookie_date = new Date(); // current date & time
cookie_date.setTime(cookie_date.getTime() - 1);
var domain = document.domain.split('.')[document.domain.split('.').length-2]+'.'+document.domain.split('.')[document.domain.split('.').length-1];
document.cookie = name += "=; expires=" + cookie_date.toGMTString() + "; path=/; domain=."+domain;
}
var errorMessage = readCookie('message_errorId');
if (errorMessage != null) {
if (errorMessage.indexOf('incorrect_password_company') !== 0) {
this.vars.loginTextDisplay = 'none';
this.vars.loginTextBadPasswordDisplay = 'inline';
eraseCookie('message_errorId');
}
}
return ''+
''+
''+
''+
''+
'
'+
'';
}
};
var changePassTemplate = {
vars : {},
get : function(){
return '
';
}
}
var validationResultTemplate = {
vars : {
title : 'pleaseCheckThisDataBeforeSubmit',
submit_title : 'defaultCONTINUE',
errs: null
},
get : function(){
// solve defaults, so case when calling of dictionary for translation is necessary
if (this.vars.title == 'pleaseCheckThisDataBeforeSubmit') this.vars.title = __(this.vars.title);
if (this.vars.submit_title == 'defaultCONTINUE') this.vars.submit_title = __('continue');
var err = '
 + 'layout_ghost.gif)
'+
''+
''+
''+
''+
' '+
''+
''+
'