var FormCheck = new Class({
Implements: [Options, Events],
options: {
tipsClass: "fc-tbx",
errorClass: "fc-error",
fieldErrorClass: "fc-field-error",
trimValue: false,
validateDisabled: false,
submitByAjax: false,
ajaxResponseDiv: false,
ajaxEvalScripts: false,
onAjaxRequest: $empty,
onAjaxSuccess: $empty,
onAjaxFailure: $empty,
display: {
showErrors: 0,
titlesInsteadNames: 0,
errorsLocation: 1,
indicateErrors: 1,
indicateErrorsInit: 0,
keepFocusOnError: 0,
checkValueIfEmpty: 1,
addClassErrorToField: 0,
fixPngForIe: 1,
replaceTipsEffect: 1,
flashTips: 0,
closeTipsButton: 1,
tipsPosition: "right",
tipsOffsetX: -45,
tipsOffsetY: 0,
listErrorsAtTop: false,
scrollToFirst: true,
fadeDuration: 300
},
alerts: {
required: "This field is required.",
alpha: "This field accepts alphabetic characters only.",
alphanum: "This field accepts alphanumeric characters only.",
nodigit: "No digits are accepted.",
digit: "Please enter a valid integer.",
digitltd: "The value must be between %0 and %1",
number: "Please enter a valid number.",
email: "Please enter a valid email.",
phone: "Please enter a valid phone.",
url: "Please enter a valid url.",
confirm: "This field is different from %0",
differs: "This value must be different of %0",
length_str: "The length is incorrect, it must be between %0 and %1",
length_fix: "The length is incorrect, it must be exactly %0 characters",
lengthmax: "The length is incorrect, it must be at max %0",
lengthmin: "The length is incorrect, it must be at least %0",
checkbox: "Please check the box",
radios: "Please select a radio",
select: "Please choose a value"
},
regexp: {
required: /[^.*]/,
alpha: /^[a-z ._-]+$/i,
alphanum: /^[a-z0-9 ._-]+$/i,
digit: /^[-+]?[0-9]+$/,
nodigit: /^[^0-9]+$/,
number: /^[-+]?\d*\.?\d+$/,
email: /^[a-z0-9._%-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i,
phone: /^[\d\s ().-]+$/,
url: /^(http|https|ftp)\:\/\/[a-z0-9\-\.]+\.[a-z]{2,3}(:[a-z0-9]*)?\/?([a-z0-9\-\._\?\,\'\/\\\+&%\$#\=~])*$/i
}
},
initialize: function(C, A){
if (this.form = $(C)) {
this.form.isValid = true;
this.regex = ["length"];
this.setOptions(A);
if (typeof(formcheckLanguage) != "undefined") {
this.options.alerts = $merge(this.options.alerts, formcheckLanguage)
}
this.validations = [];
this.alreadyIndicated = false;
this.firstError = false;
var B = new Hash(this.options.regexp);
B.each(function(E, D){
this.regex.push(D)
}, this);
this.form.getElements("*[class*=validate]").each(function(D){
this.register(D)
}, this);
this.form.addEvents({
submit: this.onSubmit.bind(this)
});
if (this.options.display.fixPngForIe) {
this.fixIeStuffs()
}
document.addEvent("mousewheel", function(){
this.isScrolling = false
}
.bind(this))
}
},
register: function(el){
el.validation = [];
el.getProperty("class").split(" ").each(function(classX){
if (classX.match(/^validate(\[.+\])$/)) {
var validators = eval(classX.match(/^validate(\[.+\])$/)[1]);
for (var i = 0; i < validators.length; i++) {
el.validation.push(validators[i]);
if (validators[i].match(/^confirm\[/)) {
var field = eval(validators[i].match(/^.+(\[.+\])$/)[1].replace(/([A-Z0-9\._-]+)/i, "'$1'"));
if (this.form[field].validation.contains("required")) {
el.validation.push("required")
}
}
}
this.addListener(el)
}
}, this)
},
dispose: function(A){
this.validations.erase(A)
},
addListener: function(B){
this.validations.push(B);
B.errors = [];
if (this.options.display.indicateErrorsInit) {
this.validations.each(function(C){
if (!this.manageError(C, "submit")) {
this.form.isValid = false
}
}, this);
return true
}
if (B.validation[0] == "submit") {
B.addEvent("click", function(C){
this.onSubmit(C)
}
.bind(this));
return true
}
if (this.isChildType(B) == false) {
B.addEvent("blur", function(){
(function(){
if (!this.fxRunning && (B.element || this.options.display.showErrors == 1) && (this.options.display.checkValueIfEmpty || B.value)) {
this.manageError(B, "blur")
}
}
.bind(this)).delay(100)
}
.bind(this))
}
else {
if (this.isChildType(B) == true) {
var A = this.form.getElements('input[name="' + B.getProperty("name") + '"]');
A.each(function(C){
C.addEvent("blur", function(){
(function(){
if ((B.element || this.options.display.showErrors == 1) && (this.options.display.checkValueIfEmpty || B.value)) {
this.manageError(B, "click")
}
}
.bind(this)).delay(100)
}
.bind(this))
}, this)
}
}
},
validate: function(el){
el.errors = [];
el.isOk = true;
if (!this.options.validateDisabled && el.get("disabled")) {
return true
}
if (this.options.trimValue && el.value) {
el.value = el.value.trim()
}
el.validation.each(function(rule){
if (this.isChildType(el)) {
if (this.validateGroup(el) == false) {
el.isOk = false
}
}
else {
var ruleArgs = [];
if (rule.match(/^.+\[/)) {
var ruleMethod = rule.split("[")[0];
ruleArgs = eval(rule.match(/^.+(\[.+\])$/)[1].replace(/([A-Z0-9\._-]+)/i, "'$1'"))
}
else {
var ruleMethod = rule
}
if (this.regex.contains(ruleMethod) && el.get("tag") != "select") {
if (this.validateRegex(el, ruleMethod, ruleArgs) == false) {
el.isOk = false
}
}
if (ruleMethod == "confirm") {
if (this.validateConfirm(el, ruleArgs) == false) {
el.isOk = false
}
}
if (ruleMethod == "differs") {
if (this.validateDiffers(el, ruleArgs) == false) {
el.isOk = false
}
}
if (el.get("tag") == "select" || (el.type == "checkbox" && ruleMethod == "required")) {
if (this.simpleValidate(el) == false) {
el.isOk = false
}
}
if (rule.match(/%[A-Z0-9\._-]+$/i) || (el.isOk && rule.match(/~[A-Z0-9\._-]+$/i))) {
if (eval(rule.slice(1) + "(el)") == false) {
el.isOk = false
}
}
}
}, this);
if (el.isOk) {
return true
}
else {
return false
}
},
simpleValidate: function(A){
if (A.get("tag") == "select" && A.selectedIndex <= 0) {
A.errors.push(this.options.alerts.select);
return false
}
else {
if (A.type == "checkbox" && A.checked == false) {
A.errors.push(this.options.alerts.checkbox);
return false
}
}
return true
},
validateRegex: function(C, B, D){
var E = "";
if (D[1] && B == "length") {
if (D[1] == -1) {
this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + ",}$");
E = this.options.alerts.lengthmin.replace("%0", D[0])
}
else {
if (D[0] == D[1]) {
this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + "}$");
E = this.options.alerts.length_fix.replace("%0", D[0])
}
else {
this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + "," + D[1] + "}$");
E = this.options.alerts.length_str.replace("%0", D[0]).replace("%1", D[1])
}
}
}
else {
if (D[0] && B == "length") {
this.options.regexp.length = new RegExp("^.{0," + D[0] + "}$");
E = this.options.alerts.lengthmax.replace("%0", D[0])
}
else {
E = this.options.alerts[B]
}
}
if (D[1] && B == "digit") {
var A = true;
if (!this.options.regexp.digit.test(C.value)) {
C.errors.push(this.options.alerts[B]);
A = false
}
if (D[1] == -1) {
if (C.value >= D[0]) {
var F = true
}
else {
var F = false
}
E = this.options.alerts.digitmin.replace("%0", D[0])
}
else {
if (C.value >= D[0] && C.value <= D[1]) {
var F = true
}
else {
var F = false
}
E = this.options.alerts.digitltd.replace("%0", D[0]).replace("%1", D[1])
}
if (A == false || F == false) {
C.errors.push(E);
return false
}
}
else {
if (this.options.regexp[B].test(C.value) == false) {
C.errors.push(E);
return false
}
}
return true
},
validateConfirm: function(B, C){
var A = C[0];
if (B.value != this.form[A].value) {
if (this.options.display.titlesInsteadNames) {
var D = this.options.alerts.confirm.replace("%0", this.form[A].getProperty("title"))
}
else {
var D = this.options.alerts.confirm.replace("%0", A)
}
B.errors.push(D);
return false
}
return true
},
validateDiffers: function(A, C){
var B = C[0];
if (A.value == this.form[B].value) {
if (this.options.display.titlesInsteadNames) {
var D = this.options.alerts.differs.replace("%0", this.form[B].getProperty("title"))
}
else {
var D = this.options.alerts.differs.replace("%0", B)
}
A.errors.push(D);
return false
}
return true
},
isChildType: function(A){
return ($defined(A.type) && A.type == "radio") ? true : false
},
validateGroup: function(D){
D.errors = [];
var A = this.form[D.getProperty("name")];
D.group = A;
var C = false;
for (var B = 0; B < A.length; B++) {
if (A[B].checked) {
C = true
}
}
if (C == false) {
D.errors.push(this.options.alerts.radios);
return false
}
else {
return true
}
},
listErrorsAtTop: function(A){
if (!this.form.element) {
this.form.element = new Element("div", {
id: "errorlist",
"class": this.options.errorClass
}).injectTop(this.form)
}
if ($type(A) == "collection") {
new Element("p").set("html", "" + A[0].name + " : " + A[0].errors[0]).injectInside(this.form.element)
}
else {
if ((A.validation.contains("required") && A.errors.length > 0) || (A.errors.length > 0 && A.value && A.validation.contains("required") == false)) {
A.errors.each(function(B){
new Element("p").set("html", "" + A.name + " : " + B).injectInside(this.form.element)
}, this)
}
}
},
manageError: function(A, C){
var B = this.validate(A);
if ((!B && A.validation.flatten()[0].contains("confirm[")) || (!B && A.validation.contains("required")) || (!A.validation.contains("required") && A.value && !B)) {
if (this.options.display.listErrorsAtTop == true && C == "submit") {
this.listErrorsAtTop(A, C)
}
if (this.options.display.indicateErrors == 2 || this.alreadyIndicated == false || A.name == this.alreadyIndicated.name) {
if (!this.firstError) {
this.firstError = A
}
this.alreadyIndicated = A;
if (this.options.display.keepFocusOnError && A.name == this.firstError.name) {
(function(){
A.focus()
}).delay(20)
}
this.addError(A);
return false
}
}
else {
if ((B || (!A.validation.contains("required") && !A.value)) && A.element) {
this.removeError(A);
return true
}
}
return true
},
addError: function(C){
if (!C.element && this.options.display.indicateErrors != 0) {
if (this.options.display.errorsLocation == 1) {
var E = (this.options.display.tipsPosition == "left") ? C.getCoordinates().left : C.getCoordinates().right;
var B = {
opacity: 0,
position: "absolute",
"float": "left",
left: E + this.options.display.tipsOffsetX
};
C.element = new Element("div", {
"class": this.options.tipsClass,
styles: B
}).injectInside(document.body);
this.addPositionEvent(C)
}
else {
if (this.options.display.errorsLocation == 2) {
C.element = new Element("div", {
"class": this.options.errorClass,
styles: {
opacity: 0
}
}).injectBefore(C)
}
else {
if (this.options.display.errorsLocation == 3) {
C.element = new Element("div", {
"class": this.options.errorClass,
styles: {
opacity: 0
}
});
if ($type(C.group) == "object" || $type(C.group) == "collection") {
C.element.injectAfter(C.group[C.group.length - 1])
}
else {
C.element.injectAfter(C)
}
}
}
}
}
if (C.element && C.element != true) {
C.element.empty();
if (this.options.display.errorsLocation == 1) {
var D = [];
C.errors.each(function(F){
D.push(new Element("p").set("html", F))
});
var A = this.makeTips(D).injectInside(C.element);
if (this.options.display.closeTipsButton) {
A.getElements("a.close").addEvent("mouseup", function(){
this.removeError(C)
}
.bind(this))
}
C.element.setStyle("top", C.getCoordinates().top - A.getCoordinates().height + this.options.display.tipsOffsetY)
}
else {
C.errors.each(function(F){
new Element("p").set("html", F).injectInside(C.element)
})
}
if (!this.options.display.fadeDuration || Browser.Engine.trident && Browser.Engine.version == 5 && this.options.display.errorsLocation < 2) {
C.element.setStyle("opacity", 1)
}
else {
C.fx = new Fx.Tween(C.element, {
duration: this.options.display.fadeDuration,
ignore: true,
onStart: function(){
this.fxRunning = true
}
.bind(this) ,
onComplete: function(){
this.fxRunning = false;
if (C.element && C.element.getStyle("opacity").toInt() == 0) {
C.element.destroy();
C.element = false
}
}
.bind(this)
});
if (C.element.getStyle("opacity").toInt() != 1) {
C.fx.start("opacity", 1)
}
}
}
if (this.options.display.addClassErrorToField && this.isChildType(C) == false) {
C.addClass(this.options.fieldErrorClass);
C.element = C.element || true
}
},
addPositionEvent: function(A){
if (this.options.display.replaceTipsEffect) {
A.event = function(){
new Fx.Morph(A.element, {
duration: this.options.display.fadeDuration
}).start({
left: [A.element.getStyle("left"), A.getCoordinates().right + this.options.display.tipsOffsetX],
top: [A.element.getStyle("top"), A.getCoordinates().top - A.element.getCoordinates().height + this.options.display.tipsOffsetY]
})
}
.bind(this)
}
else {
A.event = function(){
A.element.setStyles({
left: A.getCoordinates().right + this.options.display.tipsOffsetX,
top: A.getCoordinates().top - A.element.getCoordinates().height + this.options.display.tipsOffsetY
})
}
.bind(this)
}
window.addEvent("resize", A.event)
},
removeError: function(A){
this.alreadyIndicated = false;
A.errors = [];
A.isOK = true;
window.removeEvent("resize", A.event);
if (this.options.display.errorsLocation >= 2 && A.element) {
new Fx.Tween(A.element, {
duration: this.options.display.fadeDuration
}).start("height", 0)
}
if (!this.options.display.fadeDuration || Browser.Engine.trident && Browser.Engine.version == 5 && this.options.display.errorsLocation == 1 && A.element) {
this.fxRunning = true;
A.element.destroy();
A.element = false;
(function(){
this.fxRunning = false
}
.bind(this)).delay(200)
}
else {
if (A.element && A.element != true) {
A.fx.start("opacity", 0)
}
}
if (this.options.display.addClassErrorToField && !this.isChildType(A)) {
A.removeClass(this.options.fieldErrorClass)
}
},
focusOnError: function(B){
if (this.options.display.scrollToFirst && !this.alreadyFocused && !this.isScrolling) {
if (!this.options.display.indicateErrors || !this.options.display.errorsLocation) {
var A = B.getCoordinates().top - 30
}
else {
if (this.alreadyIndicated.element) {
switch (this.options.display.errorsLocation) {
case 1:
var A = B.element.getCoordinates().top;
break;
case 2:
var A = B.element.getCoordinates().top - 30;
break;
case 3:
var A = B.getCoordinates().top - 30;
break
}
this.isScrolling = true
}
}
if (window.getScroll.y != A) {
new Fx.Scroll(window, {
onComplete: function(){
this.isScrolling = false;
B.focus()
}
.bind(this)
}).start(0, A)
}
else {
this.isScrolling = false;
B.focus()
}
this.alreadyFocused = true
}
},
fixIeStuffs: function(){
if (Browser.Engine.trident4) {
var F = new RegExp("url\\(([.a-zA-Z0-9_/:-]+.png)\\)");
var H = new RegExp("(.+)formcheck.css");
for (var C = 0; C < document.styleSheets.length; C++) {
if (document.styleSheets[C].href.match(/formcheck\.css$/)) {
var E = document.styleSheets[C].href.replace(H, "$1");
var D = document.styleSheets[C].rules.length;
for (var B = 0; B < D; B++) {
var I = document.styleSheets[C].rules[B].style;
var G = E + I.backgroundImage.replace(F, "$1");
if (G && G.match(/\.png/i)) {
var A = (I.backgroundRepeat == "no-repeat") ? "crop" : "scale";
I.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='" + G + "', sizingMethod='" + A + "')";
I.backgroundImage = "none"
}
}
}
}
}
},
makeTips: function(C){
var E = new Element("table");
E.cellPadding = "0";
E.cellSpacing = "0";
E.border = "0";
var D = new Element("tbody").injectInside(E);
var B = new Element("tr").injectInside(D);
new Element("td", {
"class": "tl"
}).injectInside(B);
new Element("td", {
"class": "t"
}).injectInside(B);
new Element("td", {
"class": "tr"
}).injectInside(B);
var H = new Element("tr").injectInside(D);
new Element("td", {
"class": "l"
}).injectInside(H);
var A = new Element("td", {
"class": "c"
}).injectInside(H);
var G = new Element("div", {
"class": "err"
}).injectInside(A);
C.each(function(I){
I.injectInside(G)
});
if (this.options.display.closeTipsButton) {
new Element("a", {
"class": "close"
}).injectInside(A)
}
new Element("td", {
"class": "r"
}).injectInside(H);
var F = new Element("tr").injectInside(D);
new Element("td", {
"class": "bl"
}).injectInside(F);
new Element("td", {
"class": "b"
}).injectInside(F);
new Element("td", {
"class": "br"
}).injectInside(F);
return E
},
reinitialize: function(){
this.validations.each(function(A){
if (A.element) {
A.errors = [];
A.isOK = true;
if (this.options.display.flashTips == 1) {
A.element.destroy();
A.element = false
}
}
}, this);
if (this.form.element) {
this.form.element.empty()
}
this.alreadyFocused = false;
this.firstError = false;
this.elementToRemove = this.alreadyIndicated;
this.alreadyIndicated = false;
this.form.isValid = true
},
submitByAjax: function(){
var A = this.form.getProperty("action");
this.fireEvent("ajaxRequest");
new Request({
url: A,
method: this.form.getProperty("method"),
data: this.form.toQueryString(),
evalScripts: this.options.ajaxEvalScripts,
onFailure: function(B){
this.fireEvent("ajaxFailure", B)
}
.bind(this) ,
onSuccess: function(B){
//alert('yop : '+A);
this.fireEvent("ajaxSuccess", B);
if (this.options.ajaxResponseDiv) {
$(this.options.ajaxResponseDiv).set("html", B)
}
}
.bind(this)
}).send()
},
onSubmit: function(A){
this.reinitialize();
this.validations.each(function(C){
var B = this.manageError(C, "submit");
if (!B) {
this.form.isValid = false
}
}, this);
if (this.form.isValid) {
if (this.options.submitByAjax) {
new Event(A).stop();
this.submitByAjax()
}
}
else {
new Event(A).stop();
if (this.elementToRemove && this.elementToRemove != this.firstError && this.options.display.indicateErrors == 1) {
this.removeError(this.elementToRemove)
}
this.focusOnError(this.firstError)
}
}
});
FormCheck.Infos = new Class({
Extends: FormCheck,
Implements: [Options, Events],
options: {
tipsClass: "fc-tbx"
},
/**
* Constructeur de la classe, pour les params voir ci-dessus, on va récupérer tous les buttons
* en leur appliquant un evènement onclick, le fait de cliquer sur l''un de ces buttons permettra
* de modifier l'action du form et les input type hidden du form
*
* @param {Object} C
* @param {Object} A
*/
initialize: function(C, A)
{
this.parent(C, A);
},
submitByAjax: function(){
var A = this.form.getProperty("action");
this.fireEvent("ajaxRequest");
new Request({
url: A,
method: this.form.getProperty("method"),
data: this.form.toQueryString(),
evalScripts: this.options.ajaxEvalScripts,
onFailure: function(B){
this.fireEvent("ajaxFailure", B)
}.bind(this) ,
onRequest: function(){
$('divChargement').setStyle('display', 'block');
var wSize = window.getSize();
var eSize = $('divChargement').getSize();
$('divChargement').setStyle('margin-top', (wSize.y / 2 - eSize.y));
},
onSuccess: function(B){
$('divChargement').setStyle('display', 'none');
//alert('yop : '+A);
this.fireEvent("ajaxSuccess", B);
if (this.options.ajaxResponseDiv) {
// Affichage de la réponse
new Response(B, {
divCtId: this.options.ajaxResponseDiv,
divBgId: this.options.ajaxResponseDiv+'Bg',
useBgDiv: true,
contentDiv: {
width: 750,
minHeight:100
}
}).show();
if ($('checkboxCgv')) {
// Gestion des boutons
$('checkboxCgv').addEvent('click', function(){
var checked = $('checkboxCgv').getProperty('checked')
if (checked) {
// Activation du nouveau bouton
$('btnValidForm').setProperty('disabled', '')
$('btnValidForm').addEvent('click', function(e){
e.stop();
// gestion de la soumission du nouveau form
new Request.HTML({
method: 'post',
url: $('formPaiement').getProperty("action"),
evalScripts: true,
update: this.options.ajaxResponseDiv,
data: this.form.toQueryString(),
onSuccess: function(B){
var transition = new Fx.Scroll(window, {
wait: false,
duration: 1000,
transition: Fx.Transitions.Quad.easeInOut
});
transition.toTop();
if ($('btnCloseResponseException')) {
$('btnCloseResponseException').addEvent('click', function(){
$(this.options.ajaxResponseDiv).dispose();
$(this.options.ajaxResponseDiv + 'Bg').dispose();
}.bind(this));
}
}.bind(this)
}).send();
}.bind(this));
}
else {
$('btnValidForm').setProperty('disabled', 'disabled')
}
}.bind(this));
}
if($('btnUpdateForm'))
{
$('btnUpdateForm').addEvent('click', function(){
$(this.options.ajaxResponseDiv).dispose();
$(this.options.ajaxResponseDiv+'Bg').dispose();
}.bind(this));
}
if ($('btnCloseResponseException'))
{
$('btnCloseResponseException').addEvent('click', function(){
$(this.options.ajaxResponseDiv).dispose();
$(this.options.ajaxResponseDiv+'Bg').dispose();
}.bind(this));
}
}
}.bind(this)
}).send()
}
});
var StructureFormBuild = new Class({
Implements: [Options],
initialize: function()
{
if ($('detailStructure'))
{
$('detailStructure').addEvent('click', function(e){
// On ne veut pas que la page se recharge
e.stop();
new Request.HTML({
method: 'get',
url: location+'&mod=planning&act=strDetails',
evalScripts: true,
onSuccess: function(response, responseElements, responseHTML, responseJavaScript)
{
new Response(responseHTML, {
divCtId: 'disStrDetail',
useBgDiv: true
}).show();
if ($('btnCloseResponseException'))
{
$('btnCloseResponseException').addEvent('click', function(e)
{
$('disStrDetail').dispose();
$('divBgResponse').dispose();
}.bind(this));
}
}.bind(this)
}).send();
}.bind(this));
}
}
});
var BienFormBuild = new Class({
Implements: [Options],
initialize: function(form)
{
if ($(form))
{
this.form = $(form);
var bienBtnArray = this.form.getElements('[id^=btnBien]');
bienBtnArray.each(function(element, index){
element.addEvent('click', function(e){
// On ne veut pas que la page se recharge
e.stop();
// Affacer les valeur des input date arrivé et départ
this.clearData();
// Exécution de la request
this.getConfigRequest(element);
this.execRequest();
}.bind(this));
}.bind(this));
}
},
strpos:function (haystack, needle, offset) {
var i = (haystack+'').indexOf(needle, (offset || 0));
return i === -1 ? false : i;
},
clearData:function()
{
if($('calendarDeb') && $('calendarFin') && $('validInput'))
{
$('calendarDeb').setProperty('value', '');
$('calendarFin').setProperty('value', '');
$('validInput').setProperty('disabled', 'disabled');
}
},
getConfigRequest: function(element)
{
// On récuperer du formulaire (id du bien, action du form, id de element)
this.actionUser = element.getProperty('id');
this.actionForm = this.form.getProperty("action");
this.bienValue = element.getProperty('bien');
this.bienCapacite = element.getProperty('max');
if(this.strpos(this.actionUser, 'Details'))
{
this.actionUser = 'Details';
// Configuration de la réponse
this.responseDiv = 'divCtResponse';
this.useBgDiv = true;
// Nouvelle Url du formulaire
this.actionForm = this.actionForm.replace('calendar', 'details');
}
else if(this.strpos(this.actionUser, 'Calendar'))
{
this.actionUser = 'Calendar';
// Configuration de la réponse
this.responseDiv = 'divCalendarJour';
this.useBgDiv = false;
// Nouvelle Url du formulaire
this.actionForm = this.actionForm.replace('details', 'calendar');
}
// Attribution des nouvelle value du form
this.form.setProperty('action', this.actionForm);
$('bien').setProperty('value', this.bienValue);
},
printResponse: function(responseHTML)
{
switch(this.actionUser)
{
case 'Details':
// On printe la rep
new Response(responseHTML, {
divCtId: this.responseDiv,
useBgDiv: this.useBgDiv
}).show();
// Créer le slideShow
//new viewer('divPictureList'+this.bienValue, {mode: ['alpha'], start : 'divDetailsPicture'});
//new SimpleSlideShow('divPictureList'+this.bienValue, {divClickInit : 'divDetailsPicture', useBackGround : false, start : 'divDetailsPicture'});
new SimpleSlideShow(photoArray, {divClickInit : 'divDetailsPicture', useBackGround : false});
break;
case 'Calendar':
new Response(responseHTML, {
divCtId: this.responseDiv,
useBgDiv: this.useBgDiv
}).show();
var FormBuildDisp = new DispoFormBuild('formDispo');
// On fait suivre l'identifiant du bien
$('bienCalendar').setProperty('value', this.bienValue);
// On gère le select "nombre d'accompagnant"
for(i=0; i<= 9; i++)
{
$('selectAccompagnant').options[i] = null;
if(i<=this.bienCapacite)
{
$('selectAccompagnant').options[i] = new Option(i, i)
}
}
$('selectAccompagnant').setProperty('disabled' , '');
$('questionAccompagnant').setStyle('display' , 'block');
break;
}
},
execRequest: function()
{
new Request.HTML({
method: 'post',
url: this.actionForm,
evalScripts: true,
data: this.form.toQueryString(),
onRequest: function(){
$('divChargement').setStyle('display', 'block');
var wSize = window.getSize();
var eSize = $('divChargement').getSize();
$('divChargement').setStyle('margin-top', (wSize.y / 2 - eSize.y));
},
onSuccess: function(response, responseElements, responseHTML, responseJavaScript)
{
$('divChargement').setStyle('display', 'none');
this.printResponse(responseHTML);
}.bind(this)
}).send();
}
});
var CalendarFormBuild = new Class({
Implements: [Options],
options: {
alerts:{
bienNonChoisi: "Vous n'avez pas sélectionné de bien."
}
},
initialize: function(form, options)
{
// Merge les options
this.setOptions(options);
if (typeof(errorLanguage) != 'undefined') this.options.alerts = $merge(this.options.alerts, errorLanguage);
this.form = $(form);
var bienBtnArray = this.form.getElements('[id^=monthBtn]');
bienBtnArray.each(function(element, index){
element.addEvent('click', function(e){
// On ne veut pas que la page se recharge
e.stop();
// On vérifie que le bien a bien été sélectionné
this.bienValue = $('bienCalendar').getProperty('value');
if (this.bienValue != '')
{
// Exécution de la request
this.monthValue = element.getProperty('id');
this.monthValue = this.monthValue.replace('monthBtn', '');
$('monthCalendar').setProperty('value', this.monthValue);
this.execRequest();
}
else
{
new Response.Exception(this.options.alerts.bienNonChoisi).show();
}
}.bind(this));
}.bind(this));
},
execRequest: function()
{
this.request = new Request.HTML({
method: 'post',
url: this.form.getProperty("action"),
evalScripts: true,
update: 'divCalendarJour',
data: this.form.toQueryString(),
onRequest: function(){
$('divChargement').setStyle('display', 'block');
var wSize = window.getSize();
var eSize = $('divChargement').getSize();
$('divChargement').setStyle('margin-top', (wSize.y / 2 - eSize.y));
},
onSuccess: function(response, responseElements, responseHTML, responseJavaScript)
{
$('divChargement').setStyle('display', 'none');
var FormBuildDisp = new DispoFormBuild('formDispo');
}.bind(this)
}).send();
}
});
var DispoFormBuild = new Class({
Implements: [Options],
options:{
alerts:{
calFinInvalide: "Cette date ne peut être choisi comme fin de séjour.",
calSamedi: "Un long séjour doit commencer et finir un samedi.",
calNbNuitee: "Le nombre minimum de nuitée est de %0 pour cette période.",
calDebPetit: "La date de début doit être plus petite que celle de fin.",
calDatesInvalides: "Les dates de début et de fin de séjour ne sont pas valides.",
calDebInvalide: "Cette date ne peut être choisi comme début de séjour.",
calDeuxDates: "Vous avez déjà sélectionné deux dates."
}
},
initialize: function(form, options)
{
// Merge les options
this.setOptions(options);
if (typeof(errorLanguage) != 'undefined') this.options.alerts = $merge(this.options.alerts, errorLanguage);
this.form = $(form);
var dayArray = this.form.getElements('li[id^=onClickDispo]');
dayArray.each(function(element, index){
element.setStyle('cursor', 'pointer');
element.addEvent('click', function(e){
// On ne veut pas que la page se recharge
e.stop();
// Récupération des données
this.clickDate = element.getProperty('date');
// Récupération des données
this.clickData = element.getProperty('data');
// Récupération des données
this.clickNuitee = element.getProperty('nuitee');
// Mise à jour des données
this.updateSejournData(element);
}.bind(this));
}.bind(this));
// Activation des button delete
this.deleteSejournDeb();
this.deleteSejournFin();
},
/*
* Gestion des évènement sur les button qui permette de remettre à zéro les input types
* text dans lesquels sont stockés la date de début et de fin du séjour.
*/
deleteSejournDeb:function()
{
if($('deleteDateDeb'))
{
$('deleteDateDeb').addEvent('click', function(e){
$('calendarDeb').setProperty('value', '');
$('calendarFin').setProperty('value', '');
$('validInput').setProperty('disabled', 'disabled');
});
}
},
deleteSejournFin:function()
{
if($('deleteDateFin'))
{
$('deleteDateFin').addEvent('click', function(e){
$('calendarFin').setProperty('value', '');
$('validInput').setProperty('disabled', 'disabled');
});
}
},
/*
* Mise à jour des champs input (type text) qui vont reccueillir la date de début et la
* date de fin.
*/
updateSejournData:function(element)
{
// On récupère la valeur des deux inputs
this.inputValueDeb = $('calendarDeb').getProperty('value');
this.inputValueFin = $('calendarFin').getProperty('value');
if(this.inputValueDeb == '')
{
if (this.clickData != 'end')
{
$('calendarDeb').setProperty('value', this.clickDate);
this.debutId = element.getProperty('id');
}
else
{
new Response.Exception(this.options.alerts.calFinInvalide).show();
}
}
else if (this.inputValueFin == '')
{
if (this.clickData != 'start')
{
if(this.isValidSojourn(element))
{
var debAsDate = this.makeDate(this.inputValueDeb)
var finAsDate = this.makeDate(this.clickDate);
var debAsTimeStamp = this.makeTimeStamp(debAsDate)
var finAsTimeStamp = this.makeTimeStamp(finAsDate);
if (debAsTimeStamp < finAsTimeStamp)
{
var unixdif = (finAsTimeStamp - debAsTimeStamp) / (3600 * 24);
if (unixdif > 5 && unixdif % 7 != 0 && (debAsDate.getDay() != 6 || finAsDate.getDay() != 6))
{
new Response.Exception(this.options.alerts.calSamedi).show();
}
else if (unixdif <= 5 && this.clickNuitee != 0 && unixdif < this.clickNuitee)
{
new Response.Exception(this.options.alerts.calNbNuitee.replace("%0",this.clickNuitee)).show();
}
else
{
$('calendarFin').setProperty('value', this.clickDate);
//new Response.Confirm('"'+this.inputValueDeb+'" - "'+this.clickDate+'"
Voulez vous valider ces dates ?').show();
this.validFunction();
}
}
else
{
new Response.Exception(this.options.alerts.calDebPetit).show();
}
}
else
{
new Response.Exception(this.options.alerts.calDatesInvalides).show();
}
}
else
{
new Response.Exception(this.options.alerts.calDebInvalide).show();
}
}
else
{
new Response.Exception(this.options.alerts.calDeuxDates).show();
}
},
isValidSojourn:function(element)
{
var id = element.getProperty('id');
var timeStampFin = id.replace('onClickDispo', '').toInt();
var timeStampDeb = this.debutId.replace('onClickDispo', '').toInt();
var dateDeb = this.makeDate($(this.debutId).getProperty('date'));
var dateDebBoucle = this.makeDate($(this.debutId).getProperty('date'));
var dateFin = this.makeDate(element.getProperty('date'));
//dateDeb = this.makeTimeStamp(dateDeb).toInt();
//dateFin = this.makeTimeStamp(dateFin).toInt();
//timeStampFin = timeStampFin - 3600 * 24;
while (timeStampFin >= timeStampDeb)
{
//alert(timeStampDeb+'------'+$('onClickDispo'+timeStampDeb));
if ($('onClickDispo'+timeStampDeb))
{
var data = $('onClickDispo'+timeStampDeb).getProperty('class');
//alert('data : '+data+'--'+timeStampDeb+'--'+dateDeb+'--'+$(this.debutId).getProperty('date'));
//alert('data : '+data+'--'+timeStampFin+'--'+dateFin+'--'+element.getProperty('date'));
if ( data == 'nonDispo' ||
(/*data == 'shortSojournAfter' ||*/ data == 'longSojournAfter' && dateDebBoucle.getDay() != 6) ||
(/*data == 'shortSojournBefore' ||*/ data == 'longSojournBefore' && dateDebBoucle.getDay() != 6))
{
//alert('(!=) false : '+dateDeb+'---------'+dateDeb.getDay()+'--------------'+data);
return false
}
}
else if ($(''+timeStampDeb) || $(timeStampDeb))
{
}
else
{
//alert('(else) false : ' +timeStampDeb+'---'+$(''+timeStampDeb)+'---'+$(timeStampDeb));
return false;
}
//alert((timeStampDeb + 3600 * 24)+' = '+timeStampDeb+' + '+(3600 * 24)+' ---- '+timeStampDeb.toLocaleString() );
//timeStampDeb = timeStampDeb + 3600 * 24;
dateDebBoucle.setDate(dateDebBoucle.getDate() + 1);
timeStampDeb = this.makeTimeStamp(dateDebBoucle);
}
return true;
},
validFunction: function()
{
var bien = $('bien').getProperty('value');
var deb = $('calendarDeb').getProperty('value');
var fin = $('calendarFin').getProperty('value');
var tmpDeb = deb.split('/');
var tmpFin = fin.split('/');
var deb = tmpDeb[2]+'-'+tmpDeb[1]+'-'+tmpDeb[0];
var fin = tmpFin[2]+'-'+tmpFin[1]+'-'+tmpFin[0];
this.request = new Request.HTML({
method: 'post',
url: document.location+'&mod=planning&act=supplement',
evalScripts: true,
//update: 'supplementResponse',
data: 'bien='+bien+'&deb='+deb+'&fin='+fin,
onRequest: function(){
$('divChargement').setStyle('display', 'block');
var wSize = window.getSize();
var eSize = $('divChargement').getSize();
$('divChargement').setStyle('margin-top', (wSize.y / 2 - eSize.y));
},
onSuccess: function(response, responseElements, responseHTML, responseJavaScript)
{
$('divChargement').setStyle('display', 'none');
var bool = false;
responseElements.each(function(item, index){
if (item.getProperty('id') == 'exception')
{
bool = true;
}
});
if (bool)
{
this.reponse = new Response(responseHTML, {
useBgDiv: true,
closeBouton: {
active: false
},
contentDiv: {
width: 700,
marginTop: 150,
border: 'none',
background: 'transparent',
minHeight : 100
}
}).show();
if ($('btnCloseResponseException'))
{
$('btnCloseResponseException').addEvent('click', function(e)
{
$('divCtResponse').dispose();
$('divBgResponse').dispose();
}.bind(this));
}
}
else
{
$('supplementResponse').set('html', responseHTML);
$('validInput').setProperty('disabled', '');
}
}.bind(this)
}).send();
},
makeDate :function(date)
{
var tmpArray = date.split('/');
return new Date(tmpArray[2], tmpArray[1] - 1, tmpArray[0], 0, 0, 0);
},
makeTimeStamp:function(date)
{
return date.getTime() / 1000;
}
/*execRequest: function()
{
this.request = new Request.HTML({
method: 'post',
url: this.form.getProperty("action"),
evalScripts: true,
update: 'divCalendarJour',
data: this.form.toQueryString()
}).send();
}*/
});
var CoordonneesFormBuild = new Class({
Implements: [Options],
initialize: function(form)
{
this.slideAdresseFacturation();
this.slideAccompagnant();
this.slideAssurance();
},
slideAdresseFacturation: function()
{
this.slideFac = new Fx.Slide('slideAdresseFac').hide();
//this.facHeight = $('fsAdresseFacturation').getSize();
//$('slideAdresseFac').setStyle('height', this.facHeight.y);
//alert(this.facHeight.y);
$('checkboxSlideAdresseFac').addEvent('click', function(e)
{
this.slideFac.toggle();
if ($('checkboxSlideAdresseFac').getProperty('checked'))
{
this.manageInput('slideAdresseFac', 'inputAdr', false);
}
else
{
this.manageInput('slideAdresseFac', 'inputAdr', true);
}
}.bind(this));
},
slideAssurance:function()
{
this.slideAssu = new Array();
this.divSlideId = '';
if( $('contentAssurance'))
{
var btnArray = $('contentAssurance').getElements('input[id^=btnSlideAssurance]');
btnArray.each(function(element, index){
this.divSlideId = element.getProperty('id');
this.divSlideId = this.divSlideId.replace('btnSlideAssurance', 'slideAssurance');
this.slideAssu[index] = new Fx.Slide(this.divSlideId, {wrapper:'yop'}).hide();
var test = $(this.divSlideId).getParent()
test.setStyle('float', 'left');
element.addEvent('click', function(e){
e.stop();
this.slideAssu[index].toggle()
}.bind(this));
}.bind(this))
}
},
slideAccompagnant: function()
{
$('contentAccompagnant').setStyle('display', 'none');
this.slideAcc = new Fx.Slide('slideAccompagnant').hide();
$('selectAccompagnant').addEvent('change', function(e){
e.stop();
this.selectValue = $('selectAccompagnant').getProperty('value');
this.manageMultiInput('subAccompagnant', 'inputAcco', this.selectValue);
$('contentAccompagnant').setStyle('display', 'block');
this.height = $('subAccompagnant1').getSize();
//alert(this.height.y * this.selectValue +' = '+this.height.y +' x '+ this.selectValue);
$('slideAccompagnant').setStyle('height', this.height.y * this.selectValue);
//alert($('slideAccompagnant').getStyle('height'));
this.slideAcc.slideIn();
this.slideAcc.addEvent('complete', function(e)
{
if (this.selectValue < 1)
{
$('contentAccompagnant').setStyle('display', 'none')
}
}.bind(this));
}.bind(this))
},
manageMultiInput: function (div, id, from)
{
for (i = 1;i <= 9; i++)
{
var selectTab = $(div + i).getElements('[id^='+id+']');
selectTab.each(function(item, index)
{
if (i <= from)
{
item.setProperty('disabled', false)
}
else
{
item.setProperty('disabled', true)
}
});
}
},
manageInput: function (div, id, bool)
{
var inputTab = $(div).getElements('[id^='+id+']');
inputTab.each(function(item, index)
{
item.setProperty('disabled', bool);
});
}
/*execRequest: function()
{
this.request = new Request.HTML({
method: 'post',
url: this.form.getProperty("action"),
evalScripts: true,
update: 'divCalendarJour',
data: this.form.toQueryString(),
onSuccess: function(response, responseElements, responseHTML, responseJavaScript)
{
var formCheckDisp = new DispoFormCheck('formDispo');
}.bind(this)
}).send();
}*/
});