Deine Vereinsfreundschaftsanfrage wurde erfoglreich übermittelt.
'); $('twin_submit').getParent().setStyle('display', 'none'); $('twin_cancel').set('html', 'Schließen'); } } }); form.send(); } }; /** * sets a flag field to affirm and submits the form * * @author Stefan Michalsky * @param String * formId id of the form tag * @param String * affirmId id of the hidden input that stores the flag */ var affirmMedia = function(formId, affirmId) { affirmField = $(affirmId); form = $(formId); if (affirmField && form) { affirmField.value = 'affirm'; form.submit(); } } /** * sets a flag field to decline and submits the form * * @author Stefan Michalsky * @param String * formId id of the form tag * @param String * affirmId id of the hidden input that stores the flag */ var declineMedia = function(formId, affirmId) { affirmField = $(affirmId); form = $(formId); if (affirmField && form) { affirmField.value = 'decline'; form.submit(); } } /** * sets a flag field to lock and submits the form * * @author Stefan Michalsky * @param String * formId id of the form tag * @param String * affirmId id of the hidden input that stores the flag */ var lockMedia = function(formId, affirmId) { affirmField = $(affirmId); form = $(formId); if (affirmField && form) { affirmField.value = 'lock'; form.submit(); } } /** * set all checkboxes checked * * @author Stefan Michalsky */ var selectAllCheckboxes = function() { $$('.fCheck').each(function(item) { item.checked = true; }); } /** * set all checkboxes unchecked * * @author Stefan Michalsky */ var unselectAllCheckboxes = function() { $$('.fCheck').each(function(item) { item.checked = false; }); } var openOverlayForAlternativeInterest = function() { MV_Overlay.show('/ajax/get_interests/', true); } var insertAlternativeInterest = function() { id = $('alternative/selectField').options[$('alternative/selectField').selectedIndex].value; $('alternative/id').value = id; var newSubmit = new Element('input', { type : 'hidden', name : 'submit/decline', value : 'decline' }); newSubmit.inject($('interestsForm')); $('interestsForm').submit(); } var jumpToPinboard = function() { var pinboardAnker = $('anker_associationPinboard'); if (pinboardAnker) { var posOA = pinboardAnker.getPosition(); console.log(posOA); var body = document.getElementsByTagName('body')[0]; console.log(body); body.scrollTo(0, posOA.y); } } var acceptInvitation = function(elem) { if (elem.get('html') == 'Annehmen') { MV_Overlay.show('/overlay/accept_invite/' + elem.get('userId') + '/' + elem.get('assocId'), true, function() { $('Overlay').setStyle('left', '140px'); $('Overlay').setStyle('top', '260px'); }); } else { var userId = elem.get('userId'); var assocId = elem.get('assocId'); MV_Overlay.show(false, true, function() { $('Overlay').setStyle('left', '140px'); $('Overlay').setStyle('top', '260px'); return ('');
});
}
};
var declineInvitation = function(assocId, userId) {
MV_Overlay.show('/overlay/decline_invite/' + userId + '/'
+ assocId, true, function() {
$('Overlay').setStyle('left', '140px');
$('Overlay').setStyle('top', '260px');
});
}
var clearInvitation = function(assocId, userId) {
$(assocId + '' + userId).set('html', '');
}
///////////////////////////////////////////////////////
// meinverein_stephan.js
//DEPRECATED
//THis function is used now in domwalker
function generateMediaEvents(elem)
{
// Open album buttons (gallery overlay)
elem.getElements('.album .media_wrapper a, .album .view a').each(function(el)
{
var mcard = el.getParent('.mcard');
if (mcard)
{
if (!mcard.albumId)
{
mcard.albumId = mcard.get('title');
mcard.removeProperty('title');
}
el.albumId = mcard.albumId;
el.removeEvents('click');
el.addEvent('click', openAlbum);
}
});
//Open media buttons (gallery overlay)
elem.getElements('.video .media_wrapper a, .video .view a, .image .media_wrapper a, .image .view a').each(function(el) {
var mcard = el.getParent('.mcard');
if (mcard) {
if (!mcard.mediaId) {
mcard.mediaId = mcard.get('title');
mcard.removeProperty('title');
}
el.mediaId = mcard.mediaId;
el.removeEvents('click');
el.addEvent('click', openMedia);
}
var vcard = el.getParent('.mcard .video');
if (vcard)
{
if (!vcard.mediaId)
{
vcard.mediaId = vcard.get('title');
vcard.removeProperty('title');
}
el.vediaId = vcard.mediaId;
el.removeEvents('click');
el.addEvent('click', openVideo);
}
}
);
//Offer friendship buttons
elem.getElements('.vcard .offer_friendship a').each(function(el)
{
var vcard = el.getParent('.vcard');
if (vcard)
{
if (!vcard.userId)
{
vcard.userId = vcard.get('title');
vcard.removeProperty('title');
}
el.userId = vcard.userId;
el.removeEvents('click');
el.addEvent('click', offerFriendship);
}
});
}
function generateInfoboxes()
{
//load profile visitors
var profileVisitors = $('ib-profile-visitors');
if (profileVisitors) {
profileVisitors.set('load', {
'onSuccess' : function(result) {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(profileVisitors)
});
profileVisitors.load('/infobox/profile_visitors/'+globalNumber);
}
//load networknews
var networkNews = $('ib-network-news');
if (networkNews)
{
networkNews.set('load',
{
'onSuccess': function()
{
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(networkNews)
});
networkNews.load('/infobox/network_news/'+globalNumber);
}
//load assoc networknews
var assocNetworkNews = $('ib-assoc-network-news');
if (assocNetworkNews) {
var assocId = assocNetworkNews.getFirst().get('html');
assocNetworkNews.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocNetworkNews)
});
assocNetworkNews.load('/infobox/association_network_news/'+globalNumber+'/'+assocId);
}
//load assoc info
var assocInfo = $('ib-assoc-info');
if (assocInfo) {
var assocId = assocInfo.getFirst().get('html');
assocInfo.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocInfo)
});
assocInfo.load('/infobox/association_info/'+globalNumber+'/'+assocId);
}
//load newest assoc forum entries
var assocForumEntries = $('ib-assoc-new-forum-entries');
if (assocForumEntries) {
var assocId = assocForumEntries.getFirst().get('html');
assocForumEntries.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
if (this.getFirst())
{
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
}
updateScreenLayout(this);
}.bind(assocForumEntries)
});
assocForumEntries.load('/infobox/association_new_forum_entries/'+globalNumber+'/'+assocId);
}
//load latest assoc profile visitors
var assocProfileVisitors = $('ib-assoc-profile-visitors');
if (assocProfileVisitors) {
var assocId = assocProfileVisitors.getFirst().get('html');
assocProfileVisitors.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocProfileVisitors)
});
assocProfileVisitors.load('/infobox/association_profile_visitors/'+globalNumber+'/'+assocId);
}
//load latest assoc medias
var assocMedia = $('ib-assoc-media');
if (assocMedia) {
var assocId = assocMedia.getFirst().get('html');
assocMedia.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocMedia)
});
assocMedia.load('/infobox/association_media/'+globalNumber+'/'+assocId);
}
//load latest assoc events
var assocEvents = $('ib-assoc-events');
if (assocEvents) {
var assocId = assocEvents.getFirst().get('html');
assocEvents.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocEvents)
});
assocEvents.load('/infobox/association_events/'+globalNumber+'/'+assocId);
}
//load latest assoc birthdays
var assocBirthdays = $('ib-assoc-birthdays');
if (assocBirthdays) {
var assocId = assocBirthdays.getFirst().get('html');
assocBirthdays.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocBirthdays)
});
assocBirthdays.load('/infobox/association_birthdays/'+globalNumber+'/'+assocId);
}
//load assoc online users
var assocOnlineUsers = $('ib-assoc-who-is-online');
if (assocOnlineUsers) {
var assocId = assocOnlineUsers.getFirst().get('html');
assocOnlineUsers.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocOnlineUsers)
});
assocOnlineUsers.load('/infobox/association_whos_online/'+globalNumber+'/'+assocId);
}
//load assoc reports
var assocReports = $('ib-assoc-reports');
if (assocReports) {
var assocId = assocReports.getFirst().get('html');
assocReports.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocReports)
});
assocReports.load('/infobox/association_reports/'+globalNumber+'/'+assocId);
}
//load business directory within a map
var assocMap = $('ib-assoc-map');
if (assocMap) {
var assocId = assocMap.getFirst().get('html');
assocMap.set('load', {
'onSuccess' : function() {
// copy class and html content to outer box wrapper (fix for ie6)
this.set('class', this.getFirst().get('class'));
this.set('html', this.getFirst().get('html'));
updateScreenLayout(this);
}.bind(assocMap)
});
assocMap.load('/infobox/association_business_directory/'+assocId);
}
var els = $$('.infoboxes').each(function(elem) {
var myInfoboxes = new InfoboxSortables(elem, globalNumber,
{
clone: true,
handle : '.box_header',
opacity: 0.5
});
//save instance to div
elem.infoboxesInstance = myInfoboxes;
//infobox add buttons
$$('.drag_area .drag_selection a.addInfobox').each(function(el)
{
el.addEvent('click', function(event)
{
var li = this.getParent('li');
var id = li.get('id').replace('add_', '');
myInfoboxes.addInfobox(id);
event.stop();
return false;
});
});
//infobox remove buttons
$$('.drag_area .drag_selection a.removeInfobox').each(function(el)
{
el.addEvent('click', function(event)
{
var li = this.getParent('li');
var id = li.get('id').replace('add_', '');
myInfoboxes.removeInfobox(id);
event.stop();
return false;
});
});
});
}
/**
* @class: InfoboxSortables
* @author: Stephan Unverwerth, Farbwahl
*
* Class for infobox area, sends ajax request to save new box arrangement
* whenever an infobox is moved, added or closed
*/
var InfoboxSortables = new Class(
{
Extends: Sortables,
initialize: function(element, userId, options)
{
this.userId = userId;
this.list = $(element);
$(element).getChildren('.box_wrapper').each(this.applyEvents.bind(this));
options.onComplete = this.saveArrangement;
this.parent(element, options);
this.addFiller();
this.loadInitialBoxes();
},
loadInitialBoxes: function()
{
this.list.getChildren().each(function(el)
{
if (el.hasClass('loadme'))
this.addInfobox(el.get('title'), el);
}.bind(this));
},
//overridden function to prevent dropping on filler elements
insert: function(dragging, element)
{
if (element.hasClass('filler') || element.hasClass('waitbox'))
return;
else
this.parent(dragging, element);
},
//adds functionality to passed box
applyEvents: function(box)
{
var closeIndicator = box.getElement('.close_indicator');
if (closeIndicator)
{
closeIndicator.addEvent('click', function(e)
{
e.stop();
this.removeInfobox(closeIndicator.getParent('.box_wrapper').getProperty('id'));
}.bind(this));
}
},
//adds an infobox to this sortable list
addInfobox: function(boxId, target)
{
if ($(boxId))
return false;
var myRequest = new Request(
{
url : '/ajax/get_infobox/'+this.userId+'/'+boxId,
onRequest: function()
{
if (!target)
this.removeFiller();
myRequest.waitBox = target || this.createWaitBox(boxId);
if (!target)
{
myRequest.waitBox.inject(this.list, 'bottom');
this.addFiller();
}
}
.bind(this) ,
onSuccess: function(htmlResponse, xmlResponse)
{
var temp = new Element('div',
{
'html' : htmlResponse
});
var box = temp.getFirst();
if (box)
{
updateScreenLayout(box);
this.applyEvents(box);
box.replaces(myRequest.waitBox);
myRequest.waitBox.destroy();
this.addItems(box);
if (!target)
this.saveArrangement();
var toggleBox = $('add_'+boxId);
if (toggleBox)
{
toggleBox.removeClass('selectable_box');
toggleBox.addClass('static_box');
toggleBox.getElements('.addInfobox').each(function(el)
{
el.addClass('inactive')
});
toggleBox.getElements('.removeInfobox').each(function(el)
{
el.removeClass('inactive')
});
}
}
else
{
if (!target)
{
this.removeFiller();
myRequest.waitBox.destroy();
this.addFiller();
}
}
}
.bind(this) ,
onFailure: function(xhr)
{
if (!target)
{
this.removeFiller();
myRequest.waitBox.destroy();
this.addFiller();
}
}
.bind(this)
});
myRequest.send();
return true;
},
//removes an infobox from this sortable list
removeInfobox: function(id)
{
var element = $(id);
if (element)
{
var toggleBox = $('add_'+id);
if (toggleBox)
{
toggleBox.addClass('selectable_box');
toggleBox.removeClass('static_box');
toggleBox.getElements('.addInfobox').each(function(el)
{
el.removeClass('inactive')
});
toggleBox.getElements('.removeInfobox').each(function(el)
{
el.addClass('inactive')
});
}
this.removeFiller();
this.removeItems(element);
element.destroy();
this.saveArrangement();
this.addFiller();
return true;
}
return false;
},
//removes the filler from the list
removeFiller: function()
{
//remove all fillers
this.list.getElements('.filler').each(function(el)
{
el.destroy();
});
},
//adds a filler to the sortables list if the last row is not filled
addFiller: function()
{
//number of elements in last row
var lastRow = (this.list.getChildren().length)%3;
var url = '';
var fillerClass = '';
if (lastRow == 1)
{ //add a big filler
url = '/infobox/big_filler';
}
else
if (lastRow == 2)
{ //add a small filler
url = '/infobox/small_filler';
fillerClass = ' small';
}
else
{
return;
}
var myRequest = new Request(
{
url : url,
onRequest: function()
{
myRequest.tempBox = new Element('div',
{
'class' : 'box_wrapper filler'+fillerClass
});
myRequest.tempBox.inject(this.list, 'bottom');
}
.bind(this) ,
onSuccess: function(htmlResponse, xmlResponse)
{
var temp = new Element('div',
{
'html' : htmlResponse
});
var box = temp.getElement('.box_wrapper');
if (box)
{
box.replaces(myRequest.tempBox);
}
}
.bind(this)
});
myRequest.send();
},
//saves the arrangement via ajax
saveArrangement: function()
{
var myRequest = new Request(
{
url : '/ajax/save_infoboxes/'+this.userId
});
var data = this.serialize(null, function(el, index)
{
if (el.hasClass('waitbox'))
return null;
var id = el.get('id');
if (id)
return 'Infobox/'+index+'='+el.get('id');
else
return null;
}).join('&');
if (data.length == 0)
data = 'Empty/value=1';
if (data != this.lastDataSent)
{
myRequest.send(data);
this.lastDataSent = data;
}
},
//returns a temporary box to show the user that an
//ajax request is in progress
createWaitBox: function(boxId)
{
return new Element('div', {
'class' : 'box_wrapper small waitbox',
'id' : boxId
}).adopt(new Element('div', {
'class' : 'box',
'html' : '
'
}));
}
});
/**
*
*/
/*--- Fancy Upload stuff ---*/
/**
* Fx.ProgressBar
*
* @version 1.0
*
* @license MIT License
*
* @author Harald Kirschner
* @copyright Authors
*/
Fx.ProgressBar = new Class(
{
Extends: Fx,
options:
{
text: null,
transition: Fx.Transitions.Circ.easeOut,
link: 'cancel'
},
initialize: function(element, options)
{
this.element = $(element);
this.parent(options);
this.text = $(this.options.text);
this.set(0);
},
start: function(to, total)
{
return this.parent(this.now, (arguments.length == 1) ? to.limit(0, 100) : to / total * 100);
},
set: function(to)
{
this.now = to;
this.element.setStyle('width', (to) + '%');
if (this.text)
this.text.set('text', Math.round(to) + '%');
return this;
}
});
/**
* Swiff.Uploader - Flash FileReference Control
*
* @version 1.2
*
* @license MIT License
*
* @author Harald Kirschner
* @copyright Authors
*/
Swiff.Uploader = new Class(
{
Extends: Swiff,
Implements: Events,
options:
{
path: 'Swiff.Uploader.swf',
multiple: true,
queued: true,
typeFilter: null,
url: null,
method: 'post',
data: null,
fieldName: 'Filedata',
target: null,
height: '100%',
width: '100%',
callBacks: null
},
initialize: function(options)
{
//read session id
this.sessionID = Cookie.read('PHPSESSID');
if (Browser.Plugins.Flash.version < 9)
return false;
this.setOptions(options);
var callBacks = this.options.callBacks || this;
if (callBacks.onLoad)
this.addEvent('onLoad', callBacks.onLoad);
if (!callBacks.onBrowse)
{
callBacks.onBrowse = function()
{
return this.options.typeFilter;
}
}
var prepare = {}, self = this;
['onBrowse', 'onSelect', 'onAllSelect', 'onCancel', 'onBeforeOpen', 'onOpen', 'onProgress', 'onComplete', 'onError', 'onAllComplete'].each(function(index)
{
var fn = callBacks[index] || $empty;
prepare[index] = function()
{
self.fireEvent(index, arguments, 10);
return fn.apply(self, arguments);
};
});
prepare.onLoad = this.load.create(
{
delay: 10,
bind: this
});
this.options.callBacks = prepare;
var path = this.options.path;
if (!path.contains('?'))
path += '?noCache=' + $time(); // quick fix
this.parent(path);
var scroll = window.getScroll();
this.box = new Element('div',
{
styles:
{
position: 'absolute',
visibility: 'visible',
zIndex: 9999,
overflow: 'hidden',
height: 15,
width: 15,
top: scroll.y,
left: scroll.x
}
});
this.inject(this.box);
this.box.inject(document.body);
this.mouseover = function()
{
this.reposition();
}.bind(this);
this.mouseout = function()
{
this.box.setStyles(
{
width: 0,
height: 0
});
}.bind(this);
this.box.addEvent('mouseout', this.mouseout);
this.changeTarget($(this.options.target));
return this;
},
load: function()
{
this.remote('register', this.instance, this.options.multiple, this.options.queued);
this.fireEvent('onLoad');
},
changeTarget: function(target)
{
if (target && this.target != target)
{
if (this.target)
{
this.target.removeEvent('mouseover', this.mouseover);
}
this.target = target;
if (this.target)
{
this.target.addEvent('mouseover', this.mouseover);
}
this.reposition();
}
},
reposition: function(target)
{
var pos = this.target.getCoordinates(this.box.getOffsetParent());
this.box.setStyles(pos);
},
/*
Method: browse
Open the file browser.
*/
browse: function(typeFilter)
{
this.options.typeFilter = $pick(typeFilter, this.options.typeFilter);
return this.remote('browse');
},
/*
Method: upload
Starts the upload of all selected files.
*/
upload: function(options)
{
var current = this.options;
options = $extend(
{
"data": current.data,
"url": current.url,
"method": current.method,
"fieldName": current.fieldName
}, options);
if ($type(options.data) == 'element')
options.data = $(options.data).toQueryString();
//append session id to post data
if (!options.data || options.data.length == 0)
options.data = 'SESSID='+this.sessionID;
else
options.data += '&SESSID='+this.sessionID;
return this.remote('upload', options);
},
/*
Method: removeFile
For multiple uploads cancels and removes the given file from queue.
Arguments:
name - (string) Filename
name - (string) Filesize in byte
*/
removeFile: function(file)
{
if (file)
file =
{
name: file.name,
size: file.size
};
return this.remote('removeFile', file);
},
/*
Method: getFileList
Returns one Array with with arrays containing name and size of the file.
Returns:
(array) An array with files
*/
getFileList: function()
{
return this.remote('getFileList');
},
sizeToKB: function(size)
{
var unit = 'B';
if ((size / 1048576) > 1)
{
unit = 'MB';
size /= 1048576;
}
else
if ((size / 1024) > 1)
{
unit = 'kB';
size /= 1024;
}
return size.round(1) + ' ' + unit;
}
});
/**
* MultipleImageUpload - Upload for image upload page, based on digitaralds FancyUpload2
*
*/
var MultipleImageUpload = new Class(
{
Extends: Swiff.Uploader,
options:
{
limitSize: false,
limitFiles: null,
instantStart: false,
allowDuplicates: false,
validateFile: function(file) // provide a function that returns true for valid and false for invalid files.
{
var parts = file.name.split('.');
if (parts.length > 2)
return false;
var type = parts.pop().toLowerCase();
var types = ['jpg', 'jpeg', 'gif', 'png'];
return types.contains(type);
},
debug: false,
fileInvalid: function(file, errors) { // called for invalid files with error stack as 2nd argument
if (!this.errorShown) {
if (errors.contains('size')) {
new MessageBox('/overlay/message_box/400/'+file.name);
this.errorShown = true;
}
else if (errors.contains('custom')) {
new MessageBox('/overlay/message_box/401/'+file.name);
this.errorShown = true;
}
}
},
fileCreate: null, // creates file element after select
fileUpload: null, // called when file is opened for upload, allows to modify the upload options (2nd argument) for every upload
fileComplete: null, // updates the file element to completed state and gets the response (2nd argument)
fileRemove: null // removes the element
/**
* Events:
* onBrowse, onSelect, onAllSelect, onCancel, onBeforeOpen, onOpen, onProgress, onComplete, onError, onAllComplete
*/
},
errors: 0,
initialize: function(list, options)
{
this.list = $(list);
this.files = [];
if (options.callBacks)
{
this.addEvents(options.callBacks);
options.callBacks = null;
}
this.totalProgress = $$('.totalUpload .middle')[0];
this.totalText = $$('.totalUpload .byteCount')[0];
this.partialProgress = $$('.partialUpload .middle')[0];
this.partialText = $$('.partialUpload .byteCount')[0];
this.currentFileName = $$('dt.partialUpload')[0];
this.totalProgressFx = new Fx.ProgressBar(this.totalProgress);
this.partialProgressFx = new Fx.ProgressBar(this.partialProgress);
if ($('uploadImagesAlbumId'))
this.albumId = $('uploadImagesAlbumId').get('value');
var editButton = $('afterUploadEditAlbum');
editButton.addEvent('click', function(event)
{
event.stop();
return false;
});
this.parent(options);
this.render();
},
render: function()
{
},
onLoad: function()
{
this.log('Uploader ready!');
},
onBeforeOpen: function(file, options)
{
this.log('Initialize upload for "{name}".', file);
var fn = this.options.fileUpload;
var obj = (fn) ? fn.call(this, this.getFile(file), options) : options;
var data = obj.data;
file = this.getFile(file);
var title = file.element.getElement('.mcard_title input').get('value');
var tags = file.element.getElement('.mcard_catchwords input').get('value');
var desc = file.element.getElement('.mcard_description input').get('value');
var description = '';
if (title.length > 0)
description += '&media/title=' + escape(title);
if (tags.length > 0)
description += '&media/tags=' + escape(tags);
if (desc.length > 0)
description += '&media/description=' + escape(desc);
if (!obj.data)
obj.data = "";
obj.data += description;
if (this.albumId)
obj.data += ('&albums/id=' + escape(this.albumId));
return obj;
},
onOpen: function(file, overall)
{
this.log('Starting upload "{name}".', file);
file = this.getFile(file);
file.element.addClass('file-uploading');
this.currentFileName.set('html', file.name);
this.partialProgressFx.cancel().set(0);
this.partialText.set('html', '0% | {sent} / {total}'.substitute(
{
'sent' : this.sizeToKB(current.bytesLoaded),
'total' : this.sizeToKB(current.bytesTotal)
}));
},
onProgress: function(file, current, overall)
{
this.currentFileName.set('html', file.name);
var percent = Math.round(100*overall.bytesLoaded/overall.bytesTotal);
this.totalProgressFx.start(overall.bytesLoaded, overall.bytesTotal);
this.totalText.set('html', '{percent}% | {sent} / {total}'.substitute(
{
'percent' : percent,
'sent' : this.sizeToKB(overall.bytesLoaded),
'total' : this.sizeToKB(overall.bytesTotal)
}));
percent = Math.round(100*current.bytesLoaded/current.bytesTotal);
this.log(file.name+': '+percent);
this.partialProgressFx.start(current.bytesLoaded, current.bytesTotal);
this.partialText.set('html', '{percent}% | {sent} / {total}'.substitute(
{
'percent' : percent,
'sent' : this.sizeToKB(current.bytesLoaded),
'total' : this.sizeToKB(current.bytesTotal)
}));
},
onSelect: function(file, index, length)
{
var errors = [];
if (this.options.limitSize && (file.size > this.options.limitSize))
errors.push('size');
if (this.options.limitFiles && (this.countFiles() >= this.options.limitFiles))
errors.push('length');
if (!this.options.allowDuplicates && this.getFile(file))
errors.push('duplicate');
if (!this.options.validateFile.call(this, file, errors))
errors.push('custom');
if (errors.length)
{
var fn = this.options.fileInvalid;
if (fn)
fn.call(this, file, errors);
return false;
}
(this.options.fileCreate || this.fileCreate).call(this, file);
this.files.push(file);
return true;
},
onAllSelect: function(files, current, overall) {
this.errorShown = false;
this.log('Added ' + files.length + ' files, now we have (' + current.bytesTotal + ' bytes).', arguments);
this.updateOverall(current.bytesTotal);
if (this.files.length && this.options.instantStart)
this.upload.delay(10, this);
if (current.filesTotal > 0) {
$('imageUploadSelectedStatus').set('html', 'Du hast {count} Bilder ausgewählt. Möchtest Du weitere Bilder hinzufügen oder Deine gewählten Dateien für diese Album hochladen?'.substitute(
{
'count': current.filesTotal
}));
if (!this.firstStep)
{
this.firstStep=true;
var addImages = $('addImages');
this.changeTarget(addImages);
addImages.removeClass('inactive');
addImages.getParent().removeClass('inactive');
addImages.addEvent('click', function()
{
this.browse();
return false;
}.bind(this));
var selectImages = $('selectImages');
selectImages.removeEvents();
selectImages.addEvent('click', function()
{
return false;
});
selectImages.addClass('inactive');
selectImages.getParent().addClass('inactive');
var uploadImages = $('uploadImages');
uploadImages.removeClass('inactive');
uploadImages.getParent().removeClass('inactive');
uploadImages.addEvent('click', function()
{
var step1 = $('imageUpload').getElement('.uploadImagesStep1');
var step2 = $('imageUpload').getElement('.uploadImagesStep2');
step1.addClass('closed closedFirst');
step2.removeClass('inactive');
step2.removeClass('closed');
var startUpload = $('startUpload');
startUpload.addEvent('click', function()
{
var albumTitle = $('albumTitle');
if (albumTitle)
albumTitle = albumTitle.get('value');
else
albumTitle = 'Album';
var albumVisibility = 0;
$('imageUpload').getElements('input.fRadio').each(function(el)
{
if(el.get('checked'))
albumVisibility = el.get('value');
});
var zipcode = $('albumZipcode');
var city = $('albumCity');
var tags = $('tags');
var legalCheck = $('albumsCheck').get('checked');
var noClickHistory = $('noHistoryForUploadID');
var error = false;
//validate tags
if (tags && tags.get('value').length == 0)
{
tags.addClass('error');
tags.getParent().addClass('error');
error = true;
}
else if (tags)
{
tags.removeClass('error');
tags.getParent().removeClass('error');
}
if (!legalCheck)
{
$$('label[for="albumsCheck"]')[0].addClass('error');
error = true;
}
else
$$('label[for="albumsCheck"]')[0].removeClass('error')
if (albumTitle.length == 0)
{
$('albumTitle').addClass('error');
error = true;
}
else
{
if ($('albumTitle'))
$('albumTitle').removeClass('error');
}
if (noClickHistory)
var noClickHistoryValue = noClickHistory.get('value');
else
var noClickHistoryValue = 0;
if (!error)
{
this.albumTitle = albumTitle;
var data = 'albums/title='+albumTitle;
data += '&albums/visibility='+albumVisibility;
if (zipcode)
data += '&albums/zipcode=' + zipcode.get('value');
if (city)
data += '&albums/city=' + city.get('value');
if ($('description'))
data += '&albums/description=' + $('description').get('value');
if (tags)
data += '&albums/tags=' + tags.get('value');
data += '&global/no_history_for_upload=' + noClickHistoryValue;
this.upload(
{
'data': data
});
}
return false;
}.bind(this));
return false;
}.bind(this));
}
}
},
onComplete: function(file, response)
{
this.log('Completed upload "' + file.name + '".', arguments);
(this.options.fileComplete || this.fileComplete).call(this, this.finishFile(file), response);
var jresponse = JSON.decode(response);
this.albumId = jresponse.albumId;
var myFile = this.getFile(file);
myFile.element.getElement('input.identifier').set('value', jresponse.mediaId);
this.partialProgressFx.start(100);
this.partialText.set('html', '100% | {sent} / {total}'.substitute(
{
'sent' : this.sizeToKB(file.size),
'total' : this.sizeToKB(file.size)
}));
},
onError: function(file, error, info)
{
this.log('Upload "' + file.name + '" failed. "{1}": "{2}".', arguments);
(this.options.fileError || this.fileError).call(this, this.finishFile(file), error, info);
},
onCancel: function()
{
this.log('Filebrowser cancelled.', arguments);
},
onAllComplete: function(current)
{
this.log('Completed all files, ' + current.bytesTotal + ' bytes.', arguments);
this.updateOverall(current.bytesTotal);
this.totalProgressFx.start(100);
this.totalText.set('html', '100% | {sent} / {total}'.substitute(
{
'sent' : this.sizeToKB(current.bytesLoaded),
'total' : this.sizeToKB(current.bytesTotal)
}));
if (this.errors == 0)
{
$('afterUploadText').set('html', 'Hochladen erfolgreich: Deine {count} Bilder wurden erfolgreich in das Album "{albumTitle}" geladen und angelegt. Dein Album kannst Du jetzt bei Bedarf weiter bearbeiten. Dies kannst Du aber auch zu einem späteren Zeitpunkt vornehmen.'.substitute(
{
'count':this.files.length,
'albumTitle':this.albumTitle
}));
}
else if (this.errors == this.files.length)
{
$('afterUploadText').set('html', 'Fehler beim Hochladen: Deine Bilder konnten nicht in das Album "{albumTitle}" geladen werden.'.substitute(
{
'albumTitle':this.albumTitle
}));
}
else
{
$('afterUploadText').set('html', 'Fehler beim Hochladen: {errors} von Deinen {count} Bildern konnten nicht in das Album "{albumTitle}" geladen werden.'.substitute(
{
'count':this.files.length,
'errors':this.errors,
'albumTitle':this.albumTitle
}));
}
if (this.errors < this.files.length)
{
$('imageUpload').set('action', '/profile_media/edit_album/'+globalNumber+'/'+this.albumId);
var editButton = $('afterUploadEditAlbum');
editButton.removeEvents('click');
editButton.removeClass('inactive');
editButton.getParent().removeClass('inactive');
}
if (this.errors > 0)
{
MV_Overlay.show('/overlay/upload_errors', true);
}
},
browse: function(fileList)
{
var ret = this.parent(fileList);
if (ret !== true)
{
if (ret)
this.log('An error occured: ' + ret);
else
this.log('Browse in progress.');
}
else
{
this.log('Browse started.');
}
},
upload: function(options)
{
var ret = this.parent(options);
if (ret !== true)
{
this.log('Upload in progress or nothing to upload.');
if (ret)
alert(ret);
}
else
{
this.log('Upload started.');
}
},
removeFile: function(file)
{
var remove = this.options.fileRemove || this.fileRemove;
if (!file)
{
this.files.each(remove, this);
this.files.empty();
this.updateOverall(0);
}
else
{
if (!file.element)
file = this.getFile(file);
this.files.erase(file);
remove.call(this, file);
this.updateOverall(this.bytesTotal - file.size);
}
this.parent(file);
},
getFile: function(file)
{
var ret = null;
this.files.some(function(value)
{
if ((value.name != file.name) || (value.size != file.size))
return false;
ret = value;
return true;
});
return ret;
},
countFiles: function()
{
var ret = 0;
for (var i = 0, j = this.files.length; i < j; i++)
{
if (!this.files[i].finished)
ret++;
}
return ret;
},
updateOverall: function(bytesTotal)
{
this.bytesTotal = bytesTotal;
},
finishFile: function(file)
{
file = this.getFile(file);
file.element.removeClass('file-uploading');
file.finished = true;
return file;
},
fileCreate: function(file)
{
if (!this.fileUid)
this.fileUid = 0;
this.fileUid++;
var titleId = 'title_'+this.fileUid;
var titleName = 'media/title['+this.fileUid+']';
var catchwordsId = 'catchwords_'+this.fileUid;
var catchwordsName = 'media/catchwords['+this.fileUid+']';
var descriptionId = 'description_'+this.fileUid;
var descriptionName = 'media/description['+this.fileUid+']';
var hiddenName = 'media/id['+this.fileUid+']';
file.element = new Element('li',
{
'class': 'list_entry'
}).adopt(new Element('div',
{
'class': 'mcard expanded_card formElementsOnWhite'
}).adopt(new Element('div',
{
'class': 'media_wrapper mw_big'
}).adopt(new Element('a',
{
'href': '#'
})), new Element('dl',
{
'class': 'mcard_content'
}).adopt(new Element('dt',
{
'class': 'mcard_title'
}).adopt(new Element('label',
{
'for': titleId,
'text': 'Bildtitel'
})), new Element('dd',
{
'class': 'mcard_title'
}).adopt(new Element('input',
{
'type': 'text',
'id': titleId,
'name': titleName,
'class': 'fText',
'value': file.name
})), new Element('dt',
{
'class': 'mcard_catchwords'
}).adopt(new Element('label',
{
'for': catchwordsId,
'text': 'Suchbegriffe/tags'
})), new Element('dd',
{
'class': 'mcard_catchwords'
}).adopt(new Element('input',
{
'type': 'text',
'id': catchwordsId,
'name': catchwordsName,
'class': 'fText'
})), new Element('dt',
{
'class': 'mcard_description'
}).adopt(new Element('label',
{
'for': descriptionId,
'text': 'Kurzbeschreibung des Bildes'
})), new Element('dd',
{
'class': 'mcard_description last'
}).adopt(new Element('input',
{
'type': 'text',
'id': descriptionId,
'name': descriptionName,
'class': 'fText'
}), new Element('input',
{
'type': 'hidden',
'name': hiddenName,
'class': 'identifier'
}))), new Element('div',
{
'class': 'options'
}).adopt(new Element('div',
{
'class': 'options_inner'
}))));
updateScreenLayout(file.element);
file.element.inject(this.list, 'bottom');
},
fileComplete: function(file, response)
{
var json = $H(JSON.decode(response, true));
if (json.get('result') == 'success')
{
file.element.addClass('file-success');
file.mediaId = json.get('mediaId');
file.element.getElement('.media_wrapper a').adopt(new Element('img',
{
'src': json.get('src_130x130'),
'alt': 'Bildvorschau'
}));
}
else
{
this.errors++;
file.element.addClass('file-failed');
if (json.get('albumId'))
{
this.albumId = json.get('albumId');
}
this.log('failure: '+json.get('message'));
}
},
fileError: function(file, error, info)
{
file.element.addClass('file-failed');
},
fileRemove: function(file)
{
file.element.fade('out').retrieve('tween').chain(Element.destroy.bind(Element, file.element));
},
log: function(text, args)
{
if (this.options.debug && window.console)
console.log(text.substitute(args ||
{}));
}
});
/**
* ProfileImageUpload - Upload for profile edit page, based on digitaralds FancyUpload2
*
*/
var ProfileImageUpload = new Class(
{
Extends: Swiff.Uploader,
options:
{
limitSize: false,
limitFiles: 1,
instantStart: false,
allowDuplicates: false,
validateFile: function(file) // provide a function that returns true for valid and false for invalid files.
{
var parts = file.name.split('.');
if (parts.length > 2)
return false;
var type = parts.pop().toLowerCase();
var types = ['jpg', 'jpeg', 'gif', 'png'];
return types.contains(type);
},
debug: false,
fileInvalid: function(file, errors) { // called for invalid files with error stack as 2nd argument
if (!this.errorShown) {
if (errors.contains('size')) {
new MessageBox('/overlay/message_box/400/'+file.name);
this.errorShown = true;
}
else if (errors.contains('custom')) {
new MessageBox('/overlay/message_box/401/'+file.name);
this.errorShown = true;
}
}
},
fileCreate: null, // creates file element after select
fileUpload: null, // called when file is opened for upload, allows to modify the upload options (2nd argument) for every upload
fileComplete: null, // updates the file element to completed state and gets the response (2nd argument)
fileRemove: null // removes the element
/**
* Events:
* onBrowse, onSelect, onAllSelect, onCancel, onBeforeOpen, onOpen, onProgress, onComplete, onError, onAllComplete
*/
},
initialize: function(options)
{
this.files = [];
if (options.callBacks)
{
this.addEvents(options.callBacks);
options.callBacks = null;
}
this.parent(options);
this.render();
this.currentFileName = $('userPortraitUploadFileName');
this.totalProgressFx = new Fx.ProgressBar($('userPortraitUploadProgressBar'));
this.totalText = $('userPortraitUploadProgressText');
this.previewImg = $('userPortraitUploadPreview');
this.submitButton = $('userPortraitUploadSubmit');
this.cancelButton = $('userPortraitUploadCancel');
},
render: function()
{
},
onLoad: function()
{
this.log('Uploader ready!');
},
onBeforeOpen: function(file, options)
{
this.log('Initialize upload for "{name}".', file);
var fn = this.options.fileUpload;
var obj = (fn) ? fn.call(this, this.getFile(file), options) : options;
return obj;
},
onOpen: function(file, overall)
{
this.log('Starting upload "{name}".', file);
this.totalProgressFx.cancel().set(0);
this.totalText.set('html', '0% | {sent} / {total}'.substitute(
{
'percent' : percent,
'sent' : this.sizeToKB(overall.bytesLoaded),
'total' : this.sizeToKB(overall.bytesTotal)
}));
},
onProgress: function(file, current, overall)
{
var percent = Math.round(100*overall.bytesLoaded/overall.bytesTotal);
this.totalProgressFx.start(overall.bytesLoaded, overall.bytesTotal);
this.totalText.set('html', '{percent}% | {sent} / {total}'.substitute(
{
'percent' : percent,
'sent' : this.sizeToKB(overall.bytesLoaded),
'total' : this.sizeToKB(overall.bytesTotal)
}));
},
onSelect: function(file, index, length)
{
if (this.allAdded) {
//remove all previously added files
this.removeFile();
this.allAdded = false;
}
var errors = [];
if (this.options.limitSize && (file.size > this.options.limitSize))
errors.push('size');
if (this.options.limitFiles && (this.countFiles() >= this.options.limitFiles))
errors.push('length');
if (!this.options.allowDuplicates && this.getFile(file))
errors.push('duplicate');
if (!this.options.validateFile.call(this, file, errors))
errors.push('custom');
this.errorShown = false;
if (errors.length)
{
var fn = this.options.fileInvalid;
if (fn)
fn.call(this, file, errors);
return false;
}
(this.options.fileCreate || this.fileCreate).call(this, file);
this.files.push(file);
this.currentFileName.set('text', file.name);
this.totalText.set('html', '0% | {sent} / {total}'.substitute(
{
'sent' : this.sizeToKB(0),
'total' : this.sizeToKB(file.size)
}));
return true;
},
onAllSelect: function(files, current, overall)
{
this.allAdded = true;
this.log('Added ' + files.length + ' files, now we have (' + current.bytesTotal + ' bytes).', arguments);
this.updateOverall(current.bytesTotal);
if (this.files.length && this.options.instantStart)
this.upload.delay(10, this);
},
onComplete: function(file, response)
{
this.log('Completed upload "' + file.name + '".', arguments);
(this.options.fileComplete || this.fileComplete).call(this, this.finishFile(file), response);
response = JSON.decode(response);
if (response.result == 'success')
{
var cropperLink = $$('.userPortraitEdit a');
if (cropperLink)
{
if (response.type == 'assocphoto')
cropperLink[0].set('href', "javascript:editAssocPhoto("+response.mediaId+");");
else
cropperLink[0].set('href', "javascript:editProfileImage("+response.mediaId+");");
}
}
else
{
MV_Overlay.show('/overlay/upload_error/'+response.reason, true);
}
},
onError: function(file, error, info)
{
this.log('Upload "' + file.name + '" failed. "{1}": "{2}".', arguments);
(this.options.fileError || this.fileError).call(this, this.finishFile(file), error, info);
MV_Overlay.show('/overlay/upload_errors/1', true);
},
onCancel: function()
{
this.log('Filebrowser cancelled.', arguments);
},
onAllComplete: function(current)
{
this.log('Completed all files, ' + current.bytesTotal + ' bytes.', arguments);
this.updateOverall(current.bytesTotal);
this.totalProgressFx.start(100);
this.totalText.set('html', '100% | {sent} / {total}'.substitute(
{
'sent' : this.sizeToKB(current.bytesLoaded),
'total' : this.sizeToKB(current.bytesTotal)
}));
},
browse: function(fileList)
{
var ret = this.parent(fileList);
if (ret !== true)
{
if (ret)
this.log('An error occured: ' + ret);
else
this.log('Browse in progress.');
}
else
{
this.log('Browse started.');
}
},
upload: function(options)
{
var ret = this.parent(options);
if (ret !== true)
{
this.log('Upload in progress or nothing to upload.');
if (ret)
alert(ret);
}
else
{
this.log('Upload started.');
}
},
removeFile: function(file)
{
var remove = this.options.fileRemove || this.fileRemove;
if (!file)
{
this.files.each(remove, this);
this.files.empty();
this.updateOverall(0);
}
else
{
if (!file.element)
file = this.getFile(file);
this.files.erase(file);
remove.call(this, file);
this.updateOverall(this.bytesTotal - file.size);
}
this.parent(file);
},
getFile: function(file)
{
var ret = null;
this.files.some(function(value)
{
if ((value.name != file.name) || (value.size != file.size))
return false;
ret = value;
return true;
});
return ret;
},
countFiles: function()
{
var ret = 0;
for (var i = 0, j = this.files.length; i < j; i++)
{
if (!this.files[i].finished)
ret++;
}
return ret;
},
updateOverall: function(bytesTotal)
{
this.bytesTotal = bytesTotal;
},
finishFile: function(file)
{
return file;
},
fileCreate: function(file)
{
//update text
},
fileComplete: function(file, response)
{
var json = $H(JSON.decode(response, true));
if (json.get('result') == 'success')
{
this.lastUploadedId = json.get('mediaId');
this.previewImg.set('src', json.get('src_130x130'));
this.submitButton.removeClass('inactive');
this.submitButton.getParent().removeClass('inactive');
if (this.cancelButton)
{
this.cancelButton.removeClass('inactive');
this.cancelButton.getParent().removeClass('inactive');
}
}
else
{
}
},
fileError: function(file, error, info)
{
},
fileRemove: function(file)
{
},
sizeToKB: function(size)
{
var unit = 'B';
if ((size / 1048576) > 1)
{
unit = 'MB';
size /= 1048576;
}
else
if ((size / 1024) > 1)
{
unit = 'kB';
size /= 1024;
}
return size.round(1) + ' ' + unit;
},
log: function(text, args)
{
if (this.options.debug && window.console)
console.log(text.substitute(args ||
{}));
},
//set uploaded pic as new profile pic
submit: function() {
//no image uploaded yet
if (!this.lastUploadedId)
return;
var ajax = new Request.JSON({
url : this.options.submitUrl,
onSuccess: function(jsonResponse, textResponse) {
if (jsonResponse.result = 'success') {
this.submitButton.addClass('inactive');
if (this.cancelButton)
this.cancelButton.addClass('inactive');
window.location.reload();
} else {
//TODO: Fehler ausgeben
}
}.bind(this)
});
ajax.send();
},
//delete uploaded pic
cancel: function()
{
//no image uploaded yet
if (!this.lastUploadedId)
return;
var ajax = new Request.JSON({
url : this.options.cancelUrl,
onSuccess: function(jsonResponse, textResponse)
{
if (jsonResponse.result = 'success')
{
this.previewImg.set('src', jsonResponse.src_130x130);
var cropperLink = $$('.userPortraitEdit a');
if (cropperLink)
{
if (jsonResponse.type == 'assocphoto')
cropperLink[0].set('href', "javascript:editAssocPhoto("+jsonResponse.mediaId+");");
else
cropperLink[0].set('href', "javascript:editProfileImage("+jsonResponse.mediaId+");");
}
this.submitButton.addClass('inactive');
if (this.cancelButton)
this.cancelButton.addClass('inactive');
}
else
{
//TODO: Fehler ausgeben
}
}.bind(this)
});
ajax.send();
}
});
/**
* @todo Clean-up, into Date.js
*/
Date.parseDuration = function(sec)
{
var units = {}, conv = Date.durations;
for (var unit in conv)
{
var value = Math.floor(sec / conv[unit]);
if (value)
{
units[unit] = value;
if (!(sec -= value * conv[unit]))
break;
}
}
return units;
};
Date.fancyDuration = function(sec)
{
var ret = [], units = Date.parseDuration(sec);
for (var unit in units)
ret.push(units[unit] + Date.durationsAbbr[unit]);
return ret.join(', ');
};
Date.durations =
{
years: 31556926,
months: 2629743.83,
days: 86400,
hours: 3600,
minutes: 60,
seconds: 1,
milliseconds: 0.001
};
Date.durationsAbbr =
{
years: 'j',
months: 'm',
days: 'd',
hours: 'h',
minutes: 'min',
seconds: 'sec',
milliseconds: 'ms'
};
/**
* Class Messagebox
* displays a message box with buttons to close it,
* calls user defined callback function when buttons clicked
*/
var MessageBox = new Class({
options: {
shallClose : false,
onOk : false,
onYes : false,
onNo : false,
onCancel : false,
onLoad : false,
modal : true
},
initialize: function(url, options) {
$extend(this.options, options);
MV_Overlay.show(url, !this.options.modal, this.afterLoad.bind(this));
},
onOk: function() {
var closeMe = true;
if (this.options.onOk)
closeMe = this.options.onOk.run(null, this);
if (closeMe)
MV_Overlay.close();
return false;
},
onCancel: function() {
var closeMe = true;
if (this.options.onCancel)
closeMe = this.options.onCancel.run(null, this);
if (closeMe)
MV_Overlay.close();
return false;
},
onYes: function() {
var closeMe = true;
if (this.options.onYes)
closeMe = this.options.onYes.run(null, this);
if (closeMe)
MV_Overlay.close();
return false;
},
onNo: function() {
var closeMe = true;
if (this.options.onNo)
closeMe = this.options.onNo.run(null, this);
if (closeMe)
MV_Overlay.close();
return false;
},
afterLoad: function() {
//add 'ok' onclick event
var mbox = this;
var content = MV_Overlay.OverlayContent;
content.getElements('.buttonOk').each(function(el) {
el.addEvent('click', mbox.onOk.bind(mbox));
});
//add 'cancel' onclick event
content.getElements('.buttonCancel').each(function(el) {
el.addEvent('click', mbox.onCancel.bind(mbox));
});
//add 'yes' onclick event
content.getElements('.buttonYes').each(function(el) {
el.addEvent('click', mbox.onYes.bind(mbox));
});
//add 'no' onclick event
content.getElements('.buttonNo').each(function(el) {
el.addEvent('click', mbox.onNo.bind(mbox));
});
$('Overlay').setStyle('top', '260px');
$('Overlay').setStyle('left', '140px');
if (this.options.onLoad)
this.options.onLoad.run(content, this);
},
swicthLayout: function(type, options) {
if(type == 'message') {
$('OverlayContent').getElement('.box_content').set('html', options.text);
var no = $('OverlayContent').getElement('.box_options_list').getFirst();
var yes = no.getNext();
no.getElement('a').set('html', options.butText);
yes.setStyle('display', 'none');
}
}
});
/**
* Class RemovalList
*
*/
var RemovalList = new Class(
{
inputIndex: 0,
options: {},
initialize: function(list, fieldName, options)
{
this.list = list;
this.fieldName = fieldName;
$extend(this.options, options);
this.inputIndex = this.list.getElements('input').length;
},
addItem: function(fieldValue, content)
{
//is item already inserted?
var alreadyInserted = this.list.getElements('input').some(function(el)
{
return el.get('value') == fieldValue;
});
if (alreadyInserted)
return;
var label = new Element('label',
{
'html': ''
});
var listItem = new Element('li',
{
'html': content
}).adopt(label);
label.addEvent('mouseover', function()
{
this.getParent().toggleClass('hover');
});
label.addEvent('mouseout', function()
{
this.getParent().toggleClass('hover');
});
label.addEvent('click', function()
{
if (this.getParent('.removalList').getChildren().length > 1)
{
this.getParent().destroy();
}
});
listItem.inject(this.list);
this.inputIndex++;
}
});
var deleteReport = function(reportId)
{
new MessageBox('/overlay/question_box/400',{
onYes: function(){
new Request({
url: '/profile_reports/delete_report/'+reportId,
onSuccess: function(){
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var deleteReportFromAssoc = function(reportId, assocId) {
new MessageBox('/overlay/question_box/400', {
onYes: function() {
new Request({
url: '/association_reports/delete/'+assocId+'/'+reportId,
onSuccess: function() {
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var publishReportFromAssoc = function(reportId, assocId, client) {
new MessageBox('/overlay/question_box/401/' + client, {
onYes: function() {
new Request({
url: '/association_reports/publish/'+assocId+'/'+reportId,
onSuccess: function() {
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var removePublishReportFromAssoc = function(reportId, assocId, client) {
new MessageBox('/overlay/question_box/402/' + client, {
onYes: function() {
new Request({
url: '/association_reports/removePublishing/'+assocId+'/'+reportId,
onSuccess: function() {
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var deleteMember = function(userId, assocId) {
new MessageBox('/overlay/question_box/500', {
onYes: function() {
new Request({
url: '/association_members/delete_member/'+userId+'/'+assocId,
onSuccess: function(responseJSON, responseText) {
if (JSON.decode(responseJSON).result == 'success'){
window.location.reload();
} else {
this.switchLayout('message', {
'text': JSON.decode(responseJSON).message,
'butText': 'Schließen'
});
}
}.bind(this)
}).send();
return false;
}.bind(this)
})
return false;
};
var deleteFriend = function(userId, friendId)
{
new MessageBox('/overlay/question_box/600',
{
onYes: function()
{
new Request(
{
url: '/friends/reject_friend/'+userId+'/'+friendId,
onSuccess: function()
{
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}
.bind(this)
}).send();
return true;
}
.bind(this)
})
return false;
};
var deleteAssocFriend = function(assocId, twinAssocId, messageId)
{
new MessageBox('/overlay/question_box/'+messageId,
{
onYes: function()
{
new Request(
{
url: '/association_friends/reject_friendship/'+assocId+'/'+twinAssocId,
onSuccess: function(responseJSON, responseText)
{
if (JSON.decode(responseJSON).result == 'success')
{
window.location.reload();
}
else
{
this.switchLayout('message', {'text': JSON.decode(responseJSON).message, 'butText': 'Schließen'});
}
}.bind(this)
}).send();
return false;
}.bind(this)
})
return false;
};
/* func for patrick */
function deleteDivision(divId, assocId)
{
new MessageBox('/overlay/delete_division/'+divId+'/'+globalNumber,
{
onYes: function()
{
new Request(
{
url: '/association_divisions/delete/'+divId,
onSuccess: function()
{
window.location = '/association_divisions/divisions/'+assocId;
}.bind(this)
}).send();
return true;
}.bind(this)
})
}
function deleteTeam(teamId, assocId)
{
new MessageBox('/overlay/delete_team/'+teamId+'/'+globalNumber,
{
onYes: function()
{
new Request(
{
url: '/association_teams/delete/'+teamId,
onSuccess: function()
{
window.location = '/association_teams/teams/'+assocId;
}.bind(this)
}).send();
return true;
}.bind(this)
})
}
function deleteGroup(groupId)
{
new MessageBox('/overlay/delete_group/'+groupId+'/'+globalNumber,
{
onYes: function()
{
new Request(
{
url: '/groups/delete/'+globalNumber+'/'+groupId,
onSuccess: function()
{
window.location = '/groups/accepted/'+globalNumber;
}.bind(this)
}).send();
return true;
}.bind(this)
})
}
/* func for patrick */
function leaveGroup(groupId)
{
new MessageBox('/overlay/leave_group/'+groupId+'/'+globalNumber,
{
onYes: function()
{
new Request(
{
url: '/groups/leave/'+globalNumber+'/'+groupId, //'/ajax/delete_media/'+groupId+'/'+globalNumber,
onSuccess: function()
{
window.location = '/groups/accepted/'+globalNumber;
}
.bind(this)
}).send();
return true;
}
.bind(this)
})
}
/** funcs by patrick **/
function leaveAssoc(assocId) {
new MessageBox('/overlay/leave_assoc/'+assocId+'/'+globalNumber, {
onYes: function() {
new Request({
url: '/groups/leave/'+globalNumber+'/'+assocId, //'/ajax/delete_media/'+groupId+'/'+globalNumber,
onSuccess: function(){
//window.location = '/profile/memberships/'+globalNumber;
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
}
/**
* class for the farbwahl simple (image) cropper
* This is the javascript representation of the simple cropper. It contains functions
* to set values from flash to a html formular.
*/
var SimpleCropper = new Class(
{
Implements : Options,
options:
{
xName : 'cropped_x', /** id of the field that will contain the x coordinate */
yName : 'cropped_y', /** id of the field that will contain the y coordinate */
widthName : 'cropped_width', /** id of the field that will contain the width of the croparea */
heightName : 'cropped_height', /** id of the field that will contain the height of the croparea */
rotationName : 'cropped_rotation' /** id of the field that will contain the rotation of the image */
}, /** the options object contains the fieldnames */
x : null, /** will contain the field named by xName */
y : null, /** will contain the field named by yName */
width : null, /** will contain the field named by widthName */
height : null, /** will contain the field named by heightName */
rotation : null, /** will contain the field named by rotationName */
fieldsExist : false, /** indicates whether all fields do exist or not */
gotCropdata : false, /** if true, the form can be submitted */
/**
* constructor
* set new values for object properties and check whether all neccessary fields do exist
*
* @param Object options : object with optional attributes for formName, xName, yName, widthName, heightName
*/
initialize : function(options)
{
this.setOptions(options);
if ($(this.options.xName))
this.x = $(this.options.xName);
if ($(this.options.yName))
this.y = $(this.options.yName);
if ($(this.options.widthName))
this.width = $(this.options.widthName);
if ($(this.options.heightName))
this.height = $(this.options.heightName);
if ($(this.options.rotationName))
this.rotation = $(this.options.rotationName);
if (this.x != null && this.y != null && this.width != null && this.height != null && this.rotation != null)
this.fieldsExist = true;
else
alert('The image cropper will not work properly. Please check for missing fields.');
},
/**
* set the given values to the input fields
*
* @param Number x : the top left corners x position of the cropper area
* @param Number y : the top left corners y position of the cropper area
* @param Number width : the width of the cropper area
* @param Number height : the height of the cropper area
* @param Number rotation : the rotation of the image
*/
setValues : function(x, y, width, height, rotation)
{
if (this.fieldsExist)
{
this.x.value = Math.round(x);
this.y.value = Math.round(y);
this.width.value = Math.round(width);
this.height.value = Math.round(height);
this.rotation.value = rotation;
this.gotCropdata = true;
}
}
});
var reloadPage = false;
function deleteForumTopic(anchor)
{
new MessageBox('/overlay/question_box/800', {
onYes: function() {
window.location.href = $(anchor).get('href');
return true;
}.bind(this)
})
return false;
}
function editImage(id)
{
MV_Overlay.show('/overlay/image_cropper/'+id, true, startImageCropper);
}
function editProfileImage(id) {
if (id > 0)
MV_Overlay.show('/overlay/image_cropper/'+id+'/false', true, startImageCropper);
}
function editAssocPhoto(id) {
if (id > 0)
MV_Overlay.show('/overlay/image_cropper/'+id+'/false', true, startImageCropperAssocPhoto);
}
function checkCropped(formular, mediaId, reopenGallery) {
formular = $(formular);
var myRequest = new Request.JSON({
'url':formular.action,
'data':formular.toQueryString(),
onSuccess: function(responseJSON, responseText)
{
if (responseJSON.result == 'success')
{
responseJSON.changes.each(function(pair) {
replaceImages(pair[0], pair[1]);
});
MV_Overlay.close();
if(reopenGallery)
MV_Overlay.show('/overlay/media_album_galerie/'+mediaId, true, startAlbumGalerie);
//else
// window.location.reload();
}
}
}).send();
return false;
}
var simpleCropper; // in this variable the simple cropper object is stored
function startImageCropperAssocPhoto() {
startImageCropper(420, 120, true);
}
function startImageCropper(width, height, limit)
{
if (limit === null) limit = true;
/*
* The real image crop size is calculated as followed:
* width = cropperWidth - 2 * overlayWidth
* height = cropperHeight - 2 * overlayHeight
*
* This are optional flashVars:
* cropperWidth Integer : flash objects width
* cropperHeight Integer : flash objects height - 45px
* overlayWidth Integer : the width of the overlays left and right bar
* overlayHeight Integer : the height of the overlays top and bottom bar
* overlayColor hexadecimal (0xffffff) : the color that is used for the overlay
* overlayOpacity float (from 0.0 to 1.0) : the opacity the overlayColor is painted
* overlayBorderWidth Integer : the width of the border around the clipping area
* overlayBorderColor hexadecimal (0xffffff) : the color of the clipping areas border
* overlayBorderOpacity float (from 0.0 to 1.0) : the opacity the overlayBorderColor is painted
* underlayColor hexadecimal (0xffffff) : this is the color in the back of the image and the overlay
* limitMinimumSize Boolean : if set to true, it will not be possible to scale the images to a bordered size
*/
if (!width) width = 230;
if (!height) height = 230;
var flashVars = {file: $('cropperDiv').get('title'),
jsObject: 'simpleCropper',
cropperWidth: 630,
cropperHeight: 432,
overlayWidth: (630-width)/2,
overlayHeight: (432-height)/2,
//limitMinimumSize: limit ? 'true' : 'false',
limitMinimumSize: 'true',
overlayColor: 0x000000,
underlayColor: 0xffffff
};
var parameter =
{
quality: 'best',
loop: 'false',
scale: 'noscale',
wmode: 'window',
devicefont: 'false',
bgcolor: '#ffffff',
menu: 'false',
allowFullScreen: 'false',
allowScriptAccess:'sameDomain',
salign: 'lt'
};
var attributes =
{
id: 'simplecropper',
name: 'simplecropper',
align: 'middle'
};
swfobject.embedSWF("/flash/simplecropper.swf", "cropperDiv", "630", "472", "9.0.0", "", flashVars, parameter);
simpleCropper = new SimpleCropper();
}
//----------- button, dropdown and card events -----------//
var openAlbum = function()
{
//event.stop();
MV_Overlay.show('/overlay/album_galerie/'+this.albumId, true, startAlbumGalerie);
return false;
};
var openAnyAlbum = function(albumId) {
MV_Overlay.show('/overlay/album_galerie/'+albumId, true, startAlbumGalerie);
return false;
}
var openMedia = function(event)
{
event.stop();
MV_Overlay.show('/overlay/media_album_galerie/'+this.mediaId, true, startAlbumGalerie);
return false;
};
var openVideo = function(event)
{
event.stop();
showVideo(this.mediaId);
return false;
};
var showVideo = function(identifier) {
var startVideoOnly = function() {
$('Overlay').setStyle('left', '160px');
var videoFile = $('file').get('title');
var videoWidth = $('width').get('title');
var videoHeight = $('height').get('title');
var videoDuration = $('duration').get('title');
var showRoom = $('show_room');
showRoom.set('html', '');
startVideoPlayer(videoFile, videoWidth, videoHeight, videoDuration);
};
MV_Overlay.show('/overlay/show_video/'+identifier, true, startVideoOnly);
}
var deleteMedia = function(mediaId) {
//event.stop();
new MessageBox('/overlay/question_box/300', {
onYes: function() {
//alert(mediaId);
new Request({
url: '/ajax/delete_media/'+mediaId,
onSuccess: function() {
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var deleteImageLink = function(mediaId, userId) {
new MessageBox('/overlay/question_box/303', {
onYes: function() {
new Request({
url: '/ajax/delete_image_link/'+mediaId+'/'+userId,
onSuccess: function(htmlResponse, xmlResponse) {
var response = JSON.decode(htmlResponse)
if (JSON.decode(htmlResponse).result = 'success')
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var deleteMediaFromAssoc = function(assocId, mediaId) {
//event.stop();
new MessageBox('/overlay/question_box/300', {
onYes: function() {
new Request({
url: '/ajax/delete_media_from_assoc/' + assocId + '/' + mediaId,
onSuccess: function() {
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}.bind(this)
}).send();
return true;
}.bind(this)
})
return false;
};
var deleteSurvey = function(surveyId)
{
new MessageBox('/overlay/question_box/300',
{
onYes: function()
{
new Request(
{
url: '/ajax/delete_survey/'+surveyId,
onSuccess: function()
{
window.location.reload();
}
}).send();
return true;
}
});
return false;
};
var deleteAlbum = function(albumId)
{
//event.stop();
new MessageBox('/overlay/question_box/301',
{
onYes: function()
{
new Request(
{
url: '/ajax/delete_album/'+albumId,
onSuccess: function()
{
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}
.bind(this)
}).send();
return true;
}
.bind(this)
})
return false;
};
var deleteAlbumFromAssoc = function(assocId, albumId, assocTitle)
{
//event.stop();
new MessageBox('/overlay/question_box/302/' + assocTitle,
{
onYes: function()
{
new Request(
{
url: '/ajax/delete_album_from_assoc/' + assocId + '/' + albumId,
onSuccess: function()
{
//this.getParent('.mcard').getParent().destroy();
window.location.reload();
}
.bind(this)
}).send();
return true;
}
.bind(this)
})
return false;
};
var offerFriendship = function(event)
{
event.stop();
new Request(
{
url: '/friends/friend_request/'+globalNumber+'/'+this.userId,
onSuccess: function()
{
new MessageBox('/overlay/message_box_for_friend_request/'+this.userId);
}
.bind(this)
}).send();
return false;
};
var checkForInterest = function()
{
if ($('interests'))
{
var textInput = $('interests');
var addButton = $('addInterest');
var overviewLink = $('showAllInterests');
var interestList = $('interestList');
if (textInput && addButton && overviewLink && interestList)
{
var rl = new RemovalList(interestList, 'interests/id');
var addNewInterest = function(title)
{
new MessageBox('/overlay/add_interest/' + title,
{
modal: true,
onOk: function()
{
//validate input
var errors = false;
if (this.interestDescription.get('value') == '')
{
this.interestDescription.addClass('error');
errors = true;
}
else
this.interestDescription.removeClass('error');
if (this.justifyCategory.get('value') == '')
{
this.justifyCategory.addClass('error');
errors = true;
}
else
this.justifyCategory.removeClass('error');
if (!errors)
{
//add new category
var request = new Request.JSON(
{
url: '/ajax/add_interest/' + title,
data: this.form.toQueryString(),
onSuccess: function(json, text)
{
if (json && json.result == 'success')
{
textInput.set('value', '');
rl.addItem(json.interestId, title);
}
}
});
request.send();
return true;
}
},
onLoad: function(content)
{
var categoryText = content.getElement('#newInterestSelectedCategory');
this.categoryText = categoryText;
this.form = content.getElement('#addInterest');
this.categorySelection = content.getElement('#newInterestCategory');
this.categorySelection.addEvent('change', function()
{
var index = this.selectedIndex;
var text = this.getElements('option')[index].get('text');
categoryText.set('text', text);
});
this.interestDescription = content.getElement('#newInterestDescription');
this.justifyCategory = content.getElement('#justifyCategory');
}
});
};
addButton.addEvent('click', function()
{
var title = textInput.get('value');
if (title.length < 3)
return false;
//try to find interest in database
var myRequest = new Request.JSON(
{
'url': '/ajax/get_interest_by_title/',
onSuccess: function(json, text)
{
//found something
if (json.id)
{
//found an exact match
if (!json.similar)
{
textInput.set('value', '');
rl.addItem(json.id, json.title);
}
//found sth similar
else
{
//open message box "did you mean ...?"
new MessageBox('/overlay/question_box/200/' + escape(json.title),
{
modal: false,
onYes: function()
{
textInput.set('value', '');
rl.addItem(json.id, json.title);
},
onNo: function()
{
addNewInterest(title);
}
});
}
}
//found nothing
else
{
//open message box "do you want to add that interest ...?"
new MessageBox('/overlay/question_box/201/' + escape(title),
{
modal: false,
//open next overlay
onYes: function()
{
addNewInterest(title);
}
});
}
}
});
myRequest.send('title/title='+encodeURIComponent(title));
return false;
});
overviewLink.addEvent('click', function()
{
new MessageBox('/overlay/all_interests',
{
modal: false
});
MV_Overlay.removalList = rl;
return false;
});
}
}
}
var CardFormSelector = new Class(
{
Implements: Options,
options:
{
formId: 'imageSelection',
ajaxId: 'ajax'
},
formObj: null,
fieldsetIn: null,
fieldsetOut: null,
ulIn: null,
ulOut: null,
paginationTarget: null,
textLiIn: new Element('li', {'class': 'hints textLi', 'html': 'Keine Bilder ausgewählt!'}),
textLiOut: new Element('li', {'class': 'hints textLi', 'html': 'Keine Bilder vorhanden!'}),
status: true,
initialize: function(options)
{
this.setOptions(options);
this.initForm();
this.initButtons(this.ulIn);
this.initButtons(this.ulOut);
this.initHiddenInputs();
//this.checkStatus();
},
initForm: function()
{
this.formObj = $(this.options.formId);
if (this.formObj == null)
{
this.status = false;
}
else
{
this.fieldsetIn = this.formObj.getElement('.'+this.options.formId+'_In');
this.fieldsetOut = this.formObj.getElement('.'+this.options.formId+'_Out');
if(this.fieldsetIn == null || this.fieldsetOut == null)
this.status = false;
else
{
this.ulIn = this.fieldsetIn.getElement('.card_list');
this.ulOut = this.fieldsetOut.getElement('.card_list');
this.paginationTarget = this.ulOut.getParent('.paginationTarget');
this.paginationTarget.ajaxPaginationAfterExchange = this.afterPaginationCallback.bind(this);
if(this.ulIn == null || this.ulOut == null)
this.status = false;
}
}
},
initButtons: function(rootNode)
{
if(this.status)
{
var idPrefix = rootNode == this.ulIn ? 'incard_' : 'outcard_';
var removeButtons = rootNode.getElements('.mcard.image a.remove');
var addButtons = rootNode.getElements('.mcard.image a.add');
removeButtons.each(function(item, index) {
this.addEvent('remove', item);
this.getLiElement(item).set('id', idPrefix+this.getIdFromCard(item));
}.bind(this));
addButtons.each(function(item, index) {
this.addEvent('add', item);
this.getLiElement(item).set('id', idPrefix+this.getIdFromCard(item));
}.bind(this));
}
},
initHiddenInputs: function()
{
if(this.status)
{
var removeButtons = this.ulIn.getElements('.mcard.image a.remove');
removeButtons.each(function(item, index) {
this.createHiddenInput(this.getIdFromCard(item));
}.bind(this));
}
},
afterPaginationCallback: function(box) {
this.paginationTarget = box;
this.initButtons(box);
},
addEvent: function(type, item)
{
if (this.status)
{
if (type == 'remove')
{
item.removeEvents();
item.addEvent('click', function()
{
this.removeItem(item);
}.bind(this));
item.removeClass('add');
item.addClass('remove');
}
else
{
item.removeEvents();
item.addEvent('click', function()
{
this.addItem(item);
}.bind(this));
item.removeClass('remove');
item.addClass('add');
}
}
},
getIdFromCard: function(item)
{
var id = item.getProperty('href').substr(1);
return id;
},
createHiddenInput: function(id)
{
if(this.status)
{
var input = new Element('input', {
'name': this.options.formId+'/ids[]',
'id': this.options.formId+'_ids_'+id,
'value': id,
'type': 'hidden'
});
input.inject(this.formObj, 'top');
}
},
removeItem: function(item)
{
if (this.status)
{
if (this.checkEmptyElements('out'))
{
if(this.ulOut.getElement('.textLi'))
this.ulOut.getElement('.textLi').destroy();
}
var id = this.getIdFromCard(item);
$(this.options.formId+'_ids_'+id).destroy();
$('incard_'+id).destroy();
var outCard = $('outcard_'+id);
if (outCard) {
var button = outCard.getElement('a.remove');
this.addEvent('add', button);
}
if(!this.checkEmptyElements('in'))
{
var copy = this.textLiIn.clone(true);
copy.inject(this.ulIn);
}
}
},
addItem: function(item)
{
if (this.status)
{
if (this.checkEmptyElements('in'))
{
if(this.ulIn.getElement('.textLi'))
this.ulIn.getElement('.textLi').destroy();
}
var id = this.getIdFromCard(item);
var li = this.getLiElement(item);
this.addEvent('remove', item);
this.createHiddenInput(id);
var clone = li.clone();
clone.set('id', 'incard_'+id);
clone.inject(this.ulIn);
var originalElements = li.getElements('a, .media_wrapper');
var clonedElements = clone.getElements('a, .media_wrapper');
clonedElements.each(function(elem,index) {
elem.cloneEvents(originalElements[index]);
elem.mediaId = id;
});
if(!this.checkEmptyElements('out'))
{
var copy = this.textLiOut.clone(true);
copy.inject(this.ulOut);
}
}
},
getLiElement: function(item)
{
if (this.status)
{
return item.getParent('.list_entry');
}
},
checkStatus: function()
{
if(this.status == false)
console.log('CardFormSelector: Error');
else
console.log('CardFormSelector: Success');
},
checkEmptyElements: function(type)
{
if(this.status)
{
if(type == 'out')
{
if(this.ulOut.getChildren().length == 0)
return false;
else
return true;
}
else
{
if(this.ulIn.getChildren().length == 0)
return false;
else
return true;
}
}
}
});
/**
* Replaces all images with a certain src.
* Useful when profile images are changed via ajax
* [SU]
*/
function replaceImages(oldSrc, newSrc) {
if (!oldSrc || !newSrc)
return false;
var images = $$('img[src='+oldSrc+']');
images.each(function(img) {
img.src = newSrc;
});
return images.length > 0;
}
function autoclearFocus() {
if (this.get('value') == this.autoclearText)
this.set('value', '');
}
function autoclearBlur() {
if (this.get('value') == '')
this.set('value', this.autoclearText);
}
function submitPinboard(pinboardForm) {
//send form
pinboardForm = $(pinboardForm);
var url = $('assocPinboardUrl').get('value');
new Request({
'url':pinboardForm.action,
'data':pinboardForm.toQueryString(),
'onSuccess': function() {
ajaxPagination(pinboardForm.getParent('.box'), url);
}
}).send();
}
// Javascript Email Verschlüsselung
function CryptMailto(mail, target)
{
var n = 0;
var r = "";
var s = "mailto:"+mail;
var e = mail;
e = e.replace( /@/, " [at] ");
e = e.replace( /\./g, " [dot] ");
for( var i=0; i < s.length; i++ )
{
n = s.charCodeAt( i );
if( n >= 8364 )
{
n = 128;
}
r += String.fromCharCode(n+1);
}
if($(target))
{
$(target).getParent().set('html',''+ e +'');
}
//document.forms[0].cyptedEmailField.value = r;
//document.forms[0].HTMLCyptedEmailField.value = ""+ e +"";
}
function UnCryptMailto( s )
{
var n = 0;
var r = "";
for( var i = 0; i < s.length; i++)
{
n = s.charCodeAt( i );
if( n >= 8364 )
{
n = 128;
}
r += String.fromCharCode( n - 1 );
}
return r;
}
function linkTo_UnCryptMailto( s )
{
location.href=UnCryptMailto( s );
}
///////////////////////////////////////////////////////
// overlay.js
// Class für overlay
var Overlay = new Class({
initialize : function() {
// Overlay wrapper
this.Overlay = new Element('div', {
'id' : 'Overlay'
});
this.Overlay.inject($('Body'), 'top');
// Overlay Content
this.OverlayContent = new Element('div', {
'id' : 'OverlayContent'
});
this.OverlayContent.inject(this.Overlay);
// overlay background
this.OverlayBG = new Element('div', {
'id' : 'OverlayBG'
});
this.OverlayBG.setStyles({
opacity : 0.3,
display : 'none'
});
// ie4 anpassungen
if (Browser.Engine.trident4) {
this.OverlayBG.setStyles({
width : window.getSize().x,
height : $('MeinVerein').getSize().y
});
/*
* window.addEvent('scroll', function(e){
* this.OverlayBG.setStyle('top', window.getScroll().y); });
*/
window.addEvent('resize', function(e) {
this.OverlayBG.setStyles({
width : window.getSize().x,
height : $('MeinVerein').getSize().y
});
});
}
this.OverlayBG.inject($('Body'), 'top');
this.OverlayBG
.set('html',
'
*/
var swfobject=function(){var b="undefined",Q="object",n="Shockwave Flash",p="ShockwaveFlash.ShockwaveFlash",P="application/x-shockwave-flash",m="SWFObjectExprInst",j=window,K=document,T=navigator,o=[],N=[],i=[],d=[],J,Z=null,M=null,l=null,e=false,A=false;var h=function(){var v=typeof K.getElementById!=b&&typeof K.getElementsByTagName!=b&&typeof K.createElement!=b,AC=[0,0,0],x=null;if(typeof T.plugins!=b&&typeof T.plugins[n]==Q){x=T.plugins[n].description;if(x&&!(typeof T.mimeTypes!=b&&T.mimeTypes[P]&&!T.mimeTypes[P].enabledPlugin)){x=x.replace(/^.*\s+(\S+\s+\S+$)/,"$1");AC[0]=parseInt(x.replace(/^(.*)\..*$/,"$1"),10);AC[1]=parseInt(x.replace(/^.*\.(.*)\s.*$/,"$1"),10);AC[2]=/r/.test(x)?parseInt(x.replace(/^.*r(.*)$/,"$1"),10):0}}else{if(typeof j.ActiveXObject!=b){var y=null,AB=false;try{y=new ActiveXObject(p+".7")}catch(t){try{y=new ActiveXObject(p+".6");AC=[6,0,21];y.AllowScriptAccess="always"}catch(t){if(AC[0]==6){AB=true}}if(!AB){try{y=new ActiveXObject(p)}catch(t){}}}if(!AB&&y){try{x=y.GetVariable("$version");if(x){x=x.split(" ")[1].split(",");AC=[parseInt(x[0],10),parseInt(x[1],10),parseInt(x[2],10)]}}catch(t){}}}}var AD=T.userAgent.toLowerCase(),r=T.platform.toLowerCase(),AA=/webkit/.test(AD)?parseFloat(AD.replace(/^.*webkit\/(\d+(\.\d+)?).*$/,"$1")):false,q=false,z=r?/win/.test(r):/win/.test(AD),w=r?/mac/.test(r):/mac/.test(AD);/*@cc_on q=true;@if(@_win32)z=true;@elif(@_mac)w=true;@end@*/return{w3cdom:v,pv:AC,webkit:AA,ie:q,win:z,mac:w}}();var L=function(){if(!h.w3cdom){return }f(H);if(h.ie&&h.win){try{K.write("
'
}));
}
});
/**
*
*/
/*--- Fancy Upload stuff ---*/
/**
* Fx.ProgressBar
*
* @version 1.0
*
* @license MIT License
*
* @author Harald Kirschner ');
this.Loader = $('Loader');
this.Loader.setStyle('opacity', 0);
// request
this.Request = new Request({
url : '/overlay/',
method : 'post',
onSuccess : function(result) {
this.tmpContent = result;
this.dumpRequested();
}.bind(this),
onFailure : function() {
this.Error = true;
}.bind(this)
});
// vars
this.tmpContent;
this.boolClick = true;
},
// parameters
// ajax [string] = controller address
// boolclick [bool] = if you can click on the overlay bg
// fn [function]= function that is executed, after overlay content
// is loaded
// params [Array]= parameters that have to be passed with executing
// the function
show : function(ajax, boolClick, fn, params) {
if (ajax) {
this.boolClick = boolClick;
// alle selects im IE6 wegschalten
if (Browser.Engine.trident4) {
$$('select').each(function(elem) {
elem.setStyle('display', 'none');
});
}
if (fn) {
this.contentFunction = fn;
if (params) {
this.cFParameters = params;
} else {
this.cFParameters = new Array();
}
}
// Position
var pos;
if (window.innerHeight) {
pos = window.innerHeight / 2 - 16;
} else if (document.body && document.body.offsetHeight) {
pos = document.body.offsetHeight / 2 - 16;
} else {
pos = 0;
}
this.Loader.setStyles({
'top' : pos,
'opacity' : 0
});
// anzeigen
this.showBg();
this.Loader.fade(1);
// requesten
this.Request.cancel();
this.Request.options.url = ajax;
this.Request.send();
} else {
// anzeigen
this.showBg();
this.Loader.fade(1);
this.tmpContent = fn();
this.dumpRequested();
}
},
contentFunction : null,
emptyContentFunction : function() {
this.contentFunction = null;
},
showBg : function() {
this.OverlayBG.setStyles({
'display' : 'block'
});
/*
* var Fx_show = new Fx.Morph(this.OverlayBG); Fx_show.start({
* opacity : 0.3 });
*/
// soll OverlyBG ggeklickt werden?
this.OverlayBG.addEvent('click', function(e) {
e.stop();
if (this.boolClick)
this.close();
return false;
}.bind(this));
},
dumpRequested : function() {
// styles
this.Loader.fade(0);
// this.Overlay.setStyle('opacity', 0);
this.Overlay.setStyle('display', 'block');
this.OverlayContent.setStyle('display', 'block');
this.OverlayContent.set('html', this.tmpContent);
updateScreenLayout(this.OverlayContent);
if (this.contentFunction) {
this.contentFunction.attempt(this.cFParameters);
}
// Position
var pos = window.getScroll().y + 100;
if (pos < 0) {
pos = 0;
}
this.OverlayContent.setStyles({
'top' : pos
});
// close_indicator
$$(this.OverlayContent.getElements('.close_indicator')).each(
function(elem) {
elem.removeEvents('click');
if (this.boolClick) {
elem.addEvent('click', function(e) {
e.stop();
MV_Overlay.close();
});
}
});
// effekt
// this.Overlay.fade(1);
},
close : function() {
// alle selects im IE6 wegschalten
if (Browser.Engine.trident4) {
$$('select').each(function(elem) {
elem.setStyle('display', 'block');
});
}
this.Request.cancel();
this.emptyContentFunction();
this.Loader.setStyle('opacity', 0);
this.OverlayBG.setStyle('display', 'none');
this.Overlay.setStyle('display', 'none');
this.OverlayContent.setStyle('display', 'none');
this.OverlayContent.set('html', '');
this.boolClick = true;
// reload page after cropping
if (reloadPage)
window.location.reload();
}
});
///////////////////////////////////////////////////////
// rating.js
//Class für rating
/*
element = class="rating"
*/
var Rating = new Class({
initialize: function(element){
this.element = element;
this.form = this.element.getElement('.formRating');
this.avgRating = this.element.getParent().getElement('.averageRating');
this.ratingCount = this.element.getParent().getElement('.ratingCount');
this.createEvents();
//request eigenschaften setzen
this.form.set('send', {
method : 'post',
onSuccess: function(responseText, responseXML){
var response = JSON.decode(responseText);
if(response.result == 'save'){
//.rating eliminieren
if(this.element.getPrevious('dt')) {this.element.getPrevious('dt').destroy();}
this.element.destroy();
//durchschnit setzten
this.avgRating.set('html', response.overallRating);
this.avgRating.getParent('.accessibility').toggleClass('accessibility');
//aktuelle bewertungen setzten
var actualRatings = this.ratingCount.get('html').toInt() + 1;
this.ratingCount.set('html', actualRatings);
}
}.bind(this)
});
//IE6 request
this.IE6Request = new Request({
method : 'post',
url : this.form.getProperty('action'),
onSuccess : function(responseText, responseXML){
var response = JSON.decode(responseText);
if(response.result == 'save'){
//.rating eliminieren
if(this.element.getPrevious('dt')) {this.element.getPrevious('dt').destroy();}
this.element.destroy();
//durchschnit setzten
this.avgRating.set('html', response.overallRating);
this.avgRating.getParent('.accessibility').toggleClass('accessibility');
//aktuelle bewertungen setzten
var actualRatings = this.ratingCount.get('html').toInt() + 1;
this.ratingCount.set('html', actualRatings);
}
}.bind(this)
});
},
createEvents: function(){
this.createdHidden = false;
this.form.getElements('label').each(function(elem){
elem.getElement('span').addEvents({
'mouseenter' : function(e){
e.stop();
this.form.toggleClass(elem.getElement('span').get('class'));
return false;
}.bind(this),
'mouseleave' : function(e){
e.stop();
this.form.toggleClass(elem.getElement('span').get('class'));
return false;
}.bind(this)
});
if(Browser.Engine.trident){
var input = elem.getElement('input');
elem.rating = input.value;
if(!this.createdHidden){
var Hidden = new Element('input',{'name': input.get('name'), 'type': 'hidden', 'id' : 'hiddenRating'}).inject(elem.getParent('fieldset'));
this.createdHidden = true;
}
elem.addEvent('click', function(e){
e.stop();
$('hiddenRating').value = elem.rating;
this.sendRating();
}.bind(this));
}
else
elem.getElement('input').addEvent('change', function(e){e.stop(); this.sendRating();}.bind(this));
}.bind(this));
},
sendRating: function(){
if(!Browser.Engine.trident){
this.form.send();
}
else{
//alle input type hidden bekommen
var post = '';
this.form.getElements('input').each(function(elem, index){
if(elem.get('type').test('hidden'))
post += elem.get('name') + '=' + elem.get('value') + '&';
});
this.IE6Request.send(post);
}
this.element.setStyle('height', this.element.getSize().y);
this.element.set('html', '');
this.element.addClass('loading_rating');
}
});
///////////////////////////////////////////////////////
// senseo.js
var dataBuffer = new Array();
function closeOverlay() {
var form = $('senseoform');
form.getElements('input').each(function(input) {
switch (input.type) {
case 'checkbox':
case 'radio':
if (input.checked) {
dataBuffer[input.id] = 'checked';
} else {
dataBuffer[input.id] = '';
}
break;
case 'text':
default:
if (input.value != '') {
dataBuffer[input.id] = input.value;
} else {
dataBuffer[input.id] = '';
}
break;
}
});
MV_Overlay.close();
}
function initSenseoForm() {
var form = $('senseoform');
form.addEvent('submit', function(e) {
e.stop();
var errors = 0;
form.getElements('.validate').each(function(input) {
if ((input.value == '') || ((input.type == 'checkbox') && (input.checked != true))) {
if (input.type == 'text') {
input.addClass('error').morph({
'border-color': '#f00',
'background-color': '#ffebe8'
});
} else if (input.type == 'checkbox') {
var checkbox_div = new Element('div', {
'class': 'error'
});
checkbox_div.wraps(input).morph({
'background-color': '#f00',
'padding-bottom': '2px',
'padding-top': '8px',
'padding-left': '2px',
'padding-right': '2px',
'display': 'inline'
});
}
errors++;
} else if ((input.hasClass('error') && (input.value != ''))) {
input.removeClass('error').morph({
'border-color': '#fff',
'background-color': '#fff'
});
}
});
if (errors) {
var error_msg = form.getElement('.error-message-box');
if (error_msg) {
error_msg.setStyles({
'opacity': '0',
'display': 'block'
});
error_msg.morph({
'opacity': '1'
});
} else {
var error_msg_div = new Element('div', {
'class': 'error-message-box',
'id': 'introtext',
'html': 'Bitte füllen Sie die Pflichtfelder aus!'
});
var introtext = $('introtext');
var errormsgbox = $('errormsgbox');
error_msg_div.inject(errormsgbox, 'after');
introtext.dispose();
error_msg_div.setStyles({
'opacity': '0',
'display': 'block'
});
error_msg_div.morph({
'opacity': '1'
});
}
}
if (!errors) {
this.set('send', {onComplete: function(response) {
if (response == 'fail') {
var msg_div = new Element('div', {
'class': 'error-message-box',
'id': 'introtext',
'html': 'Bei der Übermittlung ist etwas schief gegangen, probieren Sie es später noch einmal.'
});
} else if (response == 'success') {
var msg_div = new Element('div', {
'class': 'success-message-box',
'id': 'introtext',
'html': 'Die Bewerbung wurde erfolgreich übermittelt!'
});
}
var introtext = $('introtext');
var errormsgbox = $('errormsgbox');
msg_div.inject(errormsgbox, 'after');
introtext.dispose();
msg_div.setStyles({
'opacity': '0',
'display': 'block'
});
msg_div.morph({
'opacity': '1'
});
closeOverlay.delay(3000);
}});
this.send();
}
return false;
});
if (dataBuffer) {
for (var i in dataBuffer) {
if (typeof dataBuffer[i] == "function") continue;
if (dataBuffer[i] != 'checked') {
$(i).value = dataBuffer[i];
} else {
$(i).checked = 'checked';
}
}
}
}
///////////////////////////////////////////////////////
// suggestion.js
//Class für AjaxfText -> vorschlag als liste holen
/*
element = das fText, für die Vorschläge per Ajax geholt werden sollen
*/
var Suggestion = new Class({
initialize: function(element){
this.element = element;
if(this.element.getProperty('alt') == null || this.element.getProperty('alt') == '')
this.ajaxUrl = '/ajax/suggest/';
else if (this.element.getProperty('alt') != '__INUSE__')
this.ajaxUrl = this.element.getProperty('alt');
if (this.element.getProperty('alt') != '__INUSE__')
{
this.startValue = this.element.value;
this.elementName = this.element.name;
this.hiddenAltValue = this.element.id+'Alt';
element.setProperty('autocomplete', 'off');
this.searchValue;
this.searchId;
this.WrapperWidth = this.element.getStyle('padding-left').toInt() + this.element.getStyle('padding-right').toInt() + this.element.getStyle('width').toInt();
this.Wrapper = new Element('div', {'class': 'ajaxSuggWrapper', 'style': 'width: '+ this.WrapperWidth +'px'});
this.requestSuggestion = new Request({
url: this.ajaxUrl,
method: 'post',
onSuccess: function(result){this.tmpContent = result; this.dumpSuggestion();}.bind(this),
onFailure: function(){this.Error = true;}.bind(this)
});
this.tmpContent;
this.Highlighted = 0;
this.preHighlighted;
this.result_amount = 0;
this.result_isShown = false;
this.WrapperExists = false;
this.WrapperHover = false;
this.Wrapper.addEvent('mouseover',function(){this.WrapperHover = true;}.bind(this));
this.Wrapper.addEvent('mouseout',function(){this.WrapperHover = false;}.bind(this));
this.Error = false;
this.createEvent();
element.setProperty('alt', '__INUSE__');
}
},
getSuggestion: function(){
this.requestSuggestion.cancel();
this.requestSuggestion.send('search/type='+ this.elementName +'&search/term='+ this.searchValue);
},
dumpSuggestion: function(){
this.Wrapper.set('html', this.tmpContent);
//nur falls results zurückkommen
if(this.Wrapper.getElement('li')){
var tmpHeight = this.element.getStyle('height').toInt() + (2*this.element.getStyle('padding-top').toInt()) + (2*this.element.getStyle('border-width').toInt());
if(Browser.Engine.trident && this.element.getStyle('height').toInt() < 5)
tmpHeight = tmpHeight + 13;
this.Wrapper.setStyles({
'position': 'absolute',
'z-index': '2147483647',
top: this.element.getPosition().y + tmpHeight,
left: this.element.getPosition().x
});
//auf den einzelnen li muss event rauf
var tmpli = this.Wrapper.getElements('li');
this.result_amount = tmpli.length;
tmpli.each(function(elem){
this.createLiEvent(elem);
}.bind(this));
this.Wrapper.setStyle('display', 'block');
this.result_isShown = true;
if(!this.WrapperExists && !this.Error){
this.Wrapper.inject(document.body);
this.resetValues();
this.WrapperExists = true;
}
else{this.Error = false;}
}else{this.Wrapper.setStyle('display', 'none');}
},
createEvent: function(){
this.element.addEvents({
'keydown': function(e){
if(e.key.test('enter')){this.insertIntoElement(this.Wrapper.getElements('li')[this.Highlighted - 1]);this.reset(); return false;}
}.bind(this),
'keyup': function(e){
if(!e.key.test('left') || !e.key.test('right')){
if(e.key.test('enter')){return false;}
if(this.element.value.length > 1 && !(e.key.test('up') || e.key.test('down') )){
this.searchValue = escape(this.htmlToString(this.element.value));
this.resetValues();
this.getSuggestion();
}
if(this.result_isShown && (e.key.test('up') || e.key.test('down')) ){
this.changeHighlighted(e.key);
}
}
}.bind(this),
'blur' : function(e){
e.stop();
if(!this.WrapperHover){this.reset();}
if(this.element.value == ''){this.element.value = this.startValue;}
}.bind(this),
'focus' : function(e){
e.stop();
//console.log('oh');
if(this.element.value == this.startValue){this.element.value = '';}
}.bind(this)
});
},
createLiEvent: function(elem){
elem.addEvent('click', function(e){
e.stop();
this.insertIntoElement(elem);
this.reset();
//this.element.form.submit();
return false;
}.bind(this));
},
htmlToString: function(string){
string = string.replace(/&/g,'&').
replace(/>/g,'>').
replace(/ 1 && dir.test('up')){this.Highlighted--; tmpbool = true;}
if(tmpbool){
if( (this.preHighlighted >= 1) && (this.preHighlighted <= this.result_amount) ){
this.Wrapper.getElements('li')[this.preHighlighted -1].toggleClass('hover');
}
var newLi = this.Wrapper.getElements('li')[this.Highlighted - 1];
newLi.toggleClass('hover');
}
},
insertIntoElement: function(elem)
{
var alt = elem.getChildren('a')[0].getProperty('alt');
var txt = elem.getChildren('a')[0].get('text');
this.element.value = txt;
this.searchValue = this.element.value;
if(alt != null && $(this.hiddenAltValue))
$(this.hiddenAltValue).value = alt;
/*else
//console.log('HIDDEN NOT FOUND: '+this.hiddenAltValue);
*/
},
resetValues: function(){
this.Highlighted = 0;
this.result_amount = 0;
this.result_isShown = false;
},
reset: function(){
this.Wrapper.set('html', '');
this.Wrapper.setStyle('display', 'none');
this.resetValues();
}
});
///////////////////////////////////////////////////////
// swfobject.js
/* SWFObject v2.1