// bad, bad, ugly globals
var PS, PSDom, globalGalleryInstance;
var initAt = new Date().getTime();
/**
* @class
* Application independent Functions
*/
PS_core = Class.create(
/** @lends PS_core */
{
/**
* @private
* */
initialize: function () {
this.debug("PS_core initialized - Core functions available now");
},
/**
* @description Console-Enabled Browsers Debugging
*
* @param {String} message Message string or exception object
* @param {String} [loglevel]
*/
debug: function (message, loglevel) {
loglevel = loglevel || "debug";
if (typeof console === "undefined" || typeof console.debug === "undefined") {
return false;
}
var isDevSystem = window.location.host.endsWith('parship.office') || window.location.host.endsWith('parship.net') || window.location.host.indexOf('localhost') != -1 ? true : false;
var forceDebug = window.location.search.indexOf('jsDebug=true') != "-1" ? true : false;
var showTime = false;
if (isDevSystem || forceDebug) {
var timeElapsed = "";
if (showTime) timeElapsed = (new Date().getTime() - initAt) / 1000 + ": ";
if (typeof message === "string" || typeof message === "number" || typeof console.dir === "undefined") {
console.debug(timeElapsed + Object.inspect(message));
if (typeof Backstage !== "undefined" && loglevel == 'info') {
Backstage.addLogEntry(message);
}
} else if (typeof message.stack !== "undefined") {
console.log("CAUGHT EXCEPTION " + message.stack);
} else {
console.dir(message);
}
}
}
});
/**
* @class
* Initialization of DOM. Prepared on dom:loaded
*/
PS_dom = Class.create(
/** @lends PS_dom */
{
/**
* @private
* */
initialize: function () {
this.initActionClasses();
this.initActionIds();
this.initOtherDomStuff();
//PS.debug("PS_dom initialized - all Events set to Dom");
},
/**
* @description Initializes all JS-Classes for listed DOM-IDs
*/
initActionIds: function initActionIds() {
var listViewInput = null;
var elems;
if ($('ps_testProfilePrefill')) {
new Helper.PS_fakeInput(); // for Image-Upload
$("ps_profilePrefillForm").observe("submit", function() {
if(typeof allInputDefaults != "undefined") allInputDefaults.clearDefaultValuesBeforeSubmit("ps_profilePrefillForm");
});
}
elems = $('ps_field_password_dynamic');
if (elems) {
new PageContext.PS_passwordDynamic(elems);
}
elems = $('ps_field_new_password');
if (elems) {
new PageContext.PS_passwordDynamic(elems);
}
elems = $('ps_field_password');
if (elems) {
if(!$('ps_loginPage')) { //do not call on login page
new PageContext.PS_passwordDynamic(elems);
}
}
elems = $('ps_miniImageGallery');
if (elems) {
new PageContext.PS_miniImageGallery(elems);
}
if ($('showInfoLayerOnWelomepage') && $('ps_rightInTheFace')) {
window.setTimeout("Modalbox.show($('ps_rightInTheFace'), {width: 540, skin: '1', hideCloseLink: false, confirmBeforeClosing: false});", 1500);
}
elem = $('ps_mottoBox');
if(elem) {
theMottoBox = new PageContext.PS_mottoBox(elem);
}
elem = $('ps_paymentNavTab');
if (elem) {
new PageContext.PS_paymentNavTab(elem);
}
elem = $('ps_openZipMap');
if (elem) {
Par.PageContext.zipMap.init();
}
PS.debug("FINISHED: initActionIds");
},
/**
* @description MAP with CSS-Classnames. All Names are handed to applyClassHandler for DOM initialisation
*/
methodMap : {
ps_disabledButton: function (ele) {
allDisabledButtons = new Helper.PS_buttonDisable(ele, []);
},
ps_inputDefault: function (ele) {
allInputDefaults = new Helper.PS_inputDefault(ele);
},
ps_pop: function (ele) {
new Helper.PS_popupHandler(ele);
},
ps_listViewRow: function (ele) {
// TODO: fix
var listViewInput = false;
if (listViewInput) {
new PageContext.PS_listViewRow(ele, listViewInput);
} else {
new PageContext.PS_listViewRow(ele, null);
}
},
ps_openEditMode: function (ele) {
if (!ele.hasClassName('ps_editIconDisabled')) {
new PageContext.PS_showEditBox(ele);
}
},
ps_hideEditBox: function (ele) {
new PageContext.PS_hideEditBox(ele);
},
ps_productBox: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_productBoxWithSeal: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_productBoxWithLargeSeal: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_selectedProduct: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_productBoxHorizontal: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_productBoxHorizontalWithSeal: function (ele) {
new PageContext.PS_productBox(ele);
},
ps_toggle: function (ele) {
new Helper.PS_toggle(ele);
},
ps_charLimit: function (ele) {
new Helper.PS_inputObserver(ele);
},
ps_tooltip: function (ele) {
new Helper.PS_tooltip(ele);
},
ps_resetNoteForm: function (ele) {
new PageContext.PS_resetNoteForm(ele);
},
ps_makeWritableNote: function (ele) {
new PageContext.PS_makeWritableNote(ele);
},
ps_reportProfile: function (ele) { //for readmessage Page
new PageContext.PS_reportProfile(ele);
},
ps_searchFilters: function (ele) {
new PageContext.PS_searchFilters(ele);
},
ps_editUploadedImages: function (ele) {
new PS_editUploadedImages(ele);
},
ps_welcomeMail: function (ele) {
new PageContext.PS_welcomeMail(ele);
},
ps_sorting: function (ele) {
new PageContext.PS_sorting(ele);
},
ps_introLinks: function (ele) {
ele = $$('.ps_introLinks a');
new PageContext.PS_introLinks(ele);
},
ps_pollBox: function () {//In Editorial
new PageContext.PS_potw().displayCms();
},
/* search criteria country region stuff */
ps_checkerCheckbox: function (ele) {
//elem = new PageContext.basiccriteriaRegions();
elem = new Helper.checkboxChecker();
elem.checkAllInput(ele);
},
ps_singleCheckbox: function (ele) {
//elem = new PageContext.basiccriteriaRegions();
elem = new Helper.checkboxChecker();
elem.singleCheckbox(ele);
},
ps_saveCriteriaBtn: function (ele) {
//elem = new PageContext.basiccriteriaRegions();
elem = new Helper.checkboxChecker();
elem.disableCheckAllInput(ele);
},
ps_hasError: function (ele) {
if($$('.ps_errorHeadline')[0] != null) { //just on Pages that have an error Summary (long Pages)
new Helper.PS_hasError(ele);
}
},
/**
* To be removed after macro #reciprocalModal has been removed (after Funmatch refactor)
* @deprecated
*/
ps_ac_reciprocal: function (ele) {
new PageContext.PS_ac_reciprocal(ele);
},
/*
act_closeNewMessageWindow: function(ele) {
newMessageArrived = new PageContext.newMessageArrived();
ele.observe('click', function() {
newMessageArrived.hideLayer();
});
//ele.observe('click', newMessageArrived.hideLayer);
},*/
ps_messageForm: function (ele) {
messageForm = new PageContext.PS_messageForm(ele);
},
ps_messageFormHelper: function (ele) {
new PageContext.PS_messageFormHelper();
},
ps_printPage: function(ele) {
new Helper.PS_printPage(ele);
},
ps_focusField: function (ele) {
ele.focus();
},
ps_focusTextarea: function (ele, st, end) {
setCursor(ele, 0, 0);
ele.focus();
function setCursor(ele, st, end) {
if (ele.setSelectionRange) {
ele.setSelectionRange(st, end);
}
else {
if (ele.createTextrange) {
range = ele.createTextrange();
range.collapse(true);
range.moveEnd(' ', end);
range.moveStart(' ', st);
range.select();
}
}
}
},
ps_deleteMsgButton: function ps_deleteMsgButton(ele) {
new PageContext.deleteOrRecoverMessages(ele);
},
ps_recoverMsgButton: function ps_recoverMsgButton(ele) {
new PageContext.deleteOrRecoverMessages(ele);
}
},//end MethodMap
/**
* @description Hands a MethodMap to Helper.applyClassHandlers
*/
initActionClasses: function initActionClasses() {
Helper.applyClassHandlers(this.methodMap);
},
/**
* @description Other DOM inits e.g. Browsertweaks and DOMPrototypings
*/
initOtherDomStuff: function initOtherDomStuff() {
// fix scriptaculous Autocompleter iframe positioning at the end of page
// in IE...assuming there are no "real" iframes with absolute
// positioning!
var iframeElems = $$('iframe');
if (iframeElems) iframeElems.each(function (iframeElem) {
if (iframeElem.style.position == 'absolute') iframeElem.setStyle({
top: '-1000px'
});
});
if(navigator.userAgent.indexOf('iPad') != -1) {
Par.Helper.loadCss('ipad');
}
new Helper.domPrototyping();
}
});
//********************************************************* Helper ***************************************************************
//********************************************************************************************************************************
/** @namespace Helper-Namspace for general Functions that can be used everywhere */
var Helper = {
/**
* @class
* @description Hilfsfunktion. Durchläuft den gesamten Dokumentbaum und ruft für jedes
* @description Element, das eine Klasse hat, die in der methodMap vorkommt, den
* @description entsprechenden Handler auf.
*/
applyClassHandlers : function applyClassHandlers(methodMap, elementsSubset) {
if(!elementsSubset) {
var allElements = Element.descendants(document.body);
} else {
var allElements = Element.descendants($(elementsSubset));
}
var aLength = allElements.length;
for (var i = 0; i < aLength; i++) {
var q = new Date().getTime();
var element = allElements[i];
var classes = element.className.split(" ");
var length = classes.length;
for (var j = 0; j < length; j++) {
var method = methodMap[classes[j]];
if (method) {
try {
method($(element));
} catch (e) {
PS.debug(e);
}
}
}
}
PS.debug("FINISHED: initActionClasses");
},
getImageJsonUrl: function getImageJsonUrl(imageJsonUrl, imageOwnerId, imagesize, imageNumber, callback) {
new Ajax.Request(imageJsonUrl + '?rand=' + Helper.getAntiCache(), {
method: 'post',
parameters: {
"imageOwnerId": imageOwnerId,
"imageSize": imagesize,
"imageNumber": imageNumber
},
onSuccess: function (transport) {
callback(transport);
}
});
},
domPrototyping : Class.create({
initialize: function initialize() {
/**
* Prototypes String-Objects for a function that removes Whitespaces
* @return {String} trimed String
* */
String.prototype.trim = function () {
return (this.replace(/^\s\s*/, '').replace(/\s\s*$/, ''));
};
}
}),
/** @class
* @description enhances scriptaculous Effect.ScrollTo so that scrolling can stop at a chosen margin above the element */
PS_scrollTo : Class.create(
/** @lends Helper.PS_scrollTo */
{
initialize: function initialize(ele, margin, alignBottom) {
if (ele == undefined) return false;
// special case: scroll to align bottom border of element at viewport bottom
if (alignBottom) margin = document.viewport.getHeight() - ele.getHeight() - margin;
var oldPos = ele.getStyle('position');
var oldTop = ele.getStyle('top');
var oldPaddingTop = ele.getStyle('paddingTop');
ele.setStyle({
position: 'relative',
top: -margin + 'px',
paddingTop: margin + 'px'
});
new Effect.ScrollTo(ele, {duration: '0.2'});
ele.setStyle({
position: oldPos,
top: oldTop,
paddingTop: oldPaddingTop
});
}
}),
/** @class
* @description Simply calls the Browsers print()-Function.
*/
PS_printPage : Class.create(
/** @lends Helper.PS_printPage */
{
initialize: function initialize(ele) {
//new Helper.disableHref(ele);
ele.observe('click', this.openPrintDialog.bindAsEventListener(this));
},
openPrintDialog: function openPrintDialog() {
window.print();
}
}),
/**
* @class
*
* Inline labels for <input> elements
*
* @description Adds inline default values for input texts and password fields default values
* @description are parsed from labels attached to input fields
*/
PS_inputDefault : Class.create(
/** @lends Helper.PS_inputDefault */
{
/**
* @param {String} ele DOM id of an input element
*/
initialize: function initialize(ele) {
this.ele = $(ele);
this.fieldLabel = $(this.ele.id + '_label');
this.fieldType = this.ele.readAttribute('type');
this.defaultValue = '';
if (this.fieldType == 'password') {
this.fakeField = $(this.ele.id + '_fakefield');
this.fakeField.value = this.fakeField.value.gsub(/\s*:\s*$/, "");
// check for auto fill!!
if (this.ele.value) {
this.fakeField.hide();
this.ele.setStyle('display:inline');
this.ele.focus();
}
Event.observe(this.fakeField, 'focus', this.focus.bindAsEventListener(this));
Event.observe(this.ele, 'blur', this.blur.bindAsEventListener(this));
}
else {
if (this.fieldLabel) {
if(this.ele.value == "") {this.ele.addClassName('ps_defaultValueClass');}
this.defaultValue = this.fieldLabel.innerHTML.gsub(/\s*:\s*$/, "");
}
// check for auto fill!!
if (!this.ele.value) {
this.ele.value = this.defaultValue;
}
Event.observe(this.ele, 'focus', this.focus.bindAsEventListener(this));
Event.observe(this.ele, 'blur', this.blur.bindAsEventListener(this));
}
},
/**
* @description Event handler
* @private
*/
focus: function () {
if (this.fieldType == 'password') {
this.fakeField.hide();
this.ele.setStyle('display:inline');
this.ele.focus();
Event.stopObserving(this.fakeField, 'focus', this.focus.bindAsEventListener(this));
} else {
if (this.ele.value.trim() == this.defaultValue.trim()) {
var agent = navigator.userAgent.toLowerCase();
if (this.ele.id == "ps_partnerNoteTextarea" && agent.indexOf("firefox/3.6".toLowerCase())>-1) {
//damn we have to this here. Otherwise the new partnerNote Field will fail with Events sometimes...
} else {
this.ele.value = "";
}
}
this.ele.removeClassName("ps_defaultValueClass");
}
},
/**
* @description Event handler
* @private
*/
blur: function () {
if (this.ele.value == '') {
if (this.fieldType == 'password') {
this.fakeField.show();
this.ele.setStyle('display:none');
}
else {
this.ele.addClassName("ps_defaultValueClass");
this.ele.value = this.defaultValue;
}
}
},
/**
* @description Helps to avoid accidental submits of label values
* as user input
* @param {String} DOMElement for form
*/
clearDefaultValuesBeforeSubmit : function clearDefaultValuesBeforeSubmit(form) {
if(form != null) {
this.form = form;
$(this.form).select('.ps_inputDefault').each(function(fields){
fieldId = fields.id;
theDefaultText = $(fieldId + "_label");
if(fields.value == theDefaultText.innerHTML.gsub(/\s*:\s*$/, "")) { //":" will be striped by inputDefault-Function
fields.value = "";
}
});
}
},
/**
* @description Used to restore inline labels after they have
* been removed for a form submit
* @param {String} DOMElement for form
*/
fillDefaultValuesAfterSubmit : function fillDefaultValuesAfterSubmit(form) {
if(form != null) {
this.form = form;
$(this.form).select('.ps_inputDefault').each(function(fields){
fieldId = fields.id;
theDefaultText = $(fieldId + "_label");
if(fields.value == "") { //":" will be striped by inputDefault-Function
fields.value = theDefaultText.innerHTML.gsub(/\s*:\s*$/, "");
}
});
}
}
}),
/**
* @class
* @description Open a new Window-popup (only on profiledelete used)
* */
//var PS_popup;
PS_popupHandler : Class.create(
/** @lends Helper.PS_popupHandler */
{
/**
* @description CSS trigger class: ps_pop
* @param {Object} ele An element to be used as the trigger button
*/
initialize: function initialize(ele) {
this.ele = ele;
this.width = this.getPopWidth();
this.height = this.getPopHeight();
this.ele.observe('click', this.open.bindAsEventListener(this));
if (this.ele.hasClassName('ps_pop_auto')) {
this.ele.observe('ps:pop_auto', this.open.bindAsEventListener(this));
this.ele.fire("ps:pop_auto");
}
},
/**
* @private
* @returns {Int} The width the popup should be set to
*/
getPopWidth: function getPopWidth() {
value = 600;
if (this.ele.className) {
this.ele.className.split(" ").each(function (v) {
if (v.match(/^ps_pop_\d+_\d+$/)) {
value = v.gsub(/^ps_pop_(\d+)_\d+/, '#{1}');
}
});
}
return value;
},
/**
* @private
* @returns {Int} The height the popup should be set to
*/
getPopHeight: function getPopHeight() {
value = 500;
if (this.ele.className) {
this.ele.className.split(" ").each(function (v) {
if (v.match(/^ps_pop_\d+_\d+$/)) {
value = v.gsub(/^ps_pop_\d+_(\d+)/, '#{1}');
}
});
}
return value;
},
/**
* @private
* @description Event handler for 'click'
* @param {DOMEvent} evt
*/
open: function open(evt) {
params = "width=" + this.width + ",height=" + this.height + ",resizable=1,scrollbars=1";
//if (PS_popup != undefined) PS_popup.close();
PS_popup = window.open(evt.element().href, "ps_popup", params);
if (PS_popup) PS_popup.focus();
evt.stop();
}
}),
/**
* @class
* Binds a character counter to an <input> or <textarea>
*/
PS_inputObserver : Class.create(
/** @lends Helper.PS_inputObserver */
{
/**
* @description CSS trigger class: ps_charLimit
* CSS parameter class: ps_max_<number> maximum character count
* Secondary targets: #<main_object ID>_message will be shown when the character count is reached, and hidden when the count decreases.
*
*
*
* @param {Object} ele <input> element to be observed
*/
initialize: function v(ele) {
this.ele = ele;
this.id = ele.id;
this.max = this.getMax();
this.observe();
},
/**
* @private
*/
observe: function observe() {
this.ele.observe('click', this.updateCount.bindAsEventListener(this));
this.ele.observe('keydown', this.updateCount.bindAsEventListener(this));
this.ele.observe('keyup', this.updateCount.bindAsEventListener(this));
this.ele.observe('change', this.updateCount.bindAsEventListener(this));
this.ele.observe('focus', this.updateCount.bindAsEventListener(this));
this.ele.observe('blur', this.updateCount.bindAsEventListener(this));
this.ele.observe('ps:inputobserver_init', this.updateCount.bindAsEventListener(this));
this.ele.fire("ps:inputobserver_init");
},
/**
* @private
* @description Defaults to 10.000; looks for a CSS parameter class in form
* of ps_max_<number>
* @return {int} maxLength value for current input/textarea
*/
getMax: function getMax() {
count = "10000";
if (this.ele.className) {
this.ele.className.split(" ").each(function (c) {
if (c.match(/^ps_max_\d+$/)) {
count = c.replace('ps_max_', '');
}
});
}
return count;
},
/**
* @private
* @description Event handler for ps:inputobserver_init
* Responsible for updating the character counter, limit notification and
* growing <textarea>s
*/
updateCount: function updateCount() {
if ($(this.id)) {
var counterElem = $(this.id + "_counter");
var word = $F(this.id);
var count = 0;
if (word) count = word.length;
if (count >= this.max) {
if (count > this.max) {
var truncValue = word.truncate(this.max, '');
this.ele.value = truncValue;
count = truncValue.length;
}
if (counterElem) {
counterElem.up().addClassName('ps_inputLimitReached');
}
}
else {
if (counterElem) counterElem.up().removeClassName('ps_inputLimitReached');
}
if (counterElem) counterElem.update(count);
if (this.ele.hasClassName("ps_expand")) {
if (this.scrollHeight > this.getHeight()) this.rows += 1;
}
// Show message for length limit
var messageElem = $(this.id + "_message");
if (messageElem) {
if (count >= this.max) {
messageElem.show();
}
else {
$(this.id + "_message").hide();
}
}
}
}
}),
/**
* @class
* @description Creates our standard Tooltips ("Following the Mouse" and "Static" Ones)
* @deprecated todo: try to replace with any standard lib // remove dropdownOptionChoose
* */
PS_tooltip : Class.create(
/** @lends Helper.PS_tooltip */
{
initialize: function initialize(ele) {
if (!ele.id) {
ele.identify();
if (!ele.next()) {
ele.up().next().addClassName(ele.id);
} else {
ele.next().addClassName(ele.id);
}
}
// get tooltip to treat
this.ele = $(ele);
this.tooltip = $$("." + this.ele.id)[0];
if (!this.tooltip) return;
this.w = this.getWidth(this.tooltip);
if (!this.tooltip) return;
//this.tooltip.show();
// create tooltip area layer if it's not already present
if (!$('ps_tooltipAreaWrapper')) {
var tooltipArea = new Element('div', {
'id': 'ps_tooltipAreaWrapper',
'class': 'parship'
});
Element.insert($('parship'), {
'after': tooltipArea
});
Element.insert($('ps_tooltipAreaWrapper'), new Element('div', {
'id': 'ps_tooltip_arrow'
}));
}
// wrap in necessary elements
var tempElem = this.tooltip.wrap('div', {
'class': 'ps_tooltip_body'
});
var dialogElem = tempElem.wrap('div', {
'class': 'ps_tooltip_dialog ' + this.tooltip.className
});
dialogElem.removeClassName(this.ele.id);
var wrapperStyle = (this.w ? ' width: ' + this.w + 'px;' : ' white-space: nowrap;');
dialogElem.wrap('div', {
'class': this.ele.id + ' ps_tooltipWrapper',
'style': wrapperStyle
});
// unhide tooltip content area (previously hidden to prevent flickering)
this.tooltip.show();
$(this.tooltip).removeClassName("ps_fullOpacity");
// get newly wrapped tooltip and move it to tooltip area layer
this.tooltip = $$("." + this.ele.id)[0];
Element.insert($('ps_tooltipAreaWrapper'), Element.remove(this.tooltip));
Event.observe(this.ele, "mouseover", this.inside.bindAsEventListener(this));
Event.observe(this.ele, "mousemove", this.inside.bindAsEventListener(this));
Event.observe(this.ele, "mouseout", this.outside.bindAsEventListener(this));
},
inside: function inside(evt) {
if($(this.ele).hasClassName("ps_tooltipDisabled")) {
//nothing
} else {
this.tooltip.show();
$(this.tooltip).addClassName("ps_fullOpacity");
$('ps_tooltip_arrow').show();
x = Event.pointerX(evt);
y = Event.pointerY(evt) - Element.getDimensions(this.tooltip).height - 6;
scrollX = document.viewport.getScrollOffsets()[0];
scrollY = document.viewport.getScrollOffsets()[1];
viewportX = document.viewport.getWidth();
arrowClass = "ps_arrowNorth";
if (this.ele.hasClassName('ps_tooltipBelow')) {
arrow = "s";
x = this.ele.cumulativeOffset()[0] + 34;
y = this.ele.cumulativeOffset()[1] + 98;
arrowX = this.ele.cumulativeOffset()[0] + 28;
arrowY = this.ele.cumulativeOffset()[1] + 90;
arrowClass = "ps_arrowSouth";
}
else if (this.ele.hasClassName('ps_myStatusHeadPhoto')) {
arrow = "s";
x = this.ele.cumulativeOffset()[0] + 19;
y = this.ele.cumulativeOffset()[1] + 54;
arrowX = this.ele.cumulativeOffset()[0] + 13;
arrowY = this.ele.cumulativeOffset()[1] + 46;
arrowClass = "ps_arrowSouth";
} else {
arrow = "n";
if (y - scrollY - 10 < 0) {
arrow = "s";
y = Event.pointerY(evt) + 20;
}
if (x + Element.getDimensions(this.tooltip).width > viewportX) {
x = viewportX - Element.getDimensions(this.tooltip).width + 20;
}
if (arrow == "n") {
arrowX = Event.pointerX(evt) - 5;
arrowY = Event.pointerY(evt) - 11;
arrowClass = "ps_arrowNorth";
}
else {
arrowX = Event.pointerX(evt) - 8;
arrowY = Event.pointerY(evt) + 12;
arrowClass = "ps_arrowSouth";
}
}
$('ps_tooltip_arrow').addClassName(arrowClass);
$('ps_tooltip_arrow').setStyle({
top: arrowY + "px",
left: arrowX + "px"
});
widthValue = this.w ? this.w : this.tooltip.getWidth();
Element.setStyle(this.tooltip, {
width: widthValue,
top: (y + 5) + "px",
left: x + "px"
});
}
},
outside: function outside(evt) {
if($(this.ele).hasClassName("ps_tooltipDisabled")) {
//nothing
} else {
//this.tooltip.hide();
$(this.tooltip).removeClassName("ps_fullOpacity");
$('ps_tooltip_arrow').hide();
}
},
getWidth: function getWidth(elem) {
var width;
if (elem.className) {
elem.className.split(" ").each(function (v) {
if (v.match(/^ps_w\d+$/)) {
width = v.gsub(/^ps_w(\d+)/, '#{1}');
}
});
}
return width;
}
}),
/**
* @class
* @description Toggeling of Boxes via CSS-Classes
* */
PS_toggle : Class.create(
/** @lends Helper.PS_toggle */
{
initialize: function initialize(ele) {
me = this;
this.ele = $(ele);
if (!this.ele.id) this.ele.identify();
this.smooth = this.ele.hasClassName('ps_toggleSmooth');
var c = this;
var elem = $$('#' + this.ele.id + ' .ps_toggleHandle');
if (elem) {
elem.each(function (ele) {
Event.observe(ele, "click", me.toggle.bindAsEventListener(c));
});
}
elem = $$('#' + this.ele.id + ' .ps_toggleHandle_alt');
if (elem) {
elem.each(function (ele) {
Event.observe(ele, "click", me.toggle.bindAsEventListener(c));
});
}
//Icon to show up or down
elem = $$('#' + this.ele.id + ' .ps_toggleHandleIcon');
if (elem) {
elem.each(function (ele) {
var visible = c.getToggleAreaVisibility(ele);
ele.setStyle({
backgroundImage: "url(/static/redesign09/img/bg_toggleHandle_" + visible + ".gif)"
});
Event.observe(ele, "click", me.toggle.bindAsEventListener(c));
});
}
},
/** Do the Toggeling (switching visibility) */
toggle: function toggle(evt) {
evt.stop();
var t = this;
var toggleParentElem = evt.element().up('.ps_toggle');
toggleAreas = toggleParentElem.select('.ps_toggleArea');
if (toggleAreas.length == 0) {
toggleAreas = new Array();
toggleAreas.push($('ps_toggleArea_' + toggleParentElem.id));
}
if (toggleAreas && toggleAreas.length > 0) toggleAreas.each(function (ele) {
ele.toggle();
});
var toggleHandles = toggleParentElem.select('.ps_toggleHandle');
var toggleHandlesAlt = toggleParentElem.select('.ps_toggleHandle_alt');
if (toggleHandles.length > 0 && toggleHandlesAlt.length > 0) {
toggleHandles.each(function (ele) {
ele.toggle();
});
toggleHandlesAlt.each(function (ele) {
ele.toggle();
});
}
var toggleHandleIcons = toggleParentElem.select('.ps_toggleHandleIcon');
if (toggleHandleIcons.length > 0) {
var c = this;
toggleHandleIcons.each(function (ele) {
var visible = c.getToggleAreaVisibility(ele);
ele.setStyle({
backgroundImage: "url(/static/redesign09/img/bg_toggleHandle_" + visible + ".gif)"
});
});
}
},
getToggleAreaVisibility: function getToggleAreaVisibility(ele) {
var toggleArea = null;
var toggleAreaIn = ele.up('.ps_toggle').down('.ps_toggleArea');
var visible = "off";
if (toggleAreaIn) {
toggleArea = toggleAreaIn;
}
else {
var toggleAreaOut = $('ps_toggleArea_' + ele.up('.ps_toggle').id);
if (toggleAreaOut) {
toggleArea = toggleAreaOut;
}
}
if (toggleArea) {
visible = toggleArea.visible() ? "off" : "on";
}
return visible;
}
}),
/*
* @class
* @description Dependant Dropdowns - if you choose something on min-box the max-box will be affected
*/
PS_dropdownDependency : Class.create(
/** @lends Helper.PS_dropdownDependency */
{
initialize: function initialize(min, max, minVals, minTexts, maxVals, maxTexts) {
this.minDropdown = $(min);
this.maxDropdown = $(max);
this.minVals = $A(minVals);
this.maxVals = $A(maxVals);
this.minTexts = $A(minTexts);
this.maxTexts = $A(maxTexts);
this.minSelected = this.minDropdown.options[this.minDropdown.selectedIndex];
this.maxSelected = this.maxDropdown.options[this.maxDropdown.selectedIndex];
// somewhat of a hack, but _should_ contain the value that has attr
// selected=selected
// on initialisation. saving this allows us to preserve the selected
// attr when calling refillMax,
// so that form resets work correctly
this.maxDefaultValue = this.maxSelected.value;
this.dontCareOptionText = "x";
Event.observe(this.minDropdown, "change", this.minChanged.bindAsEventListener(this, this.minDropdown));
Event.observe(this.maxDropdown, "change", this.maxChanged.bindAsEventListener(this, this.maxDropdown));
},
/** Text for very first Option "I don't care" */
setDontCareOptionText: function setDontCareOptionText(text) {
this.dontCareOptionText = text;
},
minChanged: function v(ev, ele) {
this.minSelected = ele.options[ele.selectedIndex];
allNumbers = !isNaN(this.minSelected.value) && !isNaN(this.maxSelected.value);
for (i = 0; i < this.minDropdown.options.length; i++) {
if (this.minDropdown.options[i].value == "0") {
this.minDropdown.options[i].text = this.dontCareOptionText;
}
}
PS.debug("this.minSelected.value: " + parseInt(this.minSelected.value));
PS.debug("this.maxSelected.value: " + parseInt(this.maxSelected.value));
if (allNumbers && parseInt(this.minSelected.value) >= parseInt(this.maxSelected.value)) {
PS.debug("min gr max");
this.refillMax();
// get actual maxsize - search in array for next higher value
actSelectedValIndex = this.maxVals.indexOf(parseInt(this.maxSelected.value));
newMaxValToSelect = this.maxVals[actSelectedValIndex - 1];
// PS.debug(this.maxDropdown.options[this.maxDropdown.selectedIndex].value);
if (this.maxSelected.value == "0" || this.maxDropdown.options[this.maxDropdown.selectedIndex].value == "0") {
newMaxValToSelect = "0";
}
for (i = 0; i < this.maxDropdown.options.length; i++) {
if (this.maxDropdown.options[i].value == newMaxValToSelect) {
PS.debug("this.maxDropdown.options[i].value: " + this.maxDropdown.options[i].value);
PS.debug("newMaxValToSelect: " + newMaxValToSelect);
this.maxDropdown.options[i].selected = true;
return;
}
}
}
else if (allNumbers && parseInt(this.minSelected.value) < parseInt(this.maxSelected.value)) {
PS.debug("min kleiner max");
// refill maxfield
var oldMaxVal = this.maxSelected.value;
this.refillMax();
this.maxSelected.value = oldMaxVal;
for (i = 0; i < this.maxDropdown.options.length; i++) {
if (this.maxDropdown.options[i].value == this.maxSelected.value) {
this.maxDropdown.options[i].selected = true;
return;
}
}
// } else if(allNumbers && this.maxSelected.value == "0") {
}
},
maxChanged: function maxChanged(ev, ele) {
this.maxSelected.value = ele.options[ele.selectedIndex].value;
},
refillMax: function refillMax() {
PS.debug("refillMax");
this.removeAllOption(this.maxDropdown);
for (i = 0; i < this.maxVals.length; i++) {
if (this.maxVals[i] > this.minSelected.value) {
// was this option originally selected=selected?
if (this.maxVals[i] == this.maxDefaultValue) {
var makeDefaultSelected = true;
}
else {
var makeDefaultSelected = false;
}
this.addOption(this.maxDropdown, this.maxTexts[i], this.maxVals[i], false, makeDefaultSelected);
}
if (this.maxVals[i] == this.minSelected.value) {
if (this.maxSelected.value != "0") {
PS.debug("this.maxVals[i] == this.minSelected.value");
this.maxSelected.value = this.minSelected.value;
}
}
}
if (this.dontCareOptionText != "") { // append "egal" Option as last
// Value
this.addOption(this.maxDropdown, this.dontCareOptionText, '0', false, false);
}
},
addOption: function addOption(selectObj, text, value, isSelected, defaultSelected) {
if (selectObj != null && selectObj.options != null) {
selectObj.options[selectObj.options.length] = new Option(text, value, defaultSelected, isSelected);
}
},
removeAllOption: function removeAllOption(selectObj) {
if (selectObj != null && selectObj.options != null) {
selectObj.options.length = 0;
}
}
}),
/**
* @description Stops the linkEvent on a href. -> Makes a link stop working but affects no style
*/
disableHref: Class.create(
/** @lends Helper.disableHref */
{
initialize: function initialize(elem) {
elem.setAttribute('onclick', 'return false;'); //FF
elem.onclick = function(){ //IE!
return false;
};
elem.setAttribute('target', '');
elem.tempHref = elem.href;
elem.href = "javascript:void(0);";
return this;
}
}),
/**
* @class
* @description Can make a Button appear disabled */
PS_buttonDisable : Class.create(
/** @lends Helper.PS_buttonDisable */
{
initialize: function initialize(btnEle, clickEles) {
this.btnEle = btnEle;
var c = this;
if (clickEles) {
clickEles.each(function (e) {
Event.observe(e, 'click', c.click.bindAsEventListener(c));
});
}
this.disableBtn();
},
click: function click() {
this.enableBtn();
},
disableBtn: function disableBtn() {
//this.btnEle.setOpacity(0.3);
/*this.btnEle.setStyle({
cursor: 'default'
});*/
this.btnEle.addClassName("disabledButton");
this.btnEle.observe("click", function(ev) {
Event.stop(ev);
})
},
enableBtn: function enableBtn() {
//this.btnEle.setOpacity(1);
/*this.btnEle.setStyle({
cursor: 'pointer'
});*/
this.btnEle.removeClassName("disabledButton");
this.btnEle.onclick = null;
}
}),
/**
* @class
* @description Disable a Form submit (including Cursor and Style) */
PS_disableOnSubmit : Class.create(
/** @lends Helper.PS_disableOnSubmit */
{
initialize: function initialize(btnEle) {
this.btnEle = btnEle;
Event.observe(btnEle, 'click', this.disableBtn.bindAsEventListener(this));
},
disableBtn: function disableBtn() {
this.btnEle.disabled = true;
this.btnEle.setOpacity(0.3);
this.btnEle.setStyle({
cursor: 'default'
});
this.btnEle.onclick = function () {
return false;
};
}
}),
/**
* @class
* @description Needed to put the selected Filename into our Fake-Inputfield for input-type=file */
PS_fakeInput : Class.create(
/** @lends Helper.PS_fakeInput */
{
initialize: function initialize() {
var ele = $$('input[type="file"]')[0];
if (ele) {
PS.debug("init PS_fakeInput: id=" + ele.id);
this.uploadBtn = $('ps_uploadBtn');
if (this.uploadBtn) this.disableUploadBtn();
// this.isClicked = true;
var prefix = 'ps_fakeInputTarget_';
var c = this;
ele.classNames().each(function (cn) {
if (cn.startsWith(prefix)) {
c.fakeInputId = cn.substring(prefix.length, cn.length);
}
});
if (this.fakeInputId) {
// Event.observe(ele, 'click',
// this.click.bindAsEventListener(this));
Event.observe(ele, 'mouseout', this.outside.bindAsEventListener(this));
Event.observe(ele, 'mouseover', this.inside.bindAsEventListener(this));
Event.observe(ele, 'change', this.outside.bindAsEventListener(this));
}
}
},
click: function click() {
// this.isClicked = true;
},
inside: function inside() {
// $('ps_field_fakeUploadCtrl').src='/static/img/_locales/' +
// $('ps_field_fakeUploadCtrl').lang + '/btn_uploadimg_hover.gif';
},
outside: function outside(ev) {
// if (this.isClicked) {
$(this.fakeInputId).value = ev.element().value;
if ($(this.fakeInputId).value == '') {
if (this.uploadBtn) this.disableUploadBtn();
}
else {
if (this.uploadBtn) this.enableUploadBtn();
}
// this.isClicked = false;
// }
},
disableUploadBtn: function disableUploadBtn() {
this.uploadBtn.addClassName('ps_uploadDisabled');
this.uploadBtn.onclick = function () {
return false;
};
},
enableUploadBtn: function enableUploadBtn() {
this.uploadBtn.removeClassName('ps_uploadDisabled');
this.uploadBtn.onclick = null;
}
}),
/**
* @description returns Timestamp to put into a json submit URL, so the browser does not deliver a cached Version */
getAntiCache: function getAntiCache() {
return new Date().getTime();
},
/**
* @description Make a Pause for given milliseconds in Execution */
pauseExec : function pauseExec(millis) {
var date = new Date();
var curDate = null;
do { curDate = new Date(); }
while(curDate-date < millis);
},
/**
* @description Manipulates the color of an Image by Factor
* returns a bas64 src */
manipulateImageColor: function manipulateImageColor(src, factor) {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var imgObj = new Image();
imgObj.src = src;
canvas.width = imgObj.width;
canvas.height = imgObj.height;
ctx.drawImage(imgObj, 0, 0);
var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
for(var y = 0; y < imgPixels.height; y++){
for(var x = 0; x < imgPixels.width; x++){
var i = (y * 4) * imgPixels.width + x * 4;
var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
imgPixels.data[i] = imgPixels.data[i] - factor;
imgPixels.data[i + 1] = imgPixels.data[i + 1] - factor;
imgPixels.data[i + 2] = imgPixels.data[i + 2] - factor;
}
}
ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
return canvas.toDataURL();
},
updateTextareSize: Class.create({
initialize: function( element, options ) {
element = $( element );
this.element = element;
this.options = Object.extend(
{},
options || {} );
Event.observe( this.element, 'keyup',
this.onKeyUp.bindAsEventListener( this ) );
this.onKeyUp();
},
onKeyUp: function() {
// We need this variable because "this" changes in the scope of the
// function below.
var cols = this.element.cols;
var linecount = 0;
$A( this.element.value.split( "\n" ) ).each( function( l ) {
// We take long lines into account via the cols divide.
linecount += 1 + Math.floor( l.length / cols );
} )
if(linecount <= 1) linecount = 2;//minimum 2 rows
this.element.rows = linecount;
}
}),
/**
* @class
* @description Jump to first Error on Page and hide ErrorMessage on Top of Page
*/
PS_hasError : Class.create(
/** @lends Helper.PS_hasError */
{
initialize: function initialize(elem) {
$$('.ps_errorHeadline')[0].hide();
new Helper.PS_scrollTo($$('.ps_hasError')[0], 20);
}
}),
/*Wieder einkommentierne, sobald messagepolling wieder aktiviert wird
* act_ajaxUpdater : Class.create(*/
/** @lends Helper.act_ajaxUpdater */
/*{
initialize: function initialize(elem) {
updaterInterval = pageVars.updaterInterval * 1000;
updaterUrl = pageVars.updaterUrl+"?rand=";
myPeriodicalUpdate = this.periodicalUpdate;
myStopUpdater = this.stopUpdater;
updater = window.setInterval("myPeriodicalUpdate()", updaterInterval);
myStopUpdater();
},
periodicalUpdate: function periodicalUpdate() {
new Ajax.Request(updaterUrl + Helper.getAntiCache(), {
method: 'get',
onSuccess: function () { // Invoked when a request completes and its status code is undefined or belongs in the 2xy family.
this.hasSuccess = true;
},
onComplete: function (transport) { // Triggered at the very end of a request's life-cycle, once the request completed
if (this.hasSuccess == true) {
transport = transport.responseText.evalJSON();
if(transport.newMessage) {
//newMessageArrived = new PageContext.newMessageArrived();
newMessageArrived.showLayer();
//newMessageArrived.hideLayer();
}
}
}
});
},
stopUpdater: function periodicalUpdate() {
//check if timer should be stopped
if(pageVars.stopUpdateInterval != undefined) {
window.clearInterval(updater);
}
}
}),
*/
/**
* @class
* @description Logic for "Check all Checkboxes". (Basiccriteriapage / Messagedeletion)
* */
checkboxChecker : Class.create(
/** @lends Helper.checkboxChecker */
{
initialize: function() {
},
checkAllInput: function(elem) {
this.elem = elem;
this.elem.observe('click', this._clickCheckAllInput.bind(this));
this._checkstatus(this);
},
_clickCheckAllInput: function(ev) {
this.wrapperClass = this.elem.up('.ps_checker').next('.ps_allSingleCheckboxes');
if (this.elem.checked) {
this._checkall(this.wrapperClass);
} else {
this._uncheckall(this.wrapperClass);
}
},
_checkall: function(elem) {
elem.descendants().each(function(v) {
if(v.down('input[type=checkbox]') != null) {
v.down('input[type=checkbox]').checked = true;
}
});
},
_uncheckall: function(elem) {
elem.descendants().each(function(v) {
if(v.down('input[type=checkbox]') != null) {
v.down('input[type=checkbox]').checked = false;
}
});
},
//Has any region been unchecked - uncheck ALL-checkbox
_checkstatus: function(elem) {
this.elem.checked = true;
this.elem.up('.ps_checker').next('.ps_allSingleCheckboxes').descendants().each(function(v) {
if (v.down('input[type=checkbox]') != null && v.down('input[type=checkbox]').checked == false){
v.up('.ps_allSingleCheckboxes').previous('.ps_checker').down('.ps_checkerCheckbox').checked = false;
}
});
},
//clicks on singleCheckbox
singleCheckbox: function (elem) {
this.elem = elem;
this.elem.observe('click', this._clickSingleCheckbox.bind(this));
},
_clickSingleCheckbox: function(ev) {
/*set CheckAllInput to unchecked */
if (!this.elem.checked) {
this.elem.up('.ps_allSingleCheckboxes').previous('.ps_checker').down('.ps_checkerCheckbox').checked = false;
}
/*set checkAllInput to checked if all regions selected */
setChecked = true;
this.elem.up('.ps_allSingleCheckboxes').descendants().each(function(v) {
if (v.down('input[type=checkbox]') != null && v.down('input[type=checkbox]').checked == false){
setChecked = false;
}
});
if (setChecked) {
this.elem.up('.ps_allSingleCheckboxes').previous('.ps_checker').down('.ps_checkerCheckbox').checked = true;
}
},
//Disable Region checkbox when submitting Searchcriteria Form
disableCheckAllInput : function(elem) {
this.elem = elem;
this.elem.observe('click', this._clickDisableCheckAllInput.bind(this));
},
_clickDisableCheckAllInput: function(ev) {
$$('.ps_checkerCheckbox').each(function(v){
v.disable();
});
}
}),
/**
* @class
* @description Editieren und Speichern von:
* - AboutMe Fragen
* - PersonalStatement
* - (/settings/dataandsettings)
**/
saveAndEditQuestions : {
init: function init () {
myTransmissionInProgress = false;
Helper.saveAndEditQuestions.savedValue = "";
},
editQuestion: function editQuestion(question, explicitCall, editCallback) {
if(editCallback) editCallback();
Helper.saveAndEditQuestions.savedValue = $(question).select('.ps_answerText')[0].innerHTML;
if($('ps_aboutTabContent') && explicitCall) {//via User click on EditElement
oldQuestion = "";
if($('ps_aboutTabContent').getAttribute("data-currentOpenQuestion") != null) {
oldQuestion = $('ps_aboutTabContent').getAttribute("data-currentOpenQuestion");
}
$('ps_aboutTabContent').setAttribute("data-currentOpenQuestion", question.id);
if(oldQuestion != "") {
Helper.saveAndEditQuestions.saveQuestion(null, $(oldQuestion), false, Par.PageContext.editTabAboutMe.editQuestion); //implicit call here
}
} else {
//PS.debug("autosave via Event Par:Inits:domInit:tabLoaded for: " + question);
question = $(question);
}
$(question).select('.ps_questionDisplay .ps_answer')[0].addClassName("ps_notVisible");
displaytextHeight = $(question).select('.ps_questionDisplay .ps_answer')[0].getHeight() + 20;
$(question).select('.ps_questionEdit')[0].removeClassName("ps_inv");
//Workaround to set the Cursor at the last Position of the Text (Its the easiest way... believe me)
$(question).select('textarea')[0].focus();
val = $(question).select('textarea')[0].value;
$(question).select('textarea')[0].value = "";
$(question).select('textarea')[0].value = val;
},
cancelQuestion: function cancelQuestion(ev, question, cancelCallback) {
Helper.saveAndEditQuestions.savedValue = $(question).select('.ps_answerText')[0].innerHTML;
$(question).select('.ps_questionDisplay .ps_answer')[0].removeClassName("ps_notVisible");
$(question).select('.ps_questionEdit')[0].addClassName("ps_inv");
$(question).select('form')[0].reset();
$(question).select('textarea')[0].value = Helper.saveAndEditQuestions.savedValue.gsub("
", "\n").gsub("
", "\n"); //IE7 needs upperCase BR
$(question).select('textarea')[0].setStyle({
'height':'auto'
})
if($('ps_aboutTabContent')) $('ps_aboutTabContent').removeAttribute("data-currentOpenQuestion")
if(cancelCallback) cancelCallback();
},
saveQuestion: function saveQuestion(ev, question, explicitSave, saveCallback) {
_url = question.select('form')[0].action;
question.select('.ps_indicator')[0].removeClassName("ps_inv");
if($('ps_aboutTabContent') && explicitSave) {
//PS.debug("explicitSave called");
$('ps_aboutTabContent').removeAttribute("data-currentOpenQuestion");
}
if(myTransmissionInProgress) {
//PS.debug("transmissionInProgress");
} else {
myTransmissionInProgress = true;
new Ajax.Request(_url, {
method: 'post',
parameters: $(question).select("form")[0].serialize(),
onSuccess: function (response) {
result = response.responseText.evalJSON();
if (result.resultView.success) {
//Ich denke, es wäre schöbner, wenn wir hier den Tab einfach neu laden anstelle die logik hier doppelt vorzuhalten. Umbauen, wenn Zeit ist.
if (result.resultView.displayText != "" || question.id == "ps_question_personalStat") {
$(question).select('.ps_questionDisplay .ps_answer')[0].removeClassName("ps_notVisible");
$(question).select('.ps_questionEdit')[0].addClassName("ps_inv");
$(question).select('.ps_indicator')[0].addClassName("ps_inv");
Helper.saveAndEditQuestions.savedValue = result.resultView.displayText;
$(question).select('.ps_questionDisplay .ps_answer .ps_answerText')[0].innerHTML = result.resultView.displayText.gsub("\n", "
");
if(result.resultView.approvalStatus == "AWAITING_APPROVAL") {
$(question).select('.ps_notActivatedBox')[0].removeClassName("ps_inv");
} else {
$(question).select('.ps_notActivatedBox')[0].addClassName("ps_inv");
}
} else {
$(question).remove();
}
Par.Helper.publishEvent("Par:PageContext:action:updateProfileCompletion", {});
}
myTransmissionInProgress = false;
if(saveCallback) saveCallback();
//if(explicitSave) {}
},
onFailure: function() {
myTransmissionInProgress = false;
question.select('.ps_indicator')[0].addClassName("ps_inv");
question.select('.ps_error500')[0].removeClassName("ps_inv");
}
})
}
}
}
};
////********************************************************* /Helper *************************************************************
//*************************************************************************************************************************************
/**
* NEW Profile-Form-Validation Handling
* should be generic to use for every Ajax-Call
*/
PS_ajaxForm = Class.create({
initialize: function (submittedForm, ajaxPageLink, withApprovalBox, additionalParams, handleTransport) {
mySubmittedForm = submittedForm; // an ID of that specific form that
// should be submitted
myWithApprovalBox = withApprovalBox;
//myAjaxCompletedSuccess = this.ajaxCompletedSuccess;
myHandleServerError = this.handleServerError;
myHandleTransport = handleTransport;
this.ajaxPageLink = ajaxPageLink + "?rand=" + Helper.getAntiCache(); // where to Submit - always set the timeStamp
if(typeof allInputDefaults != "undefined") allInputDefaults.clearDefaultValuesBeforeSubmit(mySubmittedForm);
this.formParams = $(mySubmittedForm).serialize();
if (!additionalParams) this.additionalParams = ""; // parameters that
// should be added to the request in the form ?param1=abc¶m2=walla
this.params = this.formParams + this.additionalParams;
if (typeof this.params != "object") {
this.params = this.params.toQueryParams();
};
this.submitMethod = "post";
this.errorDiv = $('ajaxError'); // where to display errormessage
// this.indicatorDiv = $('indicator'); //if we get an indicator for saving
myDisplayValueReady = false;
this.hasSuccess = false;
},
/**
* @classDescription The Ajax-Request itself.
*/
submitForm: function () {
this.hasSuccess = false; // be pessimistic
// params = removeDefaultValues(params); //Values prefilled in Textfields for example
// ppAjax.showIndicator(replaceContainer);
new Ajax.Request(this.ajaxPageLink, {
method: this.submitMethod,
parameters: this.params,
onSuccess: function () { // Invoked when a request completes and its status code is undefined or belongs in the 2xy family.
this.hasSuccess = true;
},
onComplete: function (transport) { // Triggered at the very end of a request's life-cycle, once the request completed
if (this.hasSuccess == true) {
eval(myHandleTransport)(mySubmittedForm, transport);
// myAjaxCompletedSuccess(transport);
if(!Object.isUndefined(allInputDefaults)) allInputDefaults.fillDefaultValuesAfterSubmit(mySubmittedForm);
}
},
onFailure: myHandleServerError
});
// ppAjax.conf.indicatorDiv.removeClassName('inv');
},
/**
* Indicator-Layer anzeigen
*/
showIndicator: function (which) {
// this.indicatorDiv.removeClassName('inv');
// if ($$(which)[0] && $$(which)[0].select('.infoboxIndicator') &&
// $$(which)[0].select('.infoboxIndicator')[0]) {
// $$(which)[0].select('.infoboxIndicator')[0].removeClassName('inv');
// }
},
/**
* Versteckt den Indicator-Layer
*/
hideIndicator: function (which) {
// this.indicatorDiv.addClassName('inv');
// /if ($$(which)[0] && $$(which)[0].select('.infoboxIndicator')) {
// $$(which)[0].select('.infoboxIndicator')[0].addClassName('inv');
// }
},
/**
* In case of 404/500 we could do something special here.
*/
handleServerError: function () {
// nothing now
}
});
//used for AB-Test / call injected via SO
function getCookie(cookieName){if(!document.cookie){return null;}var cookieStr=document.cookie;var cookies=cookieStr.split(";");for(i=0;i2){lifetime=parameters[2];}if(parameters.length>3){domain=parameters[3];}var cookieStr=cookieName+"="+cookieVal+"; path=/";if(lifetime!=null){var expires=lifetime;if(lifetime!=-1){var ablauf=new Date();ablauf.setTime(ablauf.getTime()+lifetime*1000);expires=ablauf.toGMTString();}cookieStr+="; expires="+expires;}if(domain!=null){cookieStr+="; domain="+domain;}document.cookie=cookieStr;}
function getMainDomain(fullDomain){var pattern=/^.*?((\.?[^.]+?)(\.([^.]+?)\.[^.]+?))$/;var result=pattern.exec(fullDomain);if(result){var secondleveldomainPart=result[4];var secondleveldomain=result[3];if(secondleveldomainPart=="co"||secondleveldomainPart=="com"){secondleveldomain=result[1];}return secondleveldomain;}return fullDomain;}
////********************************************************* PageContext *************************************************************
//*************************************************************************************************************************************
var PageContext = {
//Sorry for nearly duplicating this Function
//Refactor
PS_bigImageGallery : Class.create({
initialize: function (gallery) {
isMoving = false;
bigThat = this;
bigThat.previewPics = gallery.select("li");
bigThat.previewPicsCount = $A(bigThat.previewPics).length; //how much pics do we have
if(bigThat.previewPicsCount > 0) {
bigThat.previewPicWidth = 368; //width of a single pic incl margin
bigThat.scrollWidth = bigThat.previewPicWidth; //scroll by 1 pictures
bigThat.listToScroll = $$('.ps_imageFlowImages')[0];
this.setArrowStatus('left', this.getScrollStatus('left'));
this.setArrowStatus('right', this.getScrollStatus('right'));
this.leftBtn = gallery.down('#ps_imageFlowLeftNavi');
this.rightBtn = gallery.down('#ps_imageFlowRightNavi');
Event.observe(this.leftBtn, 'click', this.leftClick.bindAsEventListener(this));
Event.observe(this.rightBtn, 'click', this.rightClick.bindAsEventListener(this));
}
},
getScrollStatus: function getScrollStatus(arrow) {
if(arrow == "left") {
if(bigThat.listToScroll.positionedOffset().toArray().first() >= 0){
return "disabled";
} else {
return "enabled";
}
} else {
if (bigThat.listToScroll.positionedOffset().toArray().first() < -((bigThat.previewPicsCount-2) * bigThat.previewPicWidth)) {
return "disabled";
} else {
return "enabled";
}
}
},
setArrowStatus: function setArrowStatus(arrow, status) {
if(arrow == "left") {
if(status == "disabled") {
$('ps_imageFlowLeftNavi').addClassName("ps_disabled");
} else {
$('ps_imageFlowLeftNavi').removeClassName("ps_disabled");
}
} else {
if(status == "disabled") {
$('ps_imageFlowRightNavi').addClassName("ps_disabled");
} else {
$('ps_imageFlowRightNavi').removeClassName("ps_disabled");
}
}
},
leftClick: function() {
if(this.getScrollStatus("left") == "enabled" && !isMoving) {
isMoving = true;
new Effect.Move(bigThat.listToScroll, {
x: bigThat.scrollWidth,
y: 0,
duration: 0.3,
queue: {
scope: 'imageflow',
limit: 1
},
afterFinish : function() {
bigThat.setArrowStatus('left', bigThat.getScrollStatus('left'));
bigThat.setArrowStatus('right', bigThat.getScrollStatus('right'));
isMoving = false;
}
});
}
},
rightClick: function() {
if(this.getScrollStatus("right") == "enabled" && !isMoving) {
isMoving = true;
new Effect.Move(bigThat.listToScroll, {
x: -bigThat.scrollWidth,
y: 0,
duration: 0.3,
queue: {
scope: 'imageflow',
limit: 2
},
afterFinish : function() {
bigThat.setArrowStatus('right', bigThat.getScrollStatus('right'));
bigThat.setArrowStatus('left', bigThat.getScrollStatus('left'));
isMoving = false;
}
});
}
},
showGalleryImage: function (galleryImgNum) {
var pos = galleryImgNum * -bigThat.previewPicWidth;
bigThat.listToScroll.setStyle({
left: pos + 'px'
});
window.setTimeout("bigThat.setArrowStateDelayed()", 100);
},
setArrowStateDelayed: function() {
bigThat.setArrowStatus('right', bigThat.getScrollStatus('right'));
bigThat.setArrowStatus('left', bigThat.getScrollStatus('left'));
}
}),
PS_miniImageGallery : Class.create({
initialize: function (gallery) {
miniThat = this;
miniThat.previewPics = gallery.select("li");
miniThat.previewPicsCount = $A(miniThat.previewPics).length; //how much pics do we have
miniThat.previewPicWidth = miniThat.previewPics[0].getWidth(); //width of a single pic incl margin
miniThat.scrollWidth = 5 * miniThat.previewPicWidth; //scroll by 2 pictures
miniThat.listToScroll = $$('#ps_scrollerDiv ul')[0];
allImageUrls = new Array();
this.setArrowStatus('left', this.getScrollStatus('left'));
this.setArrowStatus('right', this.getScrollStatus('right'));
gallery.select("li a")[0].addClassName("ps_active");
miniThat.previewPics.each(function(clickedPic) {
Event.observe($(clickedPic).select(".ps_photo")[0], 'mouseover', miniThat.changeProfilePic.bindAsEventListener(this, gallery, clickedPic));
Event.observe($(clickedPic).select(".ps_photo")[0], 'click', miniThat.openBigSlideshow.bindAsEventListener(null, gallery));
})
$$("#ps_scrollerDiv ul")[0].setStyle({ //needed - otherwhise the list will break into next lines
'width' : miniThat.previewPicsCount * miniThat.previewPicWidth + "px"
});
this.leftBtn = gallery.down('#ps_scrollLeft');
this.rightBtn = gallery.down('#ps_scrollRight');
Event.observe(this.leftBtn, 'click', this.leftClick.bindAsEventListener(this));
Event.observe(this.rightBtn, 'click', this.rightClick.bindAsEventListener(this));
if($('partnerimagelink_openslideshow')) Event.observe($('partnerimagelink_openslideshow'), 'click', this.openBigSlideshow.bindAsEventListener(null, gallery));
$('ps_imageCountNo').innerHTML = miniThat.previewPicsCount; //set Text n/x
$('ps_galleryCounterText').removeClassName("ps_inv");
},
changeProfilePic: function(ev, miniGallery, clickedPic) {
imageJsonUrl = miniGallery.getAttribute("data-imageJsonUrl");
imageOwnerId = miniGallery.getAttribute("data-imageOwnerId");
imagesize = miniGallery.getAttribute("data-imagesize");
showImageNumber = clickedPic.select("a")[0].getAttribute("data-shownimagenumber");
imgOrderNo = clickedPic.select("a")[0].getAttribute("data-imgorderno");
miniThat.previewPics.each(function(picLink) {
$(picLink).select("a")[0].removeClassName("ps_active");
})
$(clickedPic).select("a")[0].addClassName("ps_active");
if(allImageUrls[showImageNumber]) {
$$(".ps_photo_partnerProfile")[0].style.backgroundImage = "url("+allImageUrls[showImageNumber]+")";
} else {
Helper.getImageJsonUrl(imageJsonUrl, imageOwnerId, imagesize, showImageNumber, function(transport) {
imageLocation = transport.responseText.evalJSON().imageLocation;
$$(".ps_photo_partnerProfile")[0].style.backgroundImage = "url("+imageLocation+")";
allImageUrls[showImageNumber] = imageLocation;
})
}
if($("partnerimagelink_openslideshow")) {
$("partnerimagelink_openslideshow").setAttribute("data-shownImageNumber", showImageNumber);
$("partnerimagelink_openslideshow").setAttribute("data-imgorderno", imgOrderNo);
}
$('ps_currentImageNo').innerHTML = imgOrderNo; //set Text n/x
},
getScrollStatus: function getScrollStatus(arrow) {
if(arrow == "left") {
if(miniThat.listToScroll.positionedOffset().toArray().first() >= 0){
return "disabled";
} else {
return "enabled";
}
} else {
if (miniThat.listToScroll.positionedOffset().toArray().first() <= -((miniThat.previewPicsCount-5) * miniThat.previewPicWidth)) {
return "disabled";
} else {
return "enabled";
}
}
},
setArrowStatus: function setArrowStatus(arrow, status) {
if(arrow == "left") {
if(status == "disabled") {
$("ps_scrollLeft").addClassName("ps_disabled");
} else {
$("ps_scrollLeft").removeClassName("ps_disabled");
}
} else {
if(status == "disabled") {
$("ps_scrollRight").addClassName("ps_disabled");
} else {
$("ps_scrollRight").removeClassName("ps_disabled");
}
}
},
leftClick: function() {
if(this.getScrollStatus("left") == "enabled") {
new Effect.Move(miniThat.listToScroll, {
x: miniThat.scrollWidth,
y: 0,
duration: 0.3,
queue: {
scope: 'imageflow',
limit: 1
},
afterFinish : function() {
miniThat.setArrowStatus('left', miniThat.getScrollStatus('left'));
miniThat.setArrowStatus('right', miniThat.getScrollStatus('right'));
}
});
}
},
rightClick: function() {
if(this.getScrollStatus("right") == "enabled") {
new Effect.Move(miniThat.listToScroll, {
x: -miniThat.scrollWidth,
y: 0,
duration: 0.3,
queue: {
scope: 'imageflow',
limit: 1
},
afterFinish : function() {
miniThat.setArrowStatus('right', miniThat.getScrollStatus('right'));
miniThat.setArrowStatus('left', miniThat.getScrollStatus('left'));
}
});
}
},
openBigSlideshow: function(ev, miniGallery) {
if($('partnerimagelink_openslideshow')) {
var showPicNo = parseInt($('partnerimagelink_openslideshow').getAttribute("data-imgorderno") -1);
var bigSlideShowUrl = $('partnerimagelink_openslideshow').getAttribute("data-bigSlideshowUrl") + "?userid=" + $('ps_partnerUserId').innerHTML;
Modalbox.show(bigSlideShowUrl, {width: 460, skin: '1', hideCloseLink: false, confirmBeforeClosing: false, afterLoad:function() {
bigGalleryInstance = new PageContext.PS_bigImageGallery($('ps_bigSlideshow'));
bigGalleryInstance.showGalleryImage(showPicNo);
}});
}
}
}),
PS_listViewRow : Class.create({
initialize: function (ele, listViewInput) {
this.ele = $(ele);
this.rowLinkHref = false;
this.disabled = false;
this.useHoverEffect = true;
var t = this;
// read params
if (this.ele.className) {
this.ele.className.split(" ").each(function (v) {
if (v.match(/^ps_overOnClass_.+$/)) {
t.overOnClass = v.replace('ps_overOnClass_', '');
}
if (v === "ps_disabled") {
t.disabled = true;
}
if (v === "ps_disableHover")
t.useHoverEffect = false;
});
}
var thisRow = this;
if (!this.disabled) {
var globalLinkElem = this.ele.select('.ps_listViewRowGlobalLink').first();
if (globalLinkElem) thisRow.rowLinkHref = globalLinkElem.getAttribute('href');
if (listViewInput) {
this.listInput = this.ele.down('input[name="' + listViewInput + '"]');
if (this.listInput && this.listInput.checked) {
this.move();
}
}
if (!this.useHoverEffect) {
} else if (this.overOnClass) {
// special case: mouesover for row is only triggered by subelements
// with a certain class
var overSubElems = this.ele.select('.' + this.overOnClass);
if (overSubElems) overSubElems.each(function (subElem) {
Event.observe(subElem, "PS:mousemover", t.move.bindAsEventListener(t));
Event.observe(subElem, "mousemove", t.move.bindAsEventListener(t));
Event.observe(subElem, "PS:mouseoutr", t.outside.bindAsEventListener(t));
Event.observe(subElem, "mouseout", t.outside.bindAsEventListener(t));
subElem.fire("PS:mousemover");
subElem.fire("PS:mouseoutr");
});
} else {
Event.observe(this.ele, "PS:mousemover", this.move.bindAsEventListener(this));
Event.observe(this.ele, "mousemove", this.move.bindAsEventListener(this));
Event.observe(this.ele, "PS:mouseoutr", this.outside.bindAsEventListener(this));
Event.observe(this.ele, "mouseout", this.outside.bindAsEventListener(this));
this.ele.fire("PS:mousemover");
this.ele.fire("PS:mouseoutr");
}
if (this.rowLinkHref) {
Event.observe(this.ele, "click", this.click.bindAsEventListener(this));
new Helper.disableHref(this.ele);
this.ele.style.cursor = 'pointer';
}
this.ele.select('.ps_listViewCol').each(function (col) {
col.className.split(" ").each(function (c) {
if (c == 'ps_listViewCol_clickable') {
if (col.getElementsBySelector('a').length > 0) {
col.style.cursor = 'pointer';
href = col.getElementsBySelector('a').first().href;
Event.observe(col, "click", thisRow.columnClick.bindAsEventListener(thisRow, href));
}
}
});
});
this.ele.select('.ps_listViewCol_noClick').each(function (col) {
Event.observe(col, "click", thisRow.stopEventBubbeling.bindAsEventListener(this));
});
}
},
stopEventBubbeling: function (event) {
Event.stop(event); // so when clicking on a noClick Row that no other
// events will be executed
},
move: function () {
this.ele.addClassName("ps_over");
},
outside: function (event) {
if (!this.listInput || !this.listInput.checked) {
var mouseX = Event.pointerX(event);
var mouseY = Event.pointerY(event);
var x = this.ele.cumulativeOffset().left + 2;
var y = this.ele.cumulativeOffset().top + 2;
var width = this.ele.getDimensions().width - 4;
var height = this.ele.getDimensions().height - 4;
var stillInside = mouseX > x && mouseX < x + width && mouseY > y && mouseY < y + height;
if (this.overOnClass || !stillInside) this.ele.removeClassName("ps_over");
}
},
click: function (event) {
// first check, if the mouse has clicked on a div with noClick='true'
var mouseX = Event.pointerX(event);
var mouseY = Event.pointerY(event);
var noLinkElems = this.ele.select(".ps_listViewCol_noClick");
var canClick = true;
if (noLinkElems) {
var i = 0;
while (canClick && i < noLinkElems.length) {
var curr = noLinkElems[i];
var x = curr.cumulativeOffset().left;
var y = curr.cumulativeOffset().top;
var width = curr.getDimensions().width;
var height = curr.getDimensions().height;
canClick = ((mouseX < x) || (mouseX > (x + width))) || ((mouseY < y) || (mouseY > (y + height)));
i++;
}
}
// go to global link, if configured and mouse not on a noClick element
if (this.rowLinkHref && canClick && !this.disabled) window.location.href = this.rowLinkHref;
},
columnClick: function (event, href) {
window.location.href = href;
}
}),
/* In Profile */
PS_makeWritableNote : Class.create({
initialize: function (elem) {
this.elem = elem;
this.elem.observe('click', this.write.bind(this));
if ($('ps_field_note').value == $('ps_field_note_label').innerHTML) {
$('ps_field_note').setStyle({
color: '#999'
});
}
},
write: function () {
$$('.ps_openNotebox')[0].addClassName('ps_inv');
$('ps_field_note').readOnly = false;
$('ps_field_note').removeClassName('ps_isReadonly');
if ($('ps_field_note').value == $('ps_field_note_label').innerHTML) {
$('ps_field_note').value = "";
}
$('ps_field_note').focus();
$('ps_field_note').setStyle({
color: '#000'
});
}
}),
PS_resetNoteForm : Class.create({
initialize: function (elem) {
this.elem = elem;
this.elem.observe('click', this.cancel.bind(this));
},
cancel: function () {
$$('.ps_openNotebox')[0].removeClassName('ps_inv');
$('ps_field_note').readOnly = true;
$('ps_field_note').addClassName('ps_isReadonly');
$('ps_field_note').value = $('ps_noteTextKeeper').value;
if ($('ps_field_note').value == $('ps_field_note_label').innerHTML) {
$('ps_field_note').setStyle({
color: '#999'
});
}
}
}),
//on ListPages trigger sorting from SelectBox
PS_sorting : Class.create({
initialize: function (elem) {
elem.observe('change', this.doSorting.bind(this, elem));
},
doSorting:function(elem, ev) {
formUrl = elem.up('form').action;
if (elem.options[elem.selectedIndex].value != "") {
submitUrl = formUrl + elem.options[elem.selectedIndex].value;
}
else {
submitUrl = $('baseMemberUrl').value;
}
document.location.href = submitUrl;
}
}),
/**
* Toggles IntroLinks on Profile and Settings Pages. could not be replaced with :hover easily
* */
PS_introLinks : Class.create({
initialize: function (elem) {
that = this;
elem.each(function(aEle) {
aEle.observe('mouseover', that.hightlight.bind(that, aEle));
aEle.observe('mouseout', that.lowlight.bind(that, aEle));
});
},
hightlight: function (elem, ev) {
bgElem = elem.up('div');
hoverElem = elem.up('li').className;
bgElem.addClassName(hoverElem + '_hover');
},
lowlight: function (elem, ev) {
bgElem = elem.up('div');
hoverElem = elem.up('li').className;
bgElem.removeClassName(hoverElem + '_hover');
}
}),
//Save Motto in rightCol
PS_mottoBox : Class.create({
initialize: function (ele) {
that = this;
//thatResetForm = this.resetForm;
//thatSubmitForm = this.submitForm;
textareaEle = $('ps_mottoTextarea');
this.savedMotto = $F('ps_mottoTextarea');
new Helper.updateTextareSize(textareaEle);
new Helper.disableHref($('ps_resetMottoForm'));
new Helper.disableHref($('ps_mottoSave'));
Event.observe(textareaEle, 'focus', this.showEditMode.bindAsEventListener(this));
Event.observe($('ps_resetMottoForm'), 'click', this.resetForm.bindAsEventListener(this));
Event.observe($('ps_mottoSave'), 'click', this.submitForm.bindAsEventListener(this));
},
showEditMode: function() {
$$('#ps_mottoBox .ps_buttonRow')[0].removeClassName("ps_inv");
$$('#ps_mottoBox .ps_inputLimitCounter')[0].removeClassName("ps_notVisible");
},
hideEditMode: function() {
$$('#ps_mottoBox .ps_buttonRow')[0].addClassName("ps_inv");
$('ps_mottoTextarea').removeClassName("ps_inEditMode");
$$('#ps_mottoBox .ps_inputLimitCounter')[0].addClassName("ps_notVisible");
},
resetForm: function () {
$('ps_mottoTextarea').value = theMottoBox.savedMotto;
theMottoBox.hideEditMode();
},
submitForm: function() {
$$('#ps_mottoBox .ps_indicator')[0].removeClassName("ps_inv");
var theForm = $('ps_mottoBox');
url = theForm.action;
checkStatusValue = this.checkStatusValue;
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.clearDefaultValuesBeforeSubmit($('ps_mottoBox')); }
parameters = theForm.serialize(true);
new Ajax.Request(url + '?rand=' + Helper.getAntiCache(), {
method: 'post',
onSuccess: function (transport) {
$$('#ps_mottoBox .ps_indicator')[0].addClassName("ps_inv");
checkStatusValue(transport.responseText.evalJSON().userMottoStatus);
theMottoBox.savedMotto = transport.responseText.evalJSON().userMotto;
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.fillDefaultValuesAfterSubmit($('ps_mottoBox')); }
},
parameters: parameters
});
},
checkStatusValue: function (userMottoStatus) {
$$('.ps_mottoTexts').each(function (ele) {
ele.setStyle({display: 'none'});
});
if (userMottoStatus == "0") {
$('ps_motto_waitApprove').setStyle({display: 'block'});
}
if (userMottoStatus == "-1") { //rejected
$('ps_motto_rejected').setStyle({display: 'block'});
}
theMottoBox.hideEditMode();
Par.Helper.publishEvent("Par:PageContext:action:updateProfileCompletion", {});
}
}),
//Filters on partnersuggestion-List
PS_searchFilters : Class.create({
initialize: function (ele) {
that = this;
$$('.ps_searchFilters select').each(function (elem) {
elem.observe('change', that.selectFilter.bind(this, elem));
});
if($('ps_deactivateFilter')) $('ps_deactivateFilter').observe('click', that.resetFilter.bind(this, 2));
if($('ps_startFiltering')) $('ps_startFiltering').observe('click', that.startFilter.bind(this, 2));
},
selectFilter: function (elem) {
var atLeastOneFilterSelected = false;
var url = $('filterHitsCountUrl').value;
var parameters = $('ps_searchFilterForm').serialize();
$$('.ps_searchFilters select').each(function (elem) {
if (elem.options.selectedIndex > 0) {
atLeastOneFilterSelected = true;
}
});
if (atLeastOneFilterSelected == false) {
that.resetFilter(elem);
} else {
new Ajax.Request(url, {
method: 'post',
onSuccess: function (transport) {
myJson = transport.responseText.evalJSON();
if (Object.isUndefined(myJson.errorOn) || Object.keys(myJson.errorOn).length == 0) { // noError
that.fillFilteredNumber(myJson.hitsForAll);
$$('.ps_resetFilter')[0].removeClassName('ps_inv');
$('ps_startFiltering').removeClassName('ps_buttonDisabled');
}
else {
$$('.ps_resetFilter')[0].addClassName('ps_inv');
$('ps_startFiltering').addClassName('ps_buttonDisabled');
$('ps_filterError').removeClassName('ps_inv');
}
},
parameters: parameters
});
}
},
fillFilteredNumber: function (filteredNumber) {
$('ps_filteredNumber').innerHTML = filteredNumber;
},
startFilter: function (elem) {
if ($('noFilterRightUrl') != null) {
url = $('noFilterRightUrl').value;
}
else {
url = $('ps_searchFilterForm').action + "?action=applyAndFilter";
}
window.location.href = url;
return false;
},
resetFilter: function (elem) {
url = $('ps_searchFilterForm').action + "?action=removeFilter";
window.location.href = url;
return false;
}
}),
//Calcualte passwordStrength (Homepage and dataAndSettings and renewpassword)
PS_passwordDynamic : Class.create({
initialize: function (ele) {
checkPasswordStrength = new PS_checkPasswordStrength();
ele.observe('keyup', function () {
checkPasswordStrength.keyup(this);
});
ele.observe('focus', function () {
checkPasswordStrength.keyup($F(this));
});
ele.up('form').select('.ps_hideEditBox').each(function (el) {
el.observe('click', function () {
$$('.ps_pwdStrengthType').each(function (s) {
s.hide();
});
});
});
}
}),
/**
* @class
* @description When User changes his OnlineStatus in Data&Settings - update the status in my_profile_head
*/
PS_updateOnlineStatus : Class.create(
/**@lends PageContext.PS_updateOnlineStatus */
{
initialize: function () {
if($('ps_field_online0') != null) {
if($('ps_field_online0').checked) {//allows to show to partnerUser
$('ps_lastOnlineNow').show();
$('ps_lastOnlineDate').hide();
} else {
$('ps_lastOnlineNow').hide();
$('ps_lastOnlineDate').show();
}
}
}
}),
/**
* @class
* @description for all Ajax Forms on Profilepages
*/
PS_showEditBox : Class.create({
initialize: function (ele) {
this.ele = ele;
this.boxHandler = new PageContext.PS_showEditBoxHandler();
if (ele.id) {
Event.observe(ele, "click", this.click.bindAsEventListener(this));
Event.observe(ele, "ps:click", this.click.bindAsEventListener(this));
}
},
click: function (evt) {
this.boxHandler.handle(this.ele, true);
}
}),
PS_showEditBoxHandler : Class.create({
initialize: function () {},
handle: function (e, scroll) {
var className = null;
var cn = e.className.split(' ');
var i = 0;
var prefix = 'ps_openEditModeTarget_';
while (className == null && i < cn.length) {
if (cn[i].startsWith(prefix)) {
className = cn[i].substring(prefix.length, cn[i].length);
}
i++;
}
if (className != null) {
className = className.strip();
$(className).up('form').addClassName('ps_highlight');
// hide icon
if ($(className)) $(className).hide();
var elems = $$('.' + className);
if (elems) {
elems.each(function (ele) {
if (ele.id.endsWith('_active')) {
ele.show();
} else {
ele.hide();
}
});
}
}
}
}),
/**
* @class
* @description On Profile-Pages hide Boxes after editing
*/
PS_hideEditBox : Class.create({
initialize: function (ele) {
this.ele = $(ele);
this.idPrefix = null;
var cn = this.ele.className.split(' ');
var i = 0;
var prefix = 'ps_hideEditBoxTarget_';
while (this.idPrefix == null && i < cn.length) {
if (cn[i].startsWith(prefix)) {
this.idPrefix = cn[i].substring(prefix.length, cn[i].length);
}
i++;
}
if (this.idPrefix != null) {
if (this.ele.hasClassName('ps_resetFormWhenNoErrors')) {
Event.observe(this.ele, "click", this.resetFormWhenNoErrors.bindAsEventListener(this));
}
var justHide = this.ele.hasClassName('ps_noUnconditionalFormReset');
Event.observe(this.ele, "click", this.click.bindAsEventListener(this, justHide));
Event.observe(this.ele, "ps:click", this.click.bindAsEventListener(this));
Event.observe(this.ele, "ps:hide", this.click.bindAsEventListener(this, true)); // Just close everything, BUT do not reset Form (Mantis#63424)
}
},
resetFormWhenNoErrors: function(evt) {
var form = $(this.ele).up('form');
if (form.select('.ps_hasError').length == 0)
form.reset();
},
click: function (evt, justHide) {
evt.stop();
var className = this.idPrefix;
$(className).up('form').removeClassName('ps_highlight');
var elems = $$('.' + className);
if (elems) {
elems.each(function (ele) {
if (ele.id.endsWith('_active')) {
ele.hide();
if(ele.up('.ps_hasError') != null) {
ele.up('.ps_hasError').select('.ps_profileEditInputBox .ps_errorBox')[0].hide();
ele.up('.ps_hasError').removeClassName("ps_hasError");
}
// new Effect.BlindUp(ele);
}
else {
ele.show();
// new Effect.BlindDown(ele);
}
});
}
// show icon
$(className).show();
if (!justHide) {
if ($(className).up('form')) $(className).up('form').reset();
}
}
}),
/**
* @class
* @description Handle Forms in Profile-Section
*/
PS_profileForms : Class.create({
initialize: function (submittedForm, theTransport) {
transport = theTransport;
myHideError = this.hideError;
mySubmittedForm = submittedForm; // an ID of that specific form that
// should be submitted
myCollectFormValues = this.collectFormValues;
myToggleFormDisplay = this.toggleFormDisplay;
myShowError = this.showError;
myDisplayValueReady = this.displayValueReady;
myHasError = false;
},
/**
* @description Aufruf, nachdem die angeforderte Seite erfolgreich geladen wurde.
*/
ajaxCompletedSuccess: function () {
model = transport.responseText.evalJSON();
if (Object.isUndefined(model.errorMessages) || Object.keys(model.errorMessages).length == 0) { // noError
myHasError = false;
// When no error occured check if we have a profileCompletion Box on page. If so do a Ajax-refresh on that Box
if (($$('.ps_profile_edit_page')[0] || $$('.ps_dataandsettingsPages')[0]) && $$('.ps_statusBar')[0]) {
Par.Helper.publishEvent("Par:PageContext:action:updateProfileCompletion", {});
new PageContext.PS_updateOnlineStatus();
}
//show or hide the approval box, if approved status map is not empty
if(!Object.isUndefined(model.approvedStatusMap) && Object.keys(model.approvedStatusMap).length == 1) {
approvedStatus = Object.values(model.approvedStatusMap);
if (approvedStatus == 'APPROVED') {
myWithApprovalBox = false;
notActiveDiv = $(mySubmittedForm).select('div.ps_notActivatedBox')[0];
if (notActiveDiv != null) {
notActiveDiv.hide();
}
rejectedDiv = $(mySubmittedForm).select('div.ps_rejectedBox')[0];
if (rejectedDiv != null) {
rejectedDiv.hide();
}
}
}
// show Modalbox when changes affect Matchingpoints
if (!Object.isUndefined(model.matchingPointsWillChange) && model.matchingPointsWillChange == true) {
Modalbox.show($('ps_modal_matchingPointsWillChange'), {
width: 540,
skin: '1',
hideCloseLink: false
});
}
// Hide ErrorMessage if there is one
myHideError();
// take all form-elements and put selected/filled values to
// concatedString-Array
concatedString = myCollectFormValues();
// open / close Form
myToggleFormDisplay();
// write saved vales to DOM
saveFormToDOM($(mySubmittedForm));
// Close open Form
$(mySubmittedForm).select('.ps_hideEditBox')[0].fire('ps:hide');
}
else {
myHasError = true;
myShowError(model.errorMessages);
}
// this.hideIndicator(replaceContainer);
},
collectFormValues: function () {
// Collect all checked CHECKBOX and put Text into Array
var newValueArray = new Array();
if ($(mySubmittedForm).select('input[type=checkbox]')[0]) {
$(mySubmittedForm).select('input[type=checkbox]').each(function (elem) {
if ($(elem.id).checked) {
newValueArray.push($(elem.id + "_label").innerHTML.strip());
}
});
value = newValueArray.join(", ");
}
// Collect all checked RADIO and put Text into Array
if ($(mySubmittedForm).select('input[type=radio]')[0]) {
$(mySubmittedForm).select('input[type=radio]').each(function (elem) {
if ($(elem.id).checked) {
newValueArray.push($(elem.id + "_label").innerHTML.strip());
}
});
value = newValueArray.join(", ");
}
// Collect all INPUT-TEXT and put Text into Array
if ($(mySubmittedForm).select('input[type=text]')[0]) {
$(mySubmittedForm).select('input[type=text]').each(function (elem) {
if ($(elem).value.strip() != "") {
newValueArray.push($(elem).value.strip());
}
});
value = newValueArray.join(", ");
}
// Collect all TEXTAREA and put Text into Array
if ($(mySubmittedForm).select('textarea')[0]) {
$(mySubmittedForm).select('textarea').each(function (elem) {
if ($(elem).value.strip() != "") {
newValueArray.push(elem.value.strip());
}
});
value = newValueArray.join(", ");
}
concatedString = "";
$A(value).each(function (displayText) {
concatedString = concatedString + displayText;
});
if (concatedString.search(/\./) > 0) { // factfile/overview has whole
// sentences. If sentence we
// have no "," between them
concatedString = concatedString.gsub(',', '');
}
return concatedString;
},
toggleFormDisplay: function () {
notActiveDiv = null;
displayTextDiv = $(mySubmittedForm).select('.ps_form_element_display')[0];
emptyDiv = $(mySubmittedForm).select('.ps_emptyInput')[0];
// PS.debug(concatedString +" ##### "+ displayTextDiv.innerHTML);
if (concatedString != displayTextDiv.innerHTML) {
if (myWithApprovalBox != null && myWithApprovalBox) {
notActiveDiv = $(mySubmittedForm).select('div.ps_notActivatedBox')[0];
}
if (concatedString == "") { // no value selected or Text entered
if (notActiveDiv != null) {
notActiveDiv.hide();
}
if (emptyDiv != null) {
emptyDiv.show();
}
displayTextDiv.hide();
}
else {
if (notActiveDiv != null) {
notActiveDiv.show();
}
if (emptyDiv != null) {
emptyDiv.hide();
}
displayTextDiv.show();
}
}
else {
// PS.debug("nothing changed");
}
concatedString = concatedString.replace("<", "");
concatedString = concatedString.replace(">", "");
displayTextDiv.innerHTML = concatedString;
myDisplayValueReady = true;
},
showError: function (errorMessages) {
// get all errorMessages (probably more than one)
errorText = "";
poststring = "";
if (!Object.isArray(errorMessages)) {
for (var sub in errorMessages) {
PS.debug(errorMessages[sub]);
if (errorText != "") poststring = "
";
errorText = errorText + errorMessages[sub] + poststring;
}
}
$(mySubmittedForm).addClassName("ps_hasError");
$(mySubmittedForm).select('.ps_profileEditInputBox .ps_errorBox .ps_errorText')[0].innerHTML = errorText;
$(mySubmittedForm).select('.ps_profileEditInputBox .ps_errorBox')[0].show();
},
hideError: function () {
$(mySubmittedForm).removeClassName("ps_hasError");
$(mySubmittedForm).select('.ps_profileEditInputBox .ps_errorBox')[0].hide();
},
isErrorOccured: function () { // give back if an error occured
if (myHasError) {
return true;
}
else {
return false;
}
},
isDisplayValueReady: function () { // give back if displayValue String is
// ready and displayed
PS.debug('myDisplayValueReady: ' + myDisplayValueReady);
if (myDisplayValueReady) {
return true;
}
else {
return false;
}
},
getSubmittedForm: function () {
return mySubmittedForm;
}
}),
/**
* @class
* @description Boxes on /payment/runtime
* */
PS_productBox : Class.create({
initialize: function (ele) {
this.ele = $(ele);
this.boxClasses = ['ps_productBox', 'ps_selectedProduct', 'ps_productBoxHorizontal', 'ps_productBoxHorizontalWithSeal'];
this.boxClasses.each(function (c) {
if (this.ele.hasClassName(c)) this.boxType = c;
}, this);
Event.observe(this.ele, "click", this.click.bindAsEventListener(this));
Event.observe(this.ele, "mouseover", this.inside.bindAsEventListener(this));
Event.observe(this.ele, "mouseout", this.outside.bindAsEventListener(this));
if (this.ele.down('input')) {
new Field.Observer(this.ele.down('input'), 0.05, this.checkradios.bind(this));
}
this.checkForMonthly();
},
click: function () {
var id = this.ele.id;
if ($(id + '_input')) {
$(id + '_input').click();
}
},
inside: function (evt) {
try {
e = evt.element().up("." + this.boxType) || evt.element();
e.addClassName(e.id + "_on");
e.addClassName(this.boxType + "_on");
}
catch (e) {}
},
outside: function (evt) {
try {
e = evt.element().up("." + this.boxType) || evt.element();
if (!$F(e.down('input'))) {
e.removeClassName(e.id + "_on");
e.removeClassName(this.boxType + "_on");
}
}
catch (e) {}
},
checkradios: function (el, v) {
e = el.up("." + this.boxType);
if (!$F(e.down('input'))) {
e.removeClassName(e.id + "_on");
e.removeClassName(this.boxType + "_on");
}
this.checkForMonthly();
},
checkForMonthly: function () {
if ($('ps_productBox4') != null && $('ps_monthly_Payment') != null) {
theCheckbox = $$('#ps_productBox4 input[type=radio]')[0];
if (theCheckbox.checked) {
$('ps_monthly_Payment').addClassName("ps_inv");
$('ps_field_mon_payment').disabled = true;
$('ps_toggleArea_ps_monthly_Payment').hide();
} else {
$('ps_monthly_Payment').removeClassName("ps_inv");
$('ps_field_mon_payment').disabled = false;
}
}
}
}),
/**
* @class
* @description Tab Navigation on payment/method Page
* */
PS_paymentNavTab: Class.create(
/** @lends PageContext.PS_paymentNavTab */
{
initialize: function(ele){
that = this;
var clickElems = ele.select('a');
var last = $A(clickElems).size();
$A(clickElems).each(function(el, index) {
el.observe('click', that.click.bind(that, el));
if(index == last-1) {el.up('li').addClassName("ps_last");}
})
},
click: function(el, ev) {
ev.stop();
var clickedEle = el.up();
var showPaymentMethod = clickedEle.id.substring(7, clickedEle.id.length);
var prefix = "ps_payment_method_";
$$('.ps_tabList li').each(function(methodNav) { //reset tabNav
methodNav.removeClassName("ps_active");
})
$$('.ps_methodBox').each(function(methodEl) { //reset methodBoxes
methodEl.hide();
})
$(clickedEle).addClassName("ps_active");
$(prefix + showPaymentMethod).show();
}
}),
/**
* @class
* @description For fake Systemmail via Parmaconto on Welcomepage / inbox. we have to count one Message up
* */
PS_welcomeMail : Class.create({
initialize: function (ele) {
if ($('ps_messagesHeadline') != null) {
msgCount = $$('#ps_messagesHeadline')[0].innerHTML;
PS.debug("msgCount=" + msgCount);
oldMsgCount = msgCount.match(/\d+/);
PS.debug("oldMsgCount=" + oldMsgCount);
newMsgCount = parseInt(oldMsgCount) + 1;
$('ps_messagesHeadline').innerHTML = $('ps_messagesHeadline').innerHTML.replace(/\d+/, newMsgCount);
}
if ($$('.ps_noEntriesText')[0] != null) {
$$('.ps_noEntriesText')[0].addClassName('ps_inv');
}
}
}),
/**
* @class
* @description On welcomepage - in newAtParship-Box
* */
sendAGreeting : Class.create({
initialize: function (partner, url, ev) {
that = this;
checkReciprocal = new PageContext.PS_ac_reciprocal();
if($$('.quidProQuoType')[0] != null) {
checkReciprocal.click($$('.quidProQuoType')[0].value + partner, null);
if(checkReciprocal.isBlocked()) return false;
}
new Ajax.Request(url, {
parameters: {
partnerId: partner
},
onSuccess: function showMe(response) {
var myJson = response.responseText.evalJSON();
if (myJson.messageId) {
Modalbox.show($('ps_modal_greetings'), {
width: 340,
skin: '6',
hideCloseLink: false
});
if ($('ps_greeting_' + partner) != null) {
$('ps_greeting_' + partner).hide();
// Show link to send greetings message
if ($('ps_greeted_' + partner) != null) {
elem = $('ps_greeted_' + partner);
elem.show();
// elem.observe("click", gotoGreeted()"+ elem.href +
// myJson.messageId + "'");
Event.observe(elem, "click", that.gotoGreeted.bindAsEventListener(ev, elem.href + myJson.messageId));
Event.stop(ev);
}
}
}
}
});
},
gotoGreeted: function(ev, url) {
document.location.href = url;
}
}),
/**
* @class
* @description For reporting bad Profiles
* */
PS_reportProfile : Class.create({
initialize: function (whichTab) {
that = this;
Event.observe(whichTab, 'click', function() {
Modalbox.show($$('.ps_reportProfile')[0].readAttribute('data-modalurl'), {width: 570, skin: '1', afterLoad:function() { //hier die url rein
Event.observe($('ps_submitReportProfile'), 'click', that.submitForm);
}});
});
},
submitForm: function() {
var theForm = $('partner_report_profile_form');
var url = theForm.action;
if($('ps_reportReasonFreetext').value == $('ps_reportReasonFreetext_label').innerHTML) {
$('ps_reportReasonFreetext').value = "";
}
new Ajax.Request(url, {
parameters: theForm.serialize(),
onSuccess: function(response) {
var myJson = response.responseText.evalJSON();
var cleared = false;
//if user didn't enter a message
if($('ps_reportReasonFreetext').value == $('ps_reportReasonFreetext_label').innerHTML) {
$('ps_reportReasonFreetext').value = "";
cleared = true;
}
var dheight = $("reportProfileForm").getHeight();
var nheight;
if(myJson.successful){
$( "reportProfileForm" ).hide();
$( "reportProfileSuccess" ).show();
nheight = $("reportProfileSuccess").getHeight();
Modalbox.autoresizeHeight();
} else {
$("ps_reportError").removeClassName("ps_inv");
$("ps_reportError").show();
Modalbox.autoresizeHeight();
}
if(cleared) {
$('ps_reportReasonFreetext').value = $('ps_reportReasonFreetext_label').innerHTML;
}
}
});
}
}),
/**
* @class
* @description User for intern/ and openCMS-Poll
* */
PS_potw : Class.create({
initialize: function () {
},
displayIntern: function() {
var country = $F('countryFree') ? $F('countryFree') : $F('country');
this.queryData($F('pollid'), country, $F('sex'), function (potw) {
function createTd(tr, text) {
var td = new Element('td');
td.update(text);
tr.insert(td);
};
var reportContainer = $('potwReport');
// Remove all elements
reportContainer.update('');
var headerElem = new Element('h2').update('Result for pollId: ' + $F('pollid') + ', country: ' + country + ', sex: ' +$F('sex'));
reportContainer.insert(headerElem);
var tableElem = new Element('table', {id: 'ps_potwTable'});
tableElem.innerHTML = '| Question | Male % | Male ∑ | Female % | Female ∑ |
|---|
';
var tbody = new Element('tbody');
for (var question in potw.answers) {
var answer = potw.answers[question];
var tr = new Element('tr');
createTd(tr, question);
createTd(tr, answer.malePercentage + '%');
createTd(tr, answer.maleSum);
createTd(tr, answer.femalePercentage + '%');
createTd(tr, answer.femaleSum);
tbody.insert(tr);
}
tableElem.insert(tbody);
var tfoot = new Element('tfoot');
tableElem.insert(tfoot);
var tr = new Element('tr');
createTd(tr, 'Sum');
createTd(tr, potw.malePercentage + '%');
createTd(tr, potw.maleTotal);
createTd(tr, potw.femalePercentage + '%');
createTd(tr, potw.femaleTotal);
tfoot.insert(tr);
reportContainer.insert(tableElem);
});
},
displayCms: function() {
widthFactor=1.4;
this.queryData($F('pollid'), $F('country'), $F('sex'), function (potw) {
myIndex = 0;
allElems = $$('.ps_potw_answer');
allElems.each(function(ele) {
ele.select('.ps_pollLine')[0].select('.ps_percentVal')[0].setStyle({width: '0px'});
ele.select('.ps_pollLine')[1].select('.ps_percentVal')[0].setStyle({width: '0px'});
ele.select('.ps_label')[0].innerHTML = 0 + "%";
ele.select('.ps_label')[1].innerHTML = 0 + "%";
});
for (var question in potw.answers) {
var answer = potw.answers[question];
if($$('.ps_potw_answer')[myIndex] != null) {
ele = $$('.ps_potw_answer')[question-1];
var malePercentage = answer.malePercentage ? answer.malePercentage : 0;
malePercentBar = ele.select('.ps_pollLine')[0].select('.ps_percentVal')[0];
malePercentValue = ele.select('.ps_label')[0];
var femalePercentage = answer.femalePercentage ? answer.femalePercentage : 0;
femalePercentBar = ele.select('.ps_pollLine')[1].select('.ps_percentVal')[0];
femalePercentValue = ele.select('.ps_label')[1];
if(malePercentage != 0) {
newWidth = widthFactor * malePercentage;
malePercentBar.addClassName("ps_male");
malePercentBar.setStyle({width: newWidth+'px'});
malePercentValue.innerHTML = Math.round(malePercentage) + "%";
}
if(femalePercentage != 0) {
newWidth = Math.round(widthFactor * femalePercentage);
femalePercentBar.addClassName("ps_female");
femalePercentBar.setStyle({width: newWidth+'px'});
femalePercentValue.innerHTML = Math.round(femalePercentage) + "%";
}
myIndex = myIndex + 1;
}
}
});
},
queryData: function(pollid, country, sex, renderFunction) {
new Ajax.Request("/potw/json", {method: 'get', parameters: {pollid: pollid, country: country, sex: sex}, onSuccess: function(response) {
var potwResponse = response.responseText.evalJSON();
renderFunction(eval(potwResponse.potw.evalJSON()));
}});
}
}),
/**
* @description For switching Tabs on Testresult pages
* */
changeTestResultArea : function(elm,num) {
$$('.ps_bgTabbedTestResultBtnOuter_active').each(function(s){
s.removeClassName('ps_bgTabbedTestResultBtnOuter_active').addClassName('ps_bgTabbedTestResultBtnOuter');
});
elm.removeClassName('ps_bgTabbedTestResultBtnOuter').addClassName('ps_bgTabbedTestResultBtnOuter_active');
$$('.ps_testResultArea').each(function(s){
s.setStyle({display: 'none'});
});
$('ps_testResultArea'+num).setStyle({display: 'block'});
},
/**
* @class
* @description Message form AJAX submission and error handling
* */
PS_messageForm : Class.create(
/**@lends PageContext.PS_messageForm */
{
/**
*
* @param {DOMElement} the form element to attach to
*/
initialize: function initialize(form) {
this.form = form;
this.isDraft = false;
this.isAutosaved = false;
this.findFieldsThatDisplayMessages();
this.transmissionInProgress = false;
that = this;
this.form.select('.act_sendMessageButton').each(function(button){
button.observe('click', that.submitMessage.bind(that));
});
this.form.select('.act_saveDraftButton').each(function(button){
button.observe('click', that.submitAsDraft.bind(that));
button.observe('ps:click', that.submitAsDraft.bind(that));
});
this.form.observe('submit', function(e) {
e.stop();
});
this.startAutoSaveDraft();
PS.debug('messageForm ready');
},
/**
* @private
* @description finds all form fields that CAN display messages
* (defined with the [@errorMessagesFor 'fieldname' /] and [@infoMessagesFor 'fieldname' /] macros)
*/
findFieldsThatDisplayMessages: function findFieldsThatDisplayMessages() {
this.fieldsToShowMessagesFor = [];
this.fieldsToShowMessagesFor['info'] = [];
this.fieldsToShowMessagesFor['error'] = [];
var regexp = RegExp("ps_(.*)_(.*)");
var that = this;
this.form.select('.ps_formAttributeMessage').each(function(messageBox){
try {
var result = regexp.exec(messageBox.id);
var fieldName = result[1];
var messageType = result[2];
if (typeof that.fieldsToShowMessagesFor[messageType] === 'undefined') {
that.fieldsToShowMessagesFor[messageType] = [];
}
that.fieldsToShowMessagesFor[messageType].push( fieldName );
} catch(e) {
PS.debug(e);
}
});
},
/**
* @private
* @description click handler for message submit button
*/
submitMessage: function submitMessage(event) {
event.stop();
this.setDraftStatus(false);
this.stopAutoSaveDraft();
this.submit();
},
/**
* @private
* @description changed Text that has not been saved yet
*/
hasUnsavedText: function hasUnsavedText(event, isAutosaved) {
return true;
},
/**
* @private
* @description gives true/false for showing ClosingConfirmationLayer
*/
isConfirmBeforeClose: function isConfirmBeforeClose() {
if((($('subject') && $('subject').type != 'hidden' && !$('subject').hasClassName('ps_defaultValueClass'))) ||
($('ps_writeMessage') && !$('ps_writeMessage').hasClassName('ps_defaultValueClass'))) { //&& this.hasUnsavedText() == true
return true;
} else {
return false;
}
},
/**
* @private
* @description internally marks the message as a draft (+autoSaved) or a regular message
* @param {Boolean} isDraft
* @param {Boolean} isAutosaved If triggered via automatic saving
*/
setDraftStatus: function setDraftStatus(isDraft, isAutosaved) {
if ($('ps_saveDraft')) {
$('ps_saveDraft').value = isDraft;
this.isDraft = isDraft;
}
if (isAutosaved != null && isAutosaved == true) {
if($('ps_isAutosaved') != null) $('ps_isAutosaved').value = isAutosaved;
this.isAutosaved = isAutosaved;
} else {
if ($('ps_isAutosaved') != null) $('ps_isAutosaved').value = false;
this.isAutosaved = false;
}
},
/**
* @description starts the autosaver process
*/
startAutoSaveDraft: function autoSaveDraft() {
//if messageForm with freetext
if($('ps_writeNewMessage') && $$('.ps_typeText')[0] != null && $$('.act_saveDraftButton')[0] != null) {//Bug-4854
if(pageVars.autoSaveDraftInterval != null && pageVars.autoSaveDraftInterval != "0") { //variable not set or set to 0 via SO = no autosave
autoSaveDraftInterval = pageVars.autoSaveDraftInterval * 1000;
var inst = this;
autoSaverDraft = setInterval(function(){
inst.submitAsDraft(null, true)
},autoSaveDraftInterval);
}
}
},
/**
* @private
* @description click handler for draft submit button
*/
submitAsDraft: function submitAsDraft(event, isAutosaved) {
if ($('ps_writeMessage') != null) {
if(event != null) event.stop();
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.clearDefaultValuesBeforeSubmit($$('.ps_messageForm')[0]); }
if(isAutosaved && ($('subject').value == "" || $('ps_writeMessage').value == "")) {
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.fillDefaultValuesAfterSubmit($$('.ps_messageForm')[0]); }
return false;
}
this.setDraftStatus(true, isAutosaved);
this.submit();
} else {
this.stopAutoSaveDraft();
}
},
/**
* @description stops the automatic saving of drafts
* */
stopAutoSaveDraft: function stopAutoSaveDraft() {
if (typeof autoSaverDraft == "number") {
window.clearInterval(autoSaverDraft);
}
},
activateSubmitButtons: function activateSubmitButtons() {
this.form.select('.messageFormSubmitButton').each(function(button){
button.removeClassName('disabledButton');
});
this.startAutoSaveDraft(); //when user is able to click on save again we can start again with autosave
},
disableSubmitButtons: function disableSubmitButtons() {
this.form.select('.messageFormSubmitButton').each(function(button){
button.addClassName('disabledButton');
});
this.stopAutoSaveDraft();
},
/**
* @private
* @returns {Boolean}
*/
submit: function submit() {
if (this.transmissionInProgress === true) {
return false;
}
if(typeof allInputDefaults !== 'undefined') {
allInputDefaults.clearDefaultValuesBeforeSubmit(this.form);
}
Par.Helper.publishEvent('ps:messageForm:beforeSubmit', { source: this.form, isDraft: this.isDraft, isAutosaved: this.isAutosaved }, this.form);
this.transmissionInProgress = true;
this.disableSubmitButtons();
this.fieldsToShowMessagesFor['error'].each(function(fieldName){
var messageBox = $('ps_' + fieldName + '_error');
messageBox.update();
messageBox.addClassName("ps_inv");
});
// TODO: refactor
this.fieldsToShowMessagesFor['info'].each(function(fieldName){
var messageBox = $('ps_' + fieldName + '_info');
messageBox.update();
messageBox.addClassName("ps_inv");
});
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.clearDefaultValuesBeforeSubmit($$('.ps_messageForm')[0]); }
new Ajax.Request(this.form.action, {
method: this.form.method,
parameters: this.form.serialize(),
onComplete: this.handleResponse.bind(this),
onFailure: function() {
this.transmissionInProgress = false;
PS.debug("AJAX form submission failed");
}
});
return false;
},
/**
* @private
* @param transport
* @returns {Boolean|null}
*/
handleResponse: function handleResponse(transport) {
this.transmissionInProgress = false;
transport = transport.responseText.evalJSON();
var that = this;
if(typeof allInputDefaults !== 'undefined') { allInputDefaults.fillDefaultValuesAfterSubmit($$('.ps_messageForm')[0]); }
// Assume a fatal error if the error redirect URL is set by the controller, stop here immediately
if (transport.errorRedirectUrl) {
Par.Helper.publishEvent('ps:messageForm:submitFailed', { source: this.form, isDraft: this.isDraft, isAutosaved: this.isAutosaved, alert: transport.statusMessage, redirectUrl: transport.errorRedirectUrl }, this.form);
return false;
}
if (transport.infoMessages) {
this.displayMessagesFromHash('info', transport.infoMessages);
}
if (transport.errorMessages) {
this.displayMessagesFromHash('error', transport.errorMessages);
this.activateSubmitButtons();
Par.Helper.publishEvent('ps:messageForm:submitFailed', { source: this.form, isDraft: this.isDraft, isAutosaved: this.isAutosaved, alert: transport.statusMessage, errorMessages: transport.errorMessages }, this.form);
} else {
Par.Helper.publishEvent('ps:messageForm:submitSucceeded', { source: this.form, messageId: transport.messagingPO.messageIdText, isDraft: this.isDraft, isAutoSaved: this.autoSaved, alert: transport.statusMessage, redirectUrl: transport.successRedirectUrl }, this.form);
if (this.isDraft) {
this.activateSubmitButtons();
}
}
},
/**
* @private
* @param messageType
* @param hashOfMessageHashes
*/
displayMessagesFromHash: function displayMessagesFromHash(messageType, hashOfMessageHashes) {
messageType = messageType.toLowerCase();
//has to be a real hash with {} and stuff. Do not just put a String here!
//PS.debug(typeOf hashOfMessageHashes);
$H(hashOfMessageHashes).each(function(messageHash){
var fieldName = messageHash.key;
var messageText = messageHash.value;
var messageBox = $('ps_' + fieldName + '_' + messageType);
// put messages into a 'catch-all' container if no specific container exists for them
if (!messageBox) {
var messageBoxId = 'ps_fieldless' + '_' + messageType;
if (!$(messageBoxId)) {
$(that.form).insert('');
}
messageBox = $('ps_fieldless_error');
}
messageBox.removeClassName("ps_inv");
messageBox.insert(messageText);
});
}
}),
/**
* @class
* @description Glue class for message forms and message forms within modals
* Displays alerts and handles redirection
*
* Event payload: expects the