/ig," ");
els.descriptionHeaderText.update(' - '+objektText);
var headerTextHeight = els.descriptionHeaderText.getHeight();
if(headerTextHeight >= 30){
//els.outerImageContainer.setStyle('height', '645px');
els.outerImageContainer.setStyle('height', this.imageHeight+'px');
//els.descriptionLinks.setStyle('top', '65px');
els.descriptionHeaderDiv.setStyle('height', '30px');
els.descriptionHeaderDiv.setStyle('overflow', 'hidden');
this.cutDescriptionHeaderText(els.descriptionHeaderText,30);
}
else{
//els.outerImageContainer.setStyle('height', '630px');
els.outerImageContainer.setStyle('height', this.imageHeight+'px');
els.descriptionHeaderDiv.setStyle('height', 'auto');
}
}
else {
els.descriptionHeaderText.update('');
//els.outerImageContainer.setStyle('height', '630px');
els.outerImageContainer.setStyle('height', this.imageHeight+'px');
els.descriptionHeaderDiv.setStyle('height', 'auto');
}
//Close wishlist popup when reload image
if(otherPopupToClose !== '' && this.clickWishlistLink == false){
otherPopupToClose.closePanel();
}
this.clickWishlistLink = false;
//console.log(objektTypeId+'-'+imageId+' ----- '+firstObjektHref);
els.linkBackToList.set({id: 'linkBackToList-'+objektTypeId+'-'+imageId});
els.linkBackToList.set({href: firstObjektHref});
//set add to wishlist button onclick event
if(Ext.get('wishList_'+objektTypeId+'_'+imageId) !== null){
var elWishlist = Ext.get('wishList_'+objektTypeId+'_'+imageId);
var elOnClickEv = elWishlist.getAttribute('onclick');
var elImageClass = Ext.get('wishList_'+objektTypeId+'_'+imageId+'_img').dom.className;
var slideshowWishListID = 'slideshowWishList_'+objektTypeId+'_'+imageId;
var slideshowWishListImgID = slideshowWishListID+'_imgBlank';
els.linkWishlist.set({id: slideshowWishListID});
els.linkWishlistImg.set({id: slideshowWishListImgID});
els.linkWishlist.update(elWishlist.dom.innerHTML);
els.linkWishlistImg.dom.className = elImageClass;
els.linkWishlist.dom.onclick = elWishlist.dom.onclick;
//Update wishlist panel login and register hidden fields.
if(Ext.get('wl_wishlistData_login') !== null){
Ext.get('wl_wishlistData_login').dom.value = objektTypeId +','+imageId;
}
if(Ext.get('wl_wishlistData_register') !== null){
Ext.get('wl_wishlistData_register').dom.value = objektTypeId +','+imageId;
}
/*els.linkWishlist.on('click', function(ev,t){
elWishlist.on();
console.log('test');
});*/
wisthListForm.setSecWistListItemToUpdate(elWishlist.id);
els.linkWishlist.on('click', function(ev) {
if(this.playing || this.autoPlayFlag) {
this.clickWishlistLink = true;
this.pause();
}
}, this);
}
//wishList_7_476
//Config bottom links
if(slideType == 'ajaxObjektImages' || slideType == 'objektDetails' || slideType == 'none'){
els.linkPictures.dom.style.display = 'none';
}
else{
els.linkPictures.dom.style.display = 'inline';
}
if(slideType == 'all' || slideType == 'objektDetails' || slideType == 'none'){
els.linkBackToList.dom.style.display = 'none';
}
else{
els.linkBackToList.dom.style.display = 'inline';
}
if(slideType == 'objektDetails' || slideType == 'none'){
els.linkObject.dom.style.display = 'none';
}
else{
els.linkObject.dom.style.display = 'inline';
}
if(slideType == 'objektDetails' || slideType == 'none'){
els.linkWishlist.dom.style.display = 'none';
}
else{
els.linkWishlist.dom.style.display = 'inline';
}
var viewSize = this.getViewSize();
if(Ext.isIE6){
els.overlay.setHeight(viewSize[1] + 'px');
}
this.updateNav();
},
updateNav: function(){
this.enableKeyNav();
els.hoverNav.show();
//els.navPlayPause.show();
// if not first image in set, display prev image button
//if (activeImage > 0)
if(images.length !== 1)
els.navPrev.show();
// if not last image in set, display next image button
// if (activeImage < (images.length - 1))
if (activeImage < images.length && images.length !== 1)
els.navNext.show();
},
enableKeyNav: function() {
Ext.fly(document).on('keydown', this.keyNavAction, this);
},
disableKeyNav: function() {
Ext.fly(document).un('keydown', this.keyNavAction, this);
},
keyNavAction: function(ev) {
var keyCode = ev.getKey();
if (
//keyCode == 88 || // x
//keyCode == 67 || // c
keyCode == 27
) {
this.close();
}
/* else if (keyCode == 80 || keyCode == 37){ // display previous image
if (activeImage != 0){
this.setImage(activeImage - 1);
}
}
else if (keyCode == 78 || keyCode == 39){ // display next image
if (activeImage != (images.length - 1)){
this.setImage(activeImage + 1);
}
}*/
},
preloadImages: function(){
var next, prev;
if (images.length > activeImage + 1) {
next = new Image();
next.src = images[activeImage + 1][0];
}
if (activeImage > 0) {
prev = new Image();
prev.src = images[activeImage - 1][0];
}
},
close: function(){
//Auto play
this.pause();
els.image.hide();
if(otherPopupToClose !== ''){
otherPopupToClose.closePanel();
}
this.disableKeyNav();
els.lightbox.hide();
els.overlay.fadeOut({
duration: this.overlayDuration
});
els.shim.hide();
this.fireEvent('close', activeImage);
},
getViewSize: function() {
return [Ext.lib.Dom.getViewWidth(), Ext.get('page').getHeight()];
//return [Ext.lib.Dom.getViewWidth(), Ext.lib.Dom.getViewHeight()];
},
registerLog: function(logValAt){
this.logVal = logValAt;
},
cutDescriptionHeaderText: function(descriptionHeaderTextAt, height){
//els.descriptionHeaderText.getHeight();
while(descriptionHeaderTextAt.getHeight() > height){
var descriptionHeaderTextArr = descriptionHeaderTextAt.dom.innerHTML.split("...");
var text = descriptionHeaderTextArr[0];
var objektLink = descriptionHeaderTextArr[1];
//alert(objektLink + ' :::::: '+text);
if(objektLink == undefined){
objektLink = '';
}
else if(objektLink.search("[^.]") == 1){
objektLink = objektLink.substr(1,objektLink.length);
}
var lastSpace = text.lastIndexOf(" ");
var textWithotLastSpace = text.substr(0,lastSpace);
descriptionHeaderTextAt.dom.innerHTML = textWithotLastSpace + "..." + objektLink;
}
}
}
})();
Ext.onReady(Ext.ux.Lightbox.init, Ext.ux.Lightbox);/*
Sardegna2
SlidePanels JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
--- Login and User Panels
Class: SlidePanels
Method:
init
slidePanelEvents
animationPanel
showWishListPanel
*/
SlidePanels = function() {
};
SlidePanels.prototype = {
transitionDuration: '1'
,showslidePanelShim: false
,init: function(id,slideDiractionAt,opacity){
this.showClass = 'show-'+id+'-slidepanel';
this.idButton = 'panel_button_'+id;
this.idEl = 'slide_panel_'+id;
this.formId = id+'_form';
this.opacity = opacity;
this.opacityVal = '.'+opacity;
this.idCloseButton = 'close_panel_'+id;
this.slideDiraction = slideDiractionAt;
this.thisExtEl = 'none';
this.alignToButton = '';
this.shiftPositionArr = '';
this.buttonsClass = '';
this.getContentFormEl = '';
this.getContent = false;
this.nextHiddenField = '';
this.slidePanelOverlayDuration = 0.2;
this.slidePanelOverlayOpacity = 0.3;
/*this.getContentContainerID = '';
this.getContentFormId = '';
this.getContentFileUrl = '';
this.loaderEl = '';*/
}
,slidePanelEvents:function(){
if(Ext.get(this.idCloseButton) !== null){
Ext.get(this.idCloseButton).on('click', function(e, t) {
var action = 'hidde';
this.animationPanel(action);
}, this);
}
if(Ext.get(this.idButton) !== null){
Ext.get(this.idButton).on('click', function(e, t) {
if(this.shiftPositionArr !== ''){
var shiftPositionArrVar = this.shiftPositionArr;
}
else{
var shiftPositionArrVar = [0,0];
}
//align panel to button
if(this.alignToButton !== ''){
this.setPanelLocation(Ext.get(this.idButton), this.alignToButton, shiftPositionArrVar);
}
this.animationPanel();
}, this);
}
}
,homeGlobalEvent:function(){
Ext.fly(document).on('click', function(ev){
var target = ev.getTarget('#slide_panel_user');
//console.log(target);
if(target == null){
this.animationPanel('hidde');
}
}, this);
}
,setPanelPositionToButton: function(alignToButtonAt, shiftArrAt){
this.alignToButton = alignToButtonAt;
if(shiftArrAt !== undefined){
this.shiftPositionArr = shiftArrAt;
}
}
,setPanelButtonsClass: function(buttonsClassAt){
this.buttonsClass = buttonsClassAt;
}
,animationPanel:function(actionAt, elementAt){
if(this.opacity !== undefined){
Ext.get(this.formId).setOpacity(this.opacityVal);
}
if(actionAt == undefined || actionAt == ''){
if(Ext.get(this.idEl).hasClass(this.showClass) == true){
var action = 'hidde';
}
else{
var action = 'show';
}
}
//animation
Ext.get(this.idEl).stopFx(false);
if(action == 'show'){
if(this.showslidePanelShim){
this.showSlidePanelShimFunction();
}
Ext.get(this.idEl).setStyle("display", "block");
if(this.getContent == true){
eval(this.getContentFormEl+'.getContentRequest()');
}
Ext.get(this.idEl).slideIn(this.slideDiraction, { duration: this.transitionDuration });
Ext.get(this.idEl).addClass(this.showClass);
if(Ext.get(this.idButton) !== null){
Ext.get(this.idButton).addClass('open');
}
else if(elementAt !== undefined){
elementAt.addClass('open');
}
}
else {
if(Ext.get(this.idEl).hasClass(this.showClass) == true){
Ext.get(this.idEl).slideOut(this.slideDiraction, { duration: this.transitionDuration });
}
Ext.get(this.idEl).removeClass(this.showClass);
if(Ext.get(this.idButton) !== null){
Ext.get(this.idButton).removeClass('open');
}
else if(elementAt !== undefined){
elementAt.removeClass('open');
}
//wishlist click close icon
else if(this.thisExtEl !== undefined && this.thisExtEl !== 'none'){
this.thisExtEl.removeClass('open');
}
if(this.showslidePanelShim){
this.hiddeSlidePanelShimFunction();
}
}
}
,setNextHiddenField: function(idHiddenField){
if(idHiddenField !== undefined){
this.nextHiddenField = Ext.get(idHiddenField);
}
}
//showSlidePanel showWishListPanel
,showSlidePanel: function(thisEl,idHiddenField){
this.thisExtEl = Ext.get(thisEl.id);
var hiddenField = Ext.get(idHiddenField);
//var buttonHeight = 22;
//Set opacity panel
if(this.opacity !== undefined){
Ext.get(this.formId).setOpacity(this.opacityVal);
};
if(this.alignToButton !== ''){
var alignToButtonVar = this.alignToButton;
}
else{
var alignToButtonVar = 'lb';
}
if(this.shiftPositionArr !== ''){
var shiftPositionArrVar = this.shiftPositionArr;
}
else{
var shiftPositionArrVar = [0,0];
}
if(idHiddenField !== undefined){
var idArr = thisEl.id.split("_");
var elType = idArr[0];
var idTables = idArr[1];
var idObject = idArr[2];
if(elType == 'slideshowWishList' || this.showslidePanelShim){
Ext.get(this.idEl).set({style: 'z-index: 20000;'});
}
else{
Ext.get(this.idEl).set({style: 'z-index: 900;'});
}
var hiddenFieldValueArr = hiddenField.getValue().split(",");
//Set hidden value id_tables,objectID
hiddenField.set({value: idTables+','+idObject});
if(hiddenFieldValueArr.length == 2){
if(idTables == hiddenFieldValueArr[0] && idObject == hiddenFieldValueArr[1]){
this.setPanelLocation(this.thisExtEl, alignToButtonVar, shiftPositionArrVar);
//animate panel close
this.animationPanel('', this.thisExtEl);
}
else{
if(Ext.get(this.idEl).hasClass(this.showClass) == false){
//Set popup position
this.setPanelLocation(this.thisExtEl, alignToButtonVar, shiftPositionArrVar);
//animate panel
this.animationPanel('', this.thisExtEl);
}
else{
this.resetAllButtonsState();
//getcontent
if(this.getContent == true){
eval(this.getContentFormEl+'.getContentRequest()');
}
//Set popup position
this.setPanelLocation(this.thisExtEl, alignToButtonVar, shiftPositionArrVar, true);
}
}
}
else{
//first open
//Set popup position
this.setPanelLocation(this.thisExtEl, alignToButtonVar, shiftPositionArrVar);
//animate panel
this.animationPanel('', this.thisExtEl);
}
//Set hidden value id_tables,objectID
//hiddenField.set({value: idTables+','+idObject});
if(this.nextHiddenField !== ''){
this.nextHiddenField.set({value: idTables+','+idObject});
}
}
else{
//Set popup position
this.setPanelLocation(this.thisExtEl, alignToButtonVar, shiftPositionArrVar);
//animate panel
this.animationPanel('', this.thisExtEl);
}
}
,setPanelLocation: function(elAt, alignAt, shiftArr, animAt){
var shiftX = shiftArr[0];
var shiftY = shiftArr[1];
var elX = elAt.getX();
var elY = elAt.getY();
if(alignAt.search('r') !== -1){
shiftX = (shiftX + elAt.getWidth());
}
if(alignAt.search('b') !== -1){
shiftY = (shiftY + elAt.getHeight());
}
// center X to defined container
if(alignAt.search('c') == 0){
if (isNaN(Number(shiftX))){
var alignElement = Ext.get(shiftX);
if(alignElement !== undefined){
var alignToElementWidth = alignElement.getWidth();
var panelWidth = Ext.get(this.idEl).getWidth();
elX = alignElement.getX() + (alignToElementWidth-panelWidth)/2 ;
}
}
}
// center Y to defined container
if(alignAt.search(/c$/g) == 1){
if (isNaN(Number(shiftY))){
var alignElement = Ext.get(shiftY);
if(alignElement !== undefined){
var alignToElementHeight = alignElement.getHeight();
var panelHeight = Ext.get(this.idEl).getHeight();
elY = alignElement.getY() + (alignToElementHeight-panelHeight)/2 ;
}
}
}
//console.log(shiftX +' - '+ shiftY+' ---- '+Ext.get(this.idButton).getHeight());
if(shiftX !== 0 && !isNaN(Number(shiftX))){
positionX = elX+shiftX;
}
else{
positionX = elX;
}
if(shiftY !== 0 && !isNaN(Number(shiftY))){
positionY = elY+shiftY;
}
else{
positionY = elY;
}
if(animAt == undefined){
animAt = false;
}
Ext.get(this.idEl).setLocation(positionX,positionY,animAt);
}
,resetAllButtonsState: function(){
//var buttonsList = Ext.select('.wishListButton');
if(this.buttonsClass !== undefined && this.buttonsClass !== ''){
var buttonsList = Ext.select('.'+this.buttonsClass);
for(i=0; i < buttonsList.getCount(); i++){
var item = buttonsList.item(i);
item.removeClass('open');
}
this.thisExtEl.addClass('open');
}
}
,closePanel: function(){
var action = 'hidde';
this.animationPanel(action);
}
,setPanelGetContentForm: function(getContentFormEl){
this.getContentFormEl = getContentFormEl;
this.getContent = true;
}
,showSlidePanelShim: function(){
this.showslidePanelShim = true;
this.showSlidePanelShimMarkup();
}
,showSlidePanelShimMarkup: function(){
this.slidePanelShim = Ext.DomHelper.append(document.body, {
tag: 'iframe',
id: 'ux-slidePanel-shim'
}, true);
this.slidePanelOverlay = Ext.DomHelper.append(document.body, {
id: 'ux-slidePanel-overlay'
}, true);
Ext.each([this.slidePanelOverlay, this.slidePanelShim], function(el){
el.setVisibilityMode(Ext.Element.DISPLAY)
el.hide();
});
this.slidePanelOverlay.on('click', this.closePanel, this);
}
,showSlidePanelShimFunction: function(){
var viewSize = this.getViewSize();
this.slidePanelShim.setStyle({
width: viewSize[0] + 'px',
height: viewSize[1] + 'px'
}).show();
this.slidePanelOverlay.fadeIn({
duration: this.slidePanelOverlayDuration,
endOpacity: this.slidePanelOverlayOpacity,
scope: this
});
}
,hiddeSlidePanelShimFunction: function(){
this.slidePanelShim.hide();
this.slidePanelOverlay.fadeOut({
duration: this.slidePanelOverlayDuration
});
}
,getViewSize: function() {
return [Ext.lib.Dom.getViewWidth(), Ext.get('page').getHeight()];
//return [Ext.lib.Dom.getViewWidth(), Ext.lib.Dom.getViewHeight()];
}
/*,setPanelGetContent: function(getContentContainerID, getContentFormId, getContentFileUrl, loaderIdAt){
this.getContent = true;
this.getContentContainerID = getContentContainerID;
this.getContentFormId = getContentFormId;
this.getContentFileUrl = getContentFileUrl;
if(loaderIdAt !== undefined){
this.loaderEl = Ext.get(loaderIdAt);
}
}
,getContentRequest: function(){
if(this.loaderEl !== null){
this.loaderEl.dom.style.display = 'block';
}
Ext.Ajax.request({
form: this.getContentFormId,
url: this.getContentFileUrl,
success: function(response, opts) {
var responseObj = Ext.decode(response.responseText);
this.loaderEl.dom.style.display = 'none';
Ext.get(this.getContentContainerID).update(responseObj.content);
if(responseObj.nextRequest !== "" || responseObj.nextRequest !== false){
eval('this.'+responseObj.nextRequest+'("'+responseObj.date+'")');
}
//this.responseRequest(responseObj);
//console.dir(obj);
},
failure: function(response, opts) {
console.log('server-side failure with status code ' + response.status);
},
scope: this
});
}
,setPrevNextEvents: function(prevButtonClass, nextButtonClass){
if(prevButtonClass !== undefined){
Ext.select('.'+prevButtonClass).on('click', function(e, t) {
var targetIdArr = t.id.split('_');
var date = targetIdArr[targetIdArr.length - 1];
Ext.get('dateToCheck').set({value: "{d '"+date+"'}"});
this.getContentRequest();
}, this);
}
if(nextButtonClass !== undefined){
Ext.select('.'+nextButtonClass).on('click', function(e, t) {
var targetIdArr = t.id.split('_');
var date = targetIdArr[targetIdArr.length - 1];
Ext.get('dateToCheck').set({value: "{d '"+date+"'}"});
this.getContentRequest();
}, this);
}
}
,updateVillaAvailabilityFields: function(date){
//update date field after request
Ext.get('dateToCheck').set({value: date});
//set prev and next buttons events
this.setPrevNextEvents('villaAv_prevButton', 'villaAv_nextButton');
}*/
};
/*
Sardegna2
RightTabs JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
Class: RightTabs
Method:
init
changeTab('element')
selectTab('villa or hotel')
initVillaSelects
initHotelSelects
*/
var selected = '';
RightTabs = {
init:function(){
if(selected == '')
RightTabs.selectTab('villa');
Ext.select('.rightTabs').on('click', function(e, t) {
//alert(t.id);
RightTabs.changeTab(t);
}, null, {delegate: 'li'});
}
,changeTab:function(t){
Ext.get(t.id).radioClass('tab-show');
Ext.get('content' + t.id.slice(-1)).radioClass('tab-content-show');
if(t.id == 'tab2'){
SlideSearchPanel.changePanel('Hotel');
//create comboBox Hotel
RightTabs.initHotelSelects();
}
else{
//create comboBox Villa
RightTabs.initVillaSelects();
SlideSearchPanel.changePanel('Villa');
}
}
,selectTab:function(tab){
selected = tab;
rightTabWebsiteForm = new WebsiteForm();
if(tab !== undefined){
if(tab == 'hotel') {
tabEl = document.getElementById('tab2');
rightTabWebsiteForm.radioSearchByNameChange('hotels');
}
else{
tabEl = document.getElementById('tab1');
rightTabWebsiteForm.radioSearchByNameChange('villas');
}
}
if(tabEl !== null)
RightTabs.changeTab(tabEl);
}
,initVillaSelects:function(){
//create comboBox Villa
if(Ext.get('travelingPersons').getAttribute('type') !== "hidden"){
var convertedTravelingPersons = new Ext.form.SardinienComboBox({transform:'travelingPersons', width:152});
var convertedBathrooms = new Ext.form.SardinienComboBox({transform:'bathrooms', width:152});
var convertedPriceClass = new Ext.form.SardinienComboBox({transform:'priceClass', width:152});
//var converted = new Ext.form.SardinienComboBox({transform:'regionID', width:152});
var convertedDistanceToSea = new Ext.form.SardinienComboBox({transform:'distanceToSea', width:152});
//reset form: onclick New Search
RightTabs.resetSelectValue([convertedTravelingPersons,convertedBathrooms,convertedPriceClass,convertedDistanceToSea]);
}
}
,initHotelSelects:function(){
//create comboBox Hotel
if(Ext.get('hotelStars').getAttribute('type') !== "hidden"){
var convertedHotelStars = new Ext.form.SardinienComboBox({transform:'hotelStars', width:152});
var convertedHotelRegion = new Ext.form.SardinienComboBox({transform:'hotelRegion', width:152});
var convertedHotelBeach = new Ext.form.SardinienComboBox({transform:'hotelBeach', width:152});
//reset form: onclick New Search
RightTabs.resetSelectValue([convertedHotelStars,convertedHotelRegion,convertedHotelBeach]);
}
}
,resetSelectValue: function(elementArr){
Ext.select('.linkNewSearch').on('click', function(e, t) {
for(i=0; i < elementArr.length; i++){
var item = elementArr[i];
if(item.hiddenName == 'hotelStars'){
var firstVal = item.store.data.items[1].data.value;
}
else{
var firstVal = item.store.data.items[0].data.value;
}
item.setValue(firstVal);
}
Ext.get('pool').dom.checked = false;
});
}
};/*
Sardegna2
SlideSearchPanel JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
--- inc_rightPanel.cfm Right advance search panel
Class: SlideSearchPanel
Method:
searchPanelEvents
showVillaPanel
showHotelPanel
showPanel
hiddePanel
changePanel
transformHotelSelects
transformVillaSelects
getShowPosition
getHiddePosition
animationPanel
setPanelFieldToForm(type, element, formElement)
*/
/*
transitionEasing: (effects list)
* backBoth
* backIn
* backOut
* bounceBoth
* bounceIn
* bounceOut
* easeBoth
* easeBothStrong
* easeIn
* easeInStrong
* easeNone
* easeOut
* easeOutStrong
* elasticBoth
* elasticIn
* elasticOut
*/
SlideSearchPanel = {
idEl: 'slideSearchPanel'
,idContainer: 'slideSearchPanelContainer'
,idVillaButton: 'searchPanelButtonVilla'
,idHotelButton: 'searchPanelButtonHotel'
,idHotelClose: 'slideSearchPanelCloseHotel'
,idVillaClose: 'slideSearchPanelCloseVilla'
,offset: '636'
,transitionDuration: '1'
,transitionEasing: 'easeOut'
,searchPanelEvents:function(){
//alert('ok');
this.villaButtonRefine = Ext.select('.searchPanelButtonVillaRefine');
this.hotelButtonRefine = Ext.select('.searchPanelButtonHotelRefine');
//Show Villa Advanced Search Panel
Ext.get(this.idVillaButton).on('click', function(e, t) {
this.showVillaPanel();
},this);
//show Hotel Advanced Search Panel
Ext.get(this.idHotelButton).on('click', function(e, t) {
this.showHotelPanel();
},this);
//-Refine Buttons
if(this.villaButtonRefine.getCount !== 0){
//Show Villa Advanced Search Panel
this.villaButtonRefine.on('click', function(e, t) {
this.showVillaPanel('refine_btn');
},this);
}
if(this.hotelButtonRefine.getCount !== 0){
//Show Villa Advanced Search Panel
this.hotelButtonRefine.on('click', function(e, t) {
this.showHotelPanel('refine_btn');
},this);
}
//---------------
//Close Villa Advanced Search Panel
Ext.get(this.idVillaClose).on('click', function(e, t) {
SlideSearchPanel.hiddePanel();
});
//Close Hotel Advanced Search Panel
Ext.get(this.idHotelClose).on('click', function(e, t) {
SlideSearchPanel.hiddePanel();
});
}
,onloadStartSearchVilla:function(){
this.showVillaPanel('onloadEvent');
}
,onloadStartSearchHotel:function(){
this.showHotelPanel('onloadEvent');
}
,showVillaPanel:function(fromEv){
//select villa tab
if(fromEv !== undefined && (fromEv == 'refine_btn' || fromEv == 'onloadEvent')){
RightTabs.selectTab('villa');
}
this.idButton = this.idVillaButton;
Ext.get('searchVillasPanel').setDisplayed(true);
Ext.get('searchHotelsPanel').setDisplayed(false);
SlideSearchPanel.showPanel(fromEv);
SlideSearchPanel.transformVillaSelects();
}
,showHotelPanel:function(fromEv){
//select hotel tab
if(fromEv !== undefined && (fromEv == 'refine_btn' || fromEv == 'onloadEvent')){
RightTabs.selectTab('hotel');
}
this.idButton = this.idHotelButton;
Ext.get('searchVillasPanel').setDisplayed(false);
Ext.get('searchHotelsPanel').setDisplayed(true);
SlideSearchPanel.showPanel(fromEv);
SlideSearchPanel.transformHotelSelects();
}
,showPanel:function(fromEv){
//alert('ok80');
var showPanel = Ext.get('slideSearchPanel').hasClass('show-slide-panel');
/*if(fromEv !== undefined && fromEv == 'refine_btn' && showPanel == true){
//don't hidde if clicked refine button
}
else{*/
//show / hidde panel
Ext.get('slideSearchPanelContainer').addClass('showSlideSearchPanelContainer');
if(showPanel == true){
var xNew = SlideSearchPanel.getHiddePosition();
var action = 'hidde';
}
else{
var xNew = SlideSearchPanel.getShowPosition();
var action = 'show';
}
SlideSearchPanel.animationPanel(xNew, action, fromEv);
/*}*/
}
,hiddePanel:function(){
//alert('ok90');
var xNew = SlideSearchPanel.getHiddePosition();
var action = 'hidde';
SlideSearchPanel.animationPanel(xNew, action);
}
//tabs
,changePanel:function(panelType){
if(panelType == 'Hotel'){
Ext.get('searchVillasPanel').setDisplayed(false);
Ext.get('searchHotelsPanel').setDisplayed(true);
SlideSearchPanel.transformHotelSelects();
}
else{
Ext.get('searchVillasPanel').setDisplayed(true);
Ext.get('searchHotelsPanel').setDisplayed(false);
SlideSearchPanel.transformVillaSelects();
}
}
,transformHotelSelects:function(){
if(Ext.get('hotelSizeForm').getAttribute('type') !== "hidden"){
convertedHotelSize = new Ext.form.SardinienComboBox({transform:'hotelSizeForm', width:152});
//Hotels Slide Panel Fields Initialization
SlideSearchPanel.setPanelFieldToForm('class', '.hotelBoardFields', 'hotelBoard');
SlideSearchPanel.setPanelFieldToForm('select', 'convertedHotelSize', 'hotelSize');
SlideSearchPanel.setPanelFieldToForm('class', '.hotelFeatureFields', 'hotelFeatures');
}
}
,transformVillaSelects:function(){
if(Ext.get('villaBedrooms').getAttribute('type') !== "hidden"){
convertedVillaBedrooms = new Ext.form.SardinienComboBox({transform:'villaBedrooms', width:192});
//Villas Slide Panel Fields Initialization
SlideSearchPanel.setPanelFieldToForm('select','convertedVillaBedrooms', 'bedrooms');
SlideSearchPanel.setPanelFieldToForm('class','.regionFields', 'regionID');
SlideSearchPanel.setPanelFieldToForm('class','.villaFeatureFields', 'villaFeatures');
}
}
,getShowPosition:function(){
var xNew = (-1 * this.offset) + Ext.get(this.idEl).getX();
Ext.get(this.idEl).addClass('show-slide-panel');
//Ext.get(this.idContainer).addClass('container-show');
return xNew;
}
,getHiddePosition:function(){
var xNew = (1 * this.offset) + Ext.get(this.idEl).getX();
Ext.get(this.idEl).removeClass('show-slide-panel');
return xNew;
}
,animationPanel:function(xNew,action, fromEv){
Ext.get(this.idVillaButton).removeAllListeners();
Ext.get(this.idHotelButton).removeAllListeners();
if(this.villaButtonRefine !== undefined && this.villaButtonRefine.getCount !== 0)
this.villaButtonRefine.removeAllListeners();
if(this.hotelButtonRefine !== undefined && this.hotelButtonRefine.getCount !== 0)
this.hotelButtonRefine.removeAllListeners();
Ext.get(this.idHotelClose).removeAllListeners();
Ext.get(this.idVillaClose).removeAllListeners();
//animation
Ext.get(this.idEl).stopFx(false);
Ext.get(this.idEl).shift({
duration: this.transitionDuration
,x: xNew
,easing: this.transitionEasing
,callback: function(){
if(fromEv == undefined || fromEv !== 'onloadEvent'){
SlideSearchPanel.searchPanelEvents();
}
//hidde slide conteiner
if(action == 'hidde') {
Ext.get('slideSearchPanelContainer').removeClass('showSlideSearchPanelContainer');
}
}
});
}
,setPanelFieldToForm:function(type, element, formElement){
if(type == 'select') {
eval(element).on('select', function() {
fieldValue = eval(element).getValue();
Ext.get(formElement).dom.value = fieldValue;
//alert(fieldValue);
});
//reset form: onclick New Search
Ext.select('.linkNewSearch').on('click', function(e, t) {
var firstVal = eval(element).store.data.items[0].data.value;
eval(element).setValue(firstVal);
Ext.get(formElement).dom.value = '';
});
}
else{
Ext.select(element).on('click', function(e, t) {
fieldsList = Ext.select(element);
var valueList = '';
for(i=0; i < fieldsList.getCount(); i++){
var item = fieldsList.item(i);
if(item.dom.checked == true){
valueItem = item.getValue();
if(valueList == '')
valueList = valueItem;
else
valueList = valueList +','+ valueItem;
}
}
Ext.get(formElement).dom.value = valueList;
//alert(valueList);
});
//reset form: onclick New Search
Ext.select('.linkNewSearch').on('click', function(e, t) {
fieldsList = Ext.select(element);
for(i=0; i < fieldsList.getCount(); i++){
var item = fieldsList.item(i);
item.dom.checked = false;
if(item.hasClass("regionFields") && item.dom.type == "radio"){
item.dom.checked = true;
}
}
Ext.get(formElement).dom.value = '';
});
}
}
};
DatePicker = function() {
};
DatePicker.prototype = {
idEl: ''
,init:function(idElAt, idButton){
//create the date picker
var idEl = idElAt;
if(Ext.get(idEl+'Div') !== null){
var myDP = new Ext.DatePicker({
renderTo: idEl+'Div',
hidden: true,
startDay: 1,
cls: 'onlyDatePicker',
listeners: {
'select': {
fn: function(myDP, date){
var field = Ext.get(idEl); //get the text field
field.dom.value = date.format('d.m.Y'); //add the selected date to the field
myDP.hide(); //hide the date picker
}
}
},
scope: this
});
}
else{
alert('Invalid renderTo div name');
}
//add listener for button click
Ext.get(idButton).on('click', function(e, t) {
this.clickHandler(myDP);
}, this);
}
,clickHandler:function(myDP){
//show the date picker
myDP.show();
}
/*,selectHandler:function(myDP, date){
//get the text field
var field = Ext.get(this.idEl);
alert(this.idEl);
//add the selected date to the field
field.dom.value = date.format('d.m.Y');
//hide the date picker
myDP.hide();
}*/
};/*
Sardegna2
WebsiteForm JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
Class: WebsiteForm
Method:
validationField('id element','validation type', 'default Value')
submitFrom(action, nextStepActionAt, urlFile, idButtonAt, idResponseDivAt)
onClickSubmitEvent()
requestAjax()
responseRequest(response)
translatorPage()
addRemoveWishList(this)
updateWistListItems(id element)
showForm(idFromToChange, formType)
showSelectedForm(selected Form)
updateWistListCounter(add or remove)
radioChackBoxCombination('inputs class') - radio, checkbox: use in Region section - combination radio - checkbox.
radioSearchByNameEvents(radioClass)
radioSearchByNameChange(setFormId)
inputValidation('element','validation type')
refreshPage()
*/
WebsiteForm = function(idForm) {
if(idForm) {
this.init(idForm);
}
};
WebsiteForm.prototype = {
idForm: ''
,logVal: false
,divForm: ''
,formSubmitButton: ''
,errorClass: 'errField'
,formFieldList: ''
,formFieldTypeList: ''
,urlFile: '/lib/services/service.cfm'
,getContentContainerID: ''
,getContentFormId: ''
,getContentFileUrl: ''
,loaderEl: ''
,wishListHiddeObject: ''
,wishListObjectsNoEl: ''
,slidePanelEl: ''
,timeout: 2000
,init: function(idFormAt, divFormAt){
this.idForm = idFormAt;
this.logVal = logVal;
if(divFormAt !== undefined) {
this.divForm = divFormAt;
}
}
,validationField: function(idEl,valTypeAt,defaultValueAt){
var formEl = Ext.get(idEl);
var defaultValue = defaultValueAt;
var valType = valTypeAt;
formEl.on('focus', function(e, el, o){
//showHiddeDefaultValue
this.enableKey();
if(valType == 'password'){
//console.log(formEl)
formEl.setStyle('display', 'none');
Ext.get(formEl.id+'_hidde').setStyle('display', 'block');
Ext.get(formEl.id+'_hidde').focus();
this.disableKey();
}
else if(defaultValue !== undefined && formEl.getValue() == defaultValue){
formEl.dom.value = '';
}
}, this);
if(valType == 'password'){
var formElOn = Ext.get(formEl.id+'_hidde');
if(formElOn !== null){
formElOn.on('focus', function(e, el, o){
this.enableKey();
}, this);
}
}
else{
var formElOn = formEl;
}
formElOn.on('blur', function(e, el, o){
//showHiddeDefaultValue
this.disableKey();
if(defaultValue !== undefined && formElOn.getValue() == ''){
if(valType == 'password'){
formElOn.setStyle('display', 'none');
formEl.setStyle('display', 'block');
}
formEl.dom.value = defaultValue;
}
//Validation field
if(valType !== ''){
var valResult = this.inputValidation(formEl,valType);
//console.log(' Val: '+valType);
if(valResult == false){
//Validation Error - add error class to input
formElOn.addClass(this.errorClass);
}
else{
//Validation OK - remove error class to input
formElOn.removeClass(this.errorClass);
}
}
}, this);
//13
if(this.formFieldList == ''){
this.formFieldList = idEl;
this.formFieldTypeList = valType;
}
else{
this.formFieldList = this.formFieldList + ',' + idEl;
this.formFieldTypeList = this.formFieldTypeList + ',' + valType;
}
}
,submitFrom: function(action, nextStepActionAt, urlFile, idButtonAt, idResponseDivAt){
this.action = action;
this.formFieldArr = this.formFieldList.split(',');
this.formFieldTypeArr = this.formFieldTypeList.split(',');
//Set Action after submit
if(nextStepActionAt !== undefined){
this.nextStepAction = nextStepActionAt;
}
else {
this.nextStepAction = '';
}
//Set url File
if(idButtonAt !== undefined){
this.formSubmitButton = Ext.get(idButtonAt);
}
else {
this.formSubmitButton = Ext.get(this.idForm + '_button');
}
//Set response Div
if(idResponseDivAt !== undefined){
this.responseDiv = Ext.get(idResponseDivAt);
}
else {
this.responseDiv = Ext.get(this.idForm + '_msg');
}
//Set url File
if(urlFile !== undefined){
this.urlFile = urlFile;
}
// Set onClick attribute to return false;
this.formSubmitButton.set({onclick:'return false;'});
//Button event
this.formSubmitButton.on('click', this.onClickSubmitEvent, this);
}
,onClickSubmitEvent: function(){
var errorList = '';
if(this.formFieldArr.length == 1 && this.formFieldArr[0] == ''){
//no validation fields
}
else{
//validation field loop
for (var i = 0, len = this.formFieldArr.length; i < len; i++){
var formField = Ext.get(this.formFieldArr[i]);
//valudation function
valResult = this.inputValidation(formField,this.formFieldTypeArr[i]);
if(valResult == false){
//Validation Error
formField.addClass(this.errorClass);
if(errorList == '')
errorList = this.formFieldArr[i];
else
errorList = errorList + ',' + this.formFieldArr[i];
}
else{
//Validation OK - remove error class to input
formField.removeClass(this.errorClass);
}
}
}
if(errorList == ''){
//console.log('Submit');
this.requestAjax();
}
}
,requestAjax: function(){
//AJAX request
//alert(this.idForm +' - '+ this.action);
Ext.Ajax.request({
form: this.idForm,
url: this.urlFile,
params: {cmd: this.action},
success: function(response, opts) {
var responseObj = Ext.decode(response.responseText);
this.responseRequest(responseObj);
//console.dir(obj);
},
failure: function(response, opts) {
alert('server-side failure with status code ' + response.status);
},
scope: this
});
}
,responseRequest: function(response){
if(this.responseDiv !== null){
//this.responseDiv.update(response.msg);
this.responseDiv.dom.innerHTML = response.msg;
}
//console.dir(response);
if(response.success == true && (this.action == 'recommendToFriends' || this.action == 'technicalQuestions')){
this.closePanelWithTimeOut();
}
if(response.success == true && this.action == 'removeAllFromWishlist'){
this.closePanelWithTimeOut();
this.refreshPage();
}
if(response.success == true){
if(response.msg == 'Translator'){
this.translatorPage();
}
else if(this.action == 'userLogin' || this.action == 'userLogout' || this.action == 'userRegister'){
if(this.action == 'userLogout'){
var cookie = new Ext.state.CookieProvider();
var notLogShowedPanel = cookie.clear('NOTLOGSHOWEDPANEL');
}
if(this.action == 'userRegister'){
this.refreshPage(2000);
}
else{
this.refreshPage();
}
}
}
//alert(this.responseDiv);
}
,translatorPage: function(){
alert('Translator has been logged in.\nThe page will be reloaded in order to load translator components.');
this.refreshPage();
}
,addRemoveWishList: function(thisEl){
var action = 'addToWislist';
var idArr = thisEl.id.split("_");
var idTables = idArr[1];
var objectID = idArr[2];
//show login panel only first time (not login)
var cookie = new Ext.state.CookieProvider();
var notLogShowedPanel = cookie.get('NOTLOGSHOWEDPANEL');
if(!this.logVal && notLogShowedPanel == undefined){
if(this.slidePanelEl !== ''){
this.slidePanelEl.showSlidePanel(thisEl,"wl_wishlistData_login");
cookie.set('NOTLOGSHOWEDPANEL', 'true');
}
}
Ext.Ajax.request({
url: this.urlFile,
params: {cmd: action, objektType: idTables, objektID: objectID },
success: function(response, opts) {
var responseObj = Ext.decode(response.responseText);
if(responseObj.success == true){
this.updateWistListItems(thisEl.id);
}
else{
alert(responseObj.msg)
}
//this.responseRequest(responseObj);
//console.dir(obj);
},
failure: function(response, opts) {
alert('server-side failure with status code ' + response.status);
},
scope: this
});
}
,setSecWistListItemToUpdate: function(elID){
this.secWistListItemToUpdate = Ext.get(elID);
}
,updateWistListItems: function(thisElID){
var buttonImg = Ext.get(thisElID+'_img');
var buttonImgBlank = Ext.get(thisElID+'_imgBlank');
var thisEl = Ext.get(thisElID);
var wishListAction = '';
if(this.secWistListItemToUpdate !== undefined){
buttonImg = Ext.get(this.secWistListItemToUpdate.id+'_img');
thisEl = this.secWistListItemToUpdate;
}
//translation variables // footer.cfm
var addWishListValue = Ext.get('wishList-addToWishList-translation').dom.innerHTML;;
var removeWishListValue = Ext.get('wishList-removeFromWishList-translation').dom.innerHTML;;
//alert(buttonImg);
if(buttonImg !== null) {
if(buttonImg.hasClass('marken')){
//add
buttonImg.replaceClass('marken', 'gemerkt');
buttonImg.set({src: 'http://files1.sardegna-images.com/layouts/img/checkNote.gif'});
thisEl.update(removeWishListValue);
wishListAction = 'add';
}
else if(buttonImg.hasClass('gemerkt')){
//remove
buttonImg.replaceClass('gemerkt','marken');
buttonImg.set({src: 'http://files1.sardegna-images.com/layouts/img/note.gif'});
thisEl.update(addWishListValue);
wishListAction = 'remove';
}
}
thisEl = Ext.get(thisElID);
if(buttonImgBlank !== null) {
if(buttonImgBlank.hasClass('marken')){
buttonImgBlank.replaceClass('marken', 'gemerkt');
thisEl.update(removeWishListValue);
wishListAction = 'add';
}
else if(buttonImgBlank.hasClass('gemerkt')){
buttonImgBlank.replaceClass('gemerkt','marken');
thisEl.update(addWishListValue);
wishListAction = 'remove';
}
}
if(wishListAction == 'add'){
this.updateWistListCounter('add');
}
else if(wishListAction == 'remove'){
this.updateWistListCounter('remove');
}
//WishList page only
if(this.wishListObjectsNoEl !== ''){
var objectsNoElVal = this.wishListObjectsNoEl.dom.innerHTML;
var objectsNoElValNew = (objectsNoElVal-1);
this.wishListObjectsNoEl.update(objectsNoElValNew);
if(this.wishListHiddeObject == true){
var itemDiv = Ext.get(thisElID+'_itemDiv');
itemDiv.dom.style.display = 'none';
}
}
}
,wishlistPageEvents: function(objectsNoId, hiddeObject){
if(objectsNoId !== undefined){
this.wishListObjectsNoEl = Ext.get(objectsNoId);
}
if(hiddeObject !== undefined){
this.wishListHiddeObject = hiddeObject;
}
}
,showForm: function(idFromToChange, formType){
var forgotButton = Ext.get(this.idForm+'_'+formType);
// Set onClick attribute to return false;
forgotButton.set({onclick:'return false;'});
forgotButton.on('click', function(e, el, o){
this.showSelectedForm(idFromToChange);
}, this);
}
,showSelectedForm: function(selectedForm){
if(selectedForm == undefined){
selectedForm = this.idForm;
}
//alert(selectedForm);
var formsToChanges = Ext.get(this.divForm).select('form');
for(i=0; i < formsToChanges.getCount(); i++){
var item = formsToChanges.item(i);
//console.log(item.dom.id +'!=='+ selectedForm);
if(item.dom.id !== selectedForm) {
item.setDisplayed('none');
}
else{
item.setDisplayed('block');
}
};
}
,updateWistListCounter: function(addOrRemove){
var wishlistItemsCountDiv = Ext.get('wishlistItemsCount');
if(wishlistItemsCountDiv !== null){
var wishlistItemsCount = wishlistItemsCountDiv.dom.innerHTML;
if(addOrRemove == 'add')
wishlistItemsCount++;
else
wishlistItemsCount--;
wishlistItemsCountDiv.dom.innerHTML = wishlistItemsCount;
}
}
,radioChackBoxCombination: function(elementsClass){
var FieldsClass = "." + elementsClass;
Ext.select(FieldsClass).on('click', function(e, t) {
//set(Ext.select(regionFieldsClass), )
//Ext.select(regionFieldsClass).setChecked('false');
var fieldsList = Ext.select(FieldsClass);
if(t.type == 'radio'){
for(i=0; i < fieldsList.getCount(); i++){
var item = fieldsList.item(i);
item.dom.checked = false;
}
t.checked = true;
}
else{
var radiosList = fieldsList.filter('input[type=radio]');
//alert(radiosList.getCount());
for(i=0; i < radiosList.getCount(); i++){
var radioItem = radiosList.item(i);
radioItem.dom.checked = false;
}
if(t.checked == false){
t.checked = false;
}
else{
t.checked = true;
}
}
});
}
,radioSearchByNameEvents: function(radioClass){
Ext.select(radioClass).on('change', function(e, t) {
this.radioSearchByNameChange(t.value)
}, this);
}
,radioSearchByNameChange: function(selectedEl){
if(this.idForm == '')
this.idForm = 'searchByNameForm';
//alert(this.idForm);
var searchForm = Ext.get(this.idForm);
if(searchForm !== null)
if(Ext.get(selectedEl + 'URL') !== null) {
searchForm.dom.action = Ext.get(selectedEl + 'URL').dom.value;
}
else {
searchForm.dom.action = '/'+selectedEl+'/search.cfm';
}
if(selectedEl == 'hotels') {
if(Ext.get('radioSearchByNameHotel') !== null)
Ext.get('radioSearchByNameHotel').dom.checked = true;
}
else {
if(Ext.get('radioSearchByNameVilla') !== null)
Ext.get('radioSearchByNameVilla').dom.checked = true;
}
}
,inputValidation: function(formEl,valType){
var alpha = /^[a-zA-Z_]+$/;
var alphanum = /^[a-zA-Z0-9_]+$/;
var email = /^(\w+)([-+.][\w]+)*@(\w[-\w]*\.){1,5}([A-Za-z]){2,4}$/;
var url = /(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
if(valType == 'password'){
formEl = Ext.get(formEl.id+'_hidde');
}
var valElem = formEl.getValue();
if(valElem == ''){
val = false;
}
else{
if(valType == 'alpha'){
val = alpha.test(valElem);
}
else if(valType == 'alphanum'){
val = alphanum.test(valElem);
}
else if(valType == 'email'){
val = email.test(valElem);
}
else if(valType == 'url'){
val = url.test(valElem);
}
else if(valType == ''){
val = true;
}
else{
val = true;
}
}
//console.log(valElem+ ' type: '+valType+' = '+val);
return val;
}
,refreshPage: function(timeAt){
var time = 500;
if(timeAt !== undefined){
var time = timeAt;
}
//alert('reload');
(function(){
//alert(window.location.hash);
//console.log(window.location.hash);
if(window.location.hash !== undefined && window.location.hash !== ''){
var windowURL = document.URL.replace(window.location.hash,'');
}
else{
var windowURL = document.URL;
}
window.location.href = windowURL;
//window.location.reload();
}).createDelegate(this).defer(time);
//window.location.reload();
}
,sortByEvents: function(elementsArr, formID, hiddenFieldID){
this.sortByElementsArr = elementsArr;
this.sortByHiddenField = Ext.get(hiddenFieldID);
this.sortByformToSubmit = document.getElementById(formID);
for(i=0; i < elementsArr.length; i++){
var item = elementsArr[i];
//Select events
item.on('select', function(e, el, o){
var sortByEl = e.id.replace(/sortBy_/, "");
//var sortByElArr = e.id.split('_');
//var sortByEl = sortByElArr[1];
//Clear select values
for(i=0; i < elementsArr.length; i++){
var itemRe = elementsArr[i];
if (itemRe.id !== e.id){
itemRe.setValue('');
}
}
//Set value to hidden field
this.sortByHiddenField.dom.value = sortByEl +' '+e.getValue();
//submit Sort By form
this.sortByformToSubmit.submit();
}, this);
}
}
,sortByClear: function(){
//Clear select values
for(i=0; i < this.sortByElementsArr.length; i++){
var itemRe = this.sortByElementsArr[i];
itemRe.setValue('');
}
this.sortByHiddenField.dom.value = '';
//submit Sort By form
this.sortByformToSubmit.submit();
}
,enableKey: function() {
Ext.fly(document).on('keydown', this.keyAction, this);
}
,disableKey: function() {
Ext.fly(document).un('keydown', this.keyAction, this);
}
,keyAction: function(ev) {
var keyCode = ev.getKey();
if (
keyCode == 13 //enter
) {
if(this.action !== undefined && ev.target.type !== 'textarea'){
this.onClickSubmitEvent();
}
}
}
,setPanelContainsForm: function(slidePanelElAt){
this.slidePanelEl = slidePanelElAt;
}
,closePanelWithTimeOut: function(){
if(this.slidePanelEl !== ''){
(function(){
this.slidePanelEl.closePanel();
}).createDelegate(this).defer(2000);
}
}
/*-------------------------------------------------*/
};
/*
Sardegna2
AjaxRequests JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
Class: AjaxRequests
Method:
*/
AjaxRequests = function() {
};
AjaxRequests.prototype = {
getContentContainerID: ''
,getContentFormId: ''
,getContentFileUrl: ''
,loaderEl: ''
,init: function(getContentContainerID, getContentFormId, getContentFileUrl, loaderIdAt){
this.getContent = true;
this.getContentContainerID = getContentContainerID;
this.getContentFormId = getContentFormId;
this.getContentFileUrl = getContentFileUrl;
if(loaderIdAt !== undefined){
this.loaderEl = Ext.get(loaderIdAt);
}
}
,getContentRequest: function(){
if(this.loaderEl !== null){
this.loaderEl.dom.style.display = 'block';
}
Ext.Ajax.request({
form: this.getContentFormId,
url: this.getContentFileUrl,
success: function(response, opts) {
var responseObj = Ext.decode(response.responseText);
if(this.loaderEl !== null){
this.loaderEl.dom.style.display = 'none';
}
Ext.get(this.getContentContainerID).update(responseObj.content);
if(responseObj.nextRequest !== undefined && responseObj.nextRequest !== "" && responseObj.nextRequest !== false){
eval('this.'+responseObj.nextRequest+'("'+responseObj.data+'")');
}
//this.responseRequest(responseObj);
//console.dir(obj);
},
failure: function(response, opts) {
alert('server-side failure with status code ' + response.status);
},
scope: this
});
}
,setPrevNextEvents: function(onClickAction, prevButtonClass, nextButtonClass){
if(prevButtonClass !== undefined){
Ext.select('.'+prevButtonClass).on('click', function(e, t) {
if(onClickAction == 'villaAvailability'){
this.villaAvailabilityOnClick(t);
}
else if(onClickAction == 'homeSpecials'){
this.homeSpecialsOnClick(t);
}
}, this);
}
if(nextButtonClass !== undefined){
Ext.select('.'+nextButtonClass).on('click', function(e, t) {
if(onClickAction == 'villaAvailability'){
this.villaAvailabilityOnClick(t);
}
else if(onClickAction == 'homeSpecials'){
this.homeSpecialsOnClick(t);
}
}, this);
}
}
,updateVillaAvailabilityFields: function(data){
//update date field after request
Ext.get('dateToCheck').set({value: data});
//set prev and next buttons events
this.setPrevNextEvents('villaAvailability','villaAv_prevButton', 'villaAv_nextButton');
}
,updateHomeSpecialsvilla: function(data){
Ext.get('villaSpecialObjectID').set({value: data});
this.setPrevNextEvents('homeSpecials','villaspecial_prevButton', 'villaspecial_nextButton');
}
,updateHomeSpecialshotel: function(data){
Ext.get('hotelSpecialObjectID').set({value: data});
this.setPrevNextEvents('homeSpecials','hotelspecial_prevButton', 'hotelspecial_nextButton');
}
,updateEmailDetailsStatus: function(data){
var imageEmailDetails = Ext.get(data);
imageEmailDetails.dom.src = 'http://files1.sardegna-images.com/layouts/img/email_read.gif';
}
,villaAvailabilityOnClick: function(t){
var targetIdArr = t.id.split('_');
var date = targetIdArr[targetIdArr.length - 1];
Ext.get('dateToCheck').set({value: "{d '"+date+"'}"});
this.getContentRequest();
}
,homeSpecialsOnClick: function(t){
var targetIdArr = t.id.split('_');
var objekt = targetIdArr[targetIdArr.length - 1];
var objektType = targetIdArr[0];
var fieldToUpdate = '';
if(objektType == 'hotelspecial'){
fieldToUpdate = 'hotelSpecialObjectID';
}
else if(objektType == 'villaspecial'){
fieldToUpdate = 'villaSpecialObjectID';
}
Ext.get(fieldToUpdate).set({value: objekt});
this.getContentRequest();
}
,updateSurvey: function(data){
Ext.get('surveyData').set({value: data});
this.setSurveyEvents();
}
,surveyOnClick: function(t){
var targetIdArr = t.id.split('_');
var data = targetIdArr[targetIdArr.length - 1];
Ext.get('surveyData').set({value: "data"});
this.getContentRequest();
}
,setSurveyEvents: function(){
Ext.select('.survey_next').on('click', function(e, t) {
this.surveyOnClick(t);
}, this);
}
};/*
Sardegna2
ShowPopup JS
All material herein (c) Copyright 2009 Binary Minds, Inc.
All Rights Reserved.
**Document Under Development**
Current Administrator: Rob
Changes (incl. date and name)
8/27/09 Luk: created
Purpose and Notes:
Required Parameters:
Optional Parameters:
Returns:
Class: ShowPopup
Method:
*/
ShowPopup = function(idForm) {
if(idForm) {
this.init(idForm);
}
};
ShowPopup.prototype = {
popupClass: ''
,alignPosition: ''
,shiftX: 0
,shiftY: 0
,urlAjaxFile: ''
,ajaxLanguage: ''
,getFromAjax: false
,init: function(popupClass, alignAt, shiftX, shiftY){
if(popupClass !== undefined)
this.popupClass = popupClass;
if(alignAt !== undefined)
this.alignPosition = alignAt;
if(shiftX !== undefined)
this.shiftX = shiftX;
if(shiftY !== undefined)
this.shiftY = shiftY;
this.setPopupEvents();
}
,setPopupEvents: function(){
Ext.select('.'+this.popupClass).on('mouseover', function(e, t) {
var target = Ext.get(t.id);
var shiftX = this.shiftX;
var shiftY = this.shiftY;
var el = this.getElementToEvent(t);
if(this.alignPosition.search('r') !== -1){
shiftX = (shiftX + target.getWidth());
}
if(this.alignPosition.search('b') !== -1){
shiftY = (shiftY + target.getHeight());
}
if(el[1] !== null){
if(this.getFromAjax){
this.ajaxRequestFn(el[0], el[1]);
}
el[1].setLocation((target.getX()+shiftX),(target.getY()+shiftY));
}
}, this);
Ext.select('.'+this.popupClass).on('mouseout', function(e, t) {
var el = this.getElementToEvent(t);
if(el[1] !== null){
el[1].setLocation(-2000,-2000);
}
}, this);
}
,getElementToEvent: function(t){
var eventEl = Ext.get(t.id);
var idArr = t.id.split('_');
var idType = idArr[0];
var idNo = idArr[idArr.length-1];
var idTable = idArr[idArr.length-2];
var elParam = new Array();
elParam[0] = idNo;
if(isNaN(Number(idTable))){
var popupId = idType+'_popup_'+ idNo;
}
else{
var popupId = idType+'_popup_'+ idTable +'_'+ idNo;
elParam[1] = idTable;
}
var popupEl = Ext.get(popupId);
var el = new Array();
el[0] = elParam;
el[1] = popupEl;
return el;
}
,getAjaxContent: function(urlAjaxFileAt, langugeAt){
this.getFromAjax = true;
this.urlAjaxFile = urlAjaxFileAt;
this.ajaxLanguage = langugeAt;
}
,ajaxRequestFn: function(elParamArr, popupElAt){
if(this.urlAjaxFile !== '' && popupElAt.dom.innerHTML == ''){
var loaderEl = Ext.DomHelper.append(popupElAt, {
tag: 'img',
src: 'http://files1.sardegna-images.com/layouts/img/lb-load.gif',
alt: 'loading...'
}, true);
Ext.Ajax.request({
url: this.urlAjaxFile,
params: {param: elParamArr, language: this.ajaxLanguage },
success: function(response, opts) {
var responseObj = Ext.decode(response.responseText);
loaderEl.dom.style.display = 'none';
popupElAt.dom.innerHTML = responseObj.content;
},
failure: function(response, opts) {
alert('server-side failure with status code ' + response.status);
},
scope: this
});
}
}
};
Ext.ns('Ext.ux');
Ext.override(Ext.form.Field, {
msgTarget : 'under',
invalidClass : 'SardegnaForm-invalid-field',
labelStyle : 'font-size: 11px'
});
Ext.override(Ext.form.BasicForm, {
isValid : function() {
var valid = true;
this.items.each(function(f) {
var cnt = f.findParentByType('s-fieldset');
if (!cnt && !f.validate() || cnt && !cnt.collapsed && !f.validate()) {
valid = false;
}
});
return valid;
}
});
Ext.override(Ext.Element, {
unwrap : function(sel) {
var parent = this.up(sel, 1);
if (parent) {
parent.insertSibling(this.dom, 'before');
parent.remove();
}
return this.dom;
}
});
SardegnaForm = {
url : '/lib/services/service.cfm',
createStoreWithAdditionalValue : function(field, value, url) {
var record = Ext.data.Record.create([{
name : field + 'ID',
type : 'int'
}, {
name : field
}]);
return new Ext.data.JsonStore({
url : url || this.url,
baseParams : {
cmd : 'getComboData',
field : field
},
recordDef : record,
fields : record,
fieldName : field,
addValue : value,
root : 'data',
listeners : {
'load' : function(store, records, options) {
var o = {};
o[store.fieldName + 'ID'] = 0;
o[store.fieldName] = store.addValue;
store.insert(0, new store.recordDef(o));
store.fireEvent('customload', store, records,
options);
}
}
});
},
createStore : function(field, url) {
return new Ext.data.JsonStore({
url : url || this.url,
baseParams : {
cmd : 'getComboData',
field : field
},
fields : [{
name : field + 'ID',
type : 'int'
}, {
name : field
}],
root : 'data'
})
},
generateArray : function(to, from) {
var result = [];
for (var i = from || 0; i <= to; i++) {
result.push([i]);
}
return result;
}
};
Ext.ux.SardegnaForm = Ext.extend(Ext.FormPanel, {
url : SardegnaForm.url,
border : false,
labelAlign : 'top',
translations : {},
unstyled : true,
initComponent : function() {
},
cls : 'Sardegna-Form',
createItems : function() {
Ext.ux.SardegnaForm.superclass.initComponent.apply(this, arguments);
this.on({
afterrender : {
fn : this.onAfterRender,
scope : this
},
show : {
fn : this.scrollToTop
}
});
},
render : function() {
if (!this.rendered) {
var p = {
cmd : 'getTranslations',
translations : Ext.encode(this.translations)
};
if (this.pageName)
Ext.apply(p, {
page : this.pageName
});
Ext.Ajax.request({
url : this.url,
success : this.onGetTranslations,
scope : this,
params : p
});
}
},
onGetTranslations : function(response, action) {
var jsonResponse = {};
try {
jsonResponse = Ext.decode(response.responseText);
} catch (e) {
}
if (jsonResponse.success && jsonResponse.translations) {
Ext.apply(this, {
translations : jsonResponse.translations
});
this.createItems();
Ext.ux.SardegnaForm.superclass.render.call(this, this.renderToEl);
}
},
onAfterRender : function() {
if (this.loadingIndicatorId && Ext.get(this.loadingIndicatorId))
Ext.get(this.loadingIndicatorId).remove();
},
onSuccess : function(response, options) {
var jsonResponse = {};
try {
jsonResponse = Ext.decode(response.responseText);
} catch (e) {
}
return jsonResponse;
},
hideField : function(field) {
if (field) {
var f = this.getForm().findField(field);
if (f && f.container) {
var cnt = f.container.up('div.x-form-item');
cnt.setVisibilityMode(Ext.Element.DISPLAY);
cnt.hide();
}
}
},
showField : function(field) {
if (field) {
var f = this.getForm().findField(field);
if (f && f.container) {
var cnt = f.container.up('div.x-form-item');
cnt.show();
}
}
},
scrollToTop : function() {
if (document.body && document.body.scrollTop) {
document.body.scrollTop = 0;
} else if (document.documentElement
&& document.documentElement.scrollTop) {
document.documentElement.scrollTop = 0;
}
},
onFailure : function(response, request) {
var errMsg = "Unknown error."
if (request.failureType === Ext.form.Action.CLIENT_INVALID) {
errMsg = "Fill all required fileds!";
} else {
errMsg = "\nAjax communication failed.\n\n"
switch (response.status) {
case -1 :
errMsg += "Request timed out.\n\nPlease try again.";
break;
case 0 :
errMsg += "Check your internet connection.";
break;
case 500 :
errMsg += "Internal server error.\n\n\n"
+ response.responseText.substr(
response.responseText.lastIndexOf('')
+ 5, 2500);
break;
}
}
alert(errMsg);
},
createStoreWithAdditionalValue : SardegnaForm.createStoreWithAdditionalValue,
createStore : SardegnaForm.createStore,
generateArray : SardegnaForm.generateArray
});
Ext.override(Ext.layout.FormLayout, {
labelSeparator : '',
fieldTpl : new Ext.Template(
''),
getTemplateArgs : function(field) {
var noLabelSep = !field.fieldLabel || field.hideLabel;
return {
id : field.id,
label : field.fieldLabel,
labelStyle : this.getLabelStyle(field.labelStyle),
elementStyle : this.elementStyle || '',
labelSeparator : noLabelSep
? ''
: (typeof field.labelSeparator == 'undefined'
? this.labelSeparator
: field.labelSeparator),
itemCls : (field.itemCls || this.container.itemCls || '')
+ (field.hideLabel ? ' x-hide-label' : ''),
clearCls : field.clearCls || 'x-form-clear-left',
required : field.allowBlank
|| !(field.fieldLabel && field.fieldLabel.length)
? ''
: '* '
};
}
});
Ext.ux.STextField = Ext.extend(Ext.form.TextField, {
fieldClass : 'SardegnaForm-TextField',
height : 19
});
Ext.reg('s-textfield', Ext.ux.STextField);
Ext.ux.STextArea = Ext.extend(Ext.form.TextArea, {
fieldClass : 'SardegnaForm-TextArea',
focusClass : 'SardegnaForm-focus'
});
Ext.reg('s-textarea', Ext.ux.STextArea);
Ext.ux.SIntegerField = Ext.extend(Ext.form.NumberField, {
fieldClass : 'SardegnaForm-TextField',
height : 19,
allowNegative : false,
allowDecimals : false
});
Ext.reg('s-integerfield', Ext.ux.SIntegerField);
Ext.ux.SNumericField = Ext.extend(Ext.form.NumberField, {
fieldClass : 'SardegnaForm-TextField',
height : 19,
allowNegative : false
});
Ext.reg('s-numericfield', Ext.ux.SNumericField);
Ext.ux.SSpacer = Ext.extend(Ext.Spacer, {
cls : 'SardegnaForm-Spacer'
});
Ext.reg('s-spacer', Ext.ux.SSpacer);
Ext.ux.SComboBox = Ext.extend(Ext.form.ComboBox, {
fieldClass : 'SardegnaForm-ComboBox-field',
listClass : 'SardegnaForm-ComboBox-list',
selectedClass : 'SardegnaForm-ComboBox-selected',
triggerClass : 'SardegnaForm-ComboBox-trigger',
height : 19,
editable : false,
triggerAction : 'all'
});
Ext.reg('s-combobox', Ext.ux.SComboBox);
Ext.ux.SDateField = Ext.extend(Ext.form.DateField, {
fieldClass : 'SardegnaForm-ComboBox-field',
triggerClass : 'SardegnaForm-DateField-trigger',
height : 19,
editable : false,
allowBlank : false,
format : 'd.m.Y'
});
Ext.reg('s-datefield', Ext.ux.SDateField);
Ext.ux.SFieldSet = Ext.extend(Ext.form.FieldSet, {
baseCls : 'SardegnaForm-Fieldset',
collapsed : true,
collapse : function(animate) {
Ext.each(this.findByType(Ext.form.Field), function(f) {
f.clearInvalid();
});
Ext.form.FieldSet.superclass.collapse.apply(this, arguments);
},
onRender : function(ct, position) {
if (!this.el) {
this.el = document.createElement('fieldset');
this.el.id = this.id;
if (this.title || this.header || this.checkboxToggle) {
this.el.appendChild(document.createElement('legend')).className = 'x-fieldset-header';
}
}
Ext.form.FieldSet.superclass.onRender.call(this, ct, position);
if (this.checkboxToggle) {
var obj = {
tag : 'input',
type : 'checkbox',
name : this.checkboxName || this.id + '-checkbox'
};
if (this.tabIndex && (this.tabIndex > 0 || this.tabIndex === 0))
Ext.apply(obj, {
tabIndex : this.tabIndex
});
var o = typeof this.checkboxToggle == 'object'
? this.checkboxToggle
: obj;
this.checkbox = this.header.insertFirst(o);
this.checkbox.dom.checked = !this.collapsed;
this.mon(this.checkbox, 'click', this.onCheckClick, this);
}
}
});
Ext.reg('s-fieldset', Ext.ux.SFieldSet);
Ext.ux.HeaderLabel = Ext.extend(Ext.form.Label, {
cls : 'SardegnaForm-HeaderLabel'
});
Ext.reg('hlabel', Ext.ux.HeaderLabel);
Ext.ux.LinkLabel = Ext.extend(Ext.form.Label, {
cls : 'SardegnaForm-LinkLabel',
overCls : 'SardegnaForm-LinkLabel-over'
});
Ext.reg('llabel', Ext.ux.LinkLabel);
Ext.override(Ext.Button, {
buttonSelector : 'span:first-child',
autoWidth : true,
template : new Ext.Template(
' ")
});
Ext.ux.SLoadMask = Ext.extend(Ext.LoadMask, {
msgCls : 'loading-indicator',
msg : 'Loading...',
onLoad : function() {
// this.el.unmask(this.removeMask);
},
onBeforeLoad : function() {
if (!this.disabled) {
var li = new Ext.BoxComponent({
autoEl : {
id : 'formLoadingIndicator',
tag : 'div',
cls : this.msgCls,
html : this.msg
}
});
// console.log(li);
// li.appendTo(this.el);
// this.el.appendChild('
');
}
}
});
Ext.ns('Ext.ux');
Ext.ux.Login = Ext.extend(Ext.ux.SardegnaForm, {
translations : {
email : 'Email',
password : 'Password',
logIn : 'Log in',
passwordRemind : 'Forgot your password?',
pleaseWait : 'Please wait...',
sendPassword : 'Send password'
},
createItems : function() {
this.submitAction = 'userLogin';
this.actions = {
submit : new Ext.Action({
text : this.translations.logIn,
handler : this.onSubmit,
scope : this,
width : 120
})
};
Ext.apply(this, {
items : [{
xtype : 's-textfield',
name : 'username',
fieldLabel : this.translations.email,
vtype : 'email',
width : 225
}, {
xtype : 's-textfield',
name : 'password',
fieldLabel : this.translations.password,
inputType : 'password'
}, {
itemId : 'passwordRemindLabel',
xtype : 'llabel',
text : this.translations.passwordRemind,
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : this.onForgotPassword,
scope : this
}
});
},
scope : this
}
}
}],
buttons : [this.actions.submit],
buttonAlign : 'right'
});
Ext.ux.Login.superclass.createItems.apply(this, arguments);
},
onSubmit : function() {
this.getForm().submit({
url : this.url,
success : this.onSubmitSuccess,
failure : this.onSubmitFailure,
scope : this,
params : {
cmd : this.submitAction
}
});
this.actions.submit.setText(this.translations.pleaseWait);
this.actions.submit.disable();
},
setUsername : function(username) {
if (username) {
var f = this.getForm().findField('username');
if (f)
f.setValue(username);
f = this.getForm().findField('password');
if (f)
f.focus(false, 200);
}
},
onSubmitSuccess : function(form, response) {
if (response.options.params.cmd === 'userRemindPassword') {
this.showField('password');
var l = this.getComponent('passwordRemindLabel');
if (l)
l.show();
this.actions.submit.setText(this.translations.logIn);
this.actions.submit.enable();
this.submitAction = 'userLogin';
var f = this.getForm().findField('password');
if (f)
f.reset();
} else if (response.options.params.cmd === 'userLogin') {
location.reload();
}
},
onSubmitFailure : function(form, response) {
if (response.result && response.result.msg) {
var f = this.getForm().findField('username');
if (f)
f.markInvalid(response.result.msg);
this.actions.submit
.setText(response.options.params.cmd === 'userLogin'
? this.translations.logIn
: this.translations.sendPassword);
this.actions.submit.enable();
}
},
onForgotPassword : function() {
var l = this.getComponent('passwordRemindLabel');
if (l)
l.hide();
var f = this.getForm().findField('username');
if (f)
f.clearInvalid();
this.hideField('password');
this.actions.submit.setText(this.translations.sendPassword);
this.submitAction = 'userRemindPassword';
}/*
* , setFieldsDisabled : function(disable) { Ext.each(['username',
* 'password'], function(id) { var f = this.getForm().findField(id); if
* (f) f.setDisabled(disable); return true; }, this) }
*/
});
Ext.ns('Ext.ux');
Ext.ux.Travelers = Ext.extend(Ext.Container, {
translations : null,
travelersGroup : '',
relatedGroup : '',
trvTabIndex : 3000,
trvFirstName : 'travelerFirstName',
trvLastName : 'travelerLastName',
trvBirthDate : 'travelerBirthDate',
trvSelected : 'travelerSelected',
trvelersNameWidth : 200,
maxAdultsTravelers : 2,
maxChildrenTravelers : 2,
travelersCounter : 0,
collapsed : true,
initComponent : function() {
Ext.apply(this, {
items : [{
xtype : 'container',
itemId : String.format('cnt{0}Travelers',
this.travelersGroup),
defaults : {
xtype : 'container',
layout : 'column'
}
}
/*
* , { xtype : 'llabel', text :
* this.translations.addTraveler, listeners : { afterrender : {
* fn : function(cmp) { cmp.getEl().on({ click : { fn :
* this.onAddTraveler, scope : this } }); }, scope : this } } }
*/
]
});
Ext.ux.Travelers.superclass.initComponent.apply(this, arguments);
this.on({
afterrender : this.addRemoveTravelers,
scope : this
});
},
onAddTraveler : function() {
var cnt = this.getComponent(String.format('cnt{0}Travelers',
this.travelersGroup));
this.travelersCounter++;
if (cnt) {
if (this.travelersCounter === 1)
cnt.add({
defaults : {
xtype : 'container',
defaults : {
xtype : 'label',
style : 'font-size: 11px'
}
},
items : [{
columnWidth : 0.35,
items : [{
text : this.translations.travelerFirstName
}]
}, {
columnWidth : 0.35,
items : [{
text : this.translations.travelerLastName
}]
}, {
columnWidth : 0.2,
items : [{
text : this.translations.travelerBirthDate
}]
}, {
columnWidth : 0.1,
items : [{
text : this.translations.travelerSelected
}]
}]
});
cnt.add({
id : String.format('{0}TravelerRow_{1}',
this.travelersGroup, this.travelersCounter),
realtedGroup : this.relatedGroup,
defaults : {
xtype : 'container',
layout : 'form',
labelAlign : 'top',
defaults : {
tabIndex : this.trvTabIndex,
hideLabel : true,
allowBlank : false,
trvIdx : this.travelersCounter,
listeners : {
blur : function(fld) {
this.fillRelatedField(fld,
this.relatedGroup);
},
afterrender : this.onAfterrenderField,
scope : this
}
}
},
items : [{
columnWidth : 0.35,
items : [{
itemIndex : 0,
id : String.format('{0}_{1}{2}',
this.travelersGroup, this.trvFirstName,
this.travelersCounter),
xtype : 's-textfield',
name : String.format('{0}_{1}_{2}',
this.travelersGroup, this.trvFirstName,
this.travelersCounter),
width : this.trvelersNameWidth
}]
}, {
columnWidth : 0.35,
items : [{
itemIndex : 1,
id : String.format('{0}_{1}{2}',
this.travelersGroup, this.trvLastName,
this.travelersCounter),
xtype : 's-textfield',
name : String.format('{0}_{1}_{2}',
this.travelersGroup, this.trvLastName,
this.travelersCounter),
width : this.trvelersNameWidth
}]
}, {
columnWidth : 0.2,
items : [{
itemIndex : 2,
xtype : 's-datefield',
editable : true,
id : String.format('{0}_{1}{2}',
this.travelersGroup, this.trvBirthDate,
this.travelersCounter),
name : String.format('{0}_{1}_{2}',
this.travelersGroup, this.trvBirthDate,
this.travelersCounter)
}]
}, {
columnWidth : 0.1,
items : [{
itemIndex : 3,
xtype : 'checkbox',
id : String.format('{0}_{1}{2}',
this.travelersGroup, this.trvSelected,
this.travelersCounter),
name : String.format('{0}_{1}_{2}',
this.travelersGroup, this.trvSelected,
this.travelersCounter),
checked : true,
relatedFields : [
String.format('{0}_{1}{2}',
this.travelersGroup,
this.trvFirstName,
this.travelersCounter),
String.format('{0}_{1}{2}',
this.travelersGroup,
this.trvLastName,
this.travelersCounter),
String.format('{0}_{1}{2}',
this.travelersGroup,
this.trvBirthDate,
this.travelersCounter)],
listeners : {
blur : {
fn : function(fld) {
}
},
check : function(fld) {
this.fillRelatedCheckbox(fld,
this.relatedGroup);
},
afterrender : this.onAfterrenderField,
scope : this
}
}]
}/*
* , { columnWidth : 0.1, items : [{ xtype :
* 'llabel', text : this.translations.remove,
* listeners : { afterrender : { fn : function(cmp) {
* cmp.getEl().on({ click : { fn : function(ev,
* html, options) { var owner =
* cmp.ownerCt.ownerCt.ownerCt; owner.remove(
* cmp.ownerCt.ownerCt, true); owner.doLayout(); },
* scope : cmp } }); }, scope : this } } }] }
*/]
});
if (this.collapsed)
this.doLayoutOnExpand = true;
else
cnt.doLayout();
}
},
onRemoveTraveler : function() {
var cnt = this.getComponent(String.format('cnt{0}Travelers',
this.travelersGroup));
if (cnt && this.travelersCounter > 0) {
cnt.remove(String.format('{0}TravelerRow_{1}', this.travelersGroup,
this.travelersCounter), true);
cnt.doLayout();
this.travelersCounter--;
}
},
setMaxAdultsTravelers : function(n) {
this.maxAdultsTravelers = parseInt(n);
if (this.rendered)
this.addRemoveTravelers();
},
setMaxChildrenTravelers : function(n) {
this.maxChildrenTravelers = parseInt(n);
if (this.rendered)
this.addRemoveTravelers();
},
addRemoveTravelers : function() {
if (this.rendered) {
if (this.maxAdultsTravelers + this.maxChildrenTravelers > this.travelersCounter)
for (var i = this.travelersCounter; i < this.maxAdultsTravelers
+ this.maxChildrenTravelers; i++)
this.onAddTraveler();
else
for (var i = this.travelersCounter; i > this.maxAdultsTravelers
+ this.maxChildrenTravelers; i--)
this.onRemoveTraveler();
}
},
fillRelatedField : function(fld, group) {
var cnt = Ext.getCmp(String.format('{0}TravelerRow_{1}', group,
fld.trvIdx));
if (cnt && fld.itemIndex >= 0)
cnt.items.itemAt(fld.itemIndex).items.itemAt(0).setRawValue(fld
.getRawValue());
},
fillRelatedCheckbox : function(fld, group) {
if (fld.relatedFields) {
for (var i = 0, len = fld.relatedFields.length; i < len; i++) {
var f = Ext.getCmp(fld.relatedFields[i])
f.allowBlank = fld.getValue() ? false : true;
if (!fld.getValue())
f.clearInvalid();
}
}
/*
* var cnt = Ext.getCmp(String.format('{0}TravelerRow_{1}', group,
* fld.trvIdx)); if (cnt && fld.itemIndex >= 0) { var chbox =
* cnt.items.itemAt(fld.itemIndex).items.itemAt(0);
* chbox.setValue(!fld.getValue()); }
*/
},
onAfterrenderField : function(fld) {
var cntRel = Ext.getCmp(String.format('{0}TravelerRow_{1}',
this.relatedGroup, fld.trvIdx));
if (cntRel && fld.itemIndex >= 0) {
var fldRel = cntRel.items.itemAt(fld.itemIndex).items.itemAt(0);
if (fldRel) {
if (fldRel instanceof Ext.form.Checkbox) {
/*
* fld.setDisabled(this.getRelatedComponent().collapsed); if
* (this.getRelatedComponent().collapsed)
* this.fillRelatedCheckbox.defer(50, this, [fld,
* this.relatedGroup]); else
* this.fillRelatedCheckbox.defer(50, this, [fldRel,
* cntRel.realtedGroup]);
*/
} else
this.fillRelatedField.defer(50, this, [fldRel,
cntRel.realtedGroup]);
}
} /*
* else if (fld instanceof Ext.form.Checkbox) fld.disable();
*/
},
fillEnableAll : function(fill/* , enable */) {
Ext.each(this.findByType('checkbox'), function(chbox) {
/* chbox.setDisabled(!enable); */
if (fill)
chbox.setValue(true);
});
},
setExpanded : function() {
this.collapsed = false;
if (this.doLayoutOnExpand) {
this.doLayout();
this.doLayoutOnExpand = false;
}
this.fillEnableAll(true);
/*
* var cmpRel = this.getRelatedComponent();
* this.fillEnableAll(cmpRel.collapsed, !cmpRel.collapsed); if
* (!cmpRel.collapsed) cmpRel.fillEnableAll(false, true);
*/
},
setCollapsed : function() {
this.collapsed = true;
this.fillEnableAll(false);
/*
* var cmpRel = this.getRelatedComponent(); if (cmpRel)
* cmpRel.fillEnableAll(true, false);
*/
},
getRelatedComponent : function() {
return Ext.getCmp(this.relatedGroup + 'TravelersComponent');
}
});
Ext.reg('s-travelers-group', Ext.ux.Travelers);Ext.ns('Ext.ux');
Ext.ux.HotelSpecificData = Ext.extend(Ext.Container, {
defaults : {
layout : 'form',
xtype : 'container',
labelAlign : 'top'
},
style : {
'margin-bottom' : '5px'
},
forceSelection : false,
initComponent : function() {
this.roomCategoryField = "roomCategory";
this.roomCategoryStore = new Ext.data.JsonStore({
url : this.url,
baseParams : {
cmd : 'getRoomCategories'
},
fields : [{
name : this.roomCategoryField + 'ID',
type : 'int'
}, {
name : this.roomCategoryField
}, {
name : 'roomPrice',
type : 'float'
}],
root : 'data'
});
this.boardStore = new Ext.data.JsonStore({
url : this.url,
baseParams : {
cmd : 'getBoardRadios',
hotelID : this.hotelID
},
fields : [{
name : 'boxLabel'
}, {
name : 'inputValue'
}, {
name : 'available'
}],
root : 'data',
idProperty : 'inputValue',
autoLoad : true,
listeners : {
'load' : {
fn : function(store, records, options) {
if (store.reader.jsonData
&& store.reader.jsonData.hotelName) {
if (store.reader.jsonData.boardArrDate
&& store.reader.jsonData.boardDepDate) {
this.arrivalDate = store.reader.jsonData.boardArrDate;
this.departureDate = store.reader.jsonData.boardDepDate;
}
var cnt = this.getComponent('cntHotelName');
if (cnt) {
cnt.removeAll(true);
cnt.add({
xtype : 'box',
autoEl : {
tag : 'span',
html : String
.format(
'{0}: {1} {4} {5}
',
store.reader.jsonData.hotelName,
store.reader.jsonData.hotelClosed
? this.translations.hotelClosed
: '',
store.reader.jsonData.hotelClosed
? 'color: gray;'
: '',
// this.forceSelection ?
!(!store.reader.jsonData.hotelClosed && store.reader.jsonData.predictedSeason)
? 'color: #C90002;'
: '',
store.reader.jsonData.hotelClosed
&& store.reader.jsonData.hotelSeasonStart
&& store.reader.jsonData.hotelSeasonEnd
? String
.format(
'({0} {1} {2} {3})',
this.translations.hotelIsAvailable,
store.reader.jsonData.hotelSeasonStart,
this.translations.availableTo,
store.reader.jsonData.hotelSeasonEnd)
: '',
!store.reader.jsonData.hotelClosed
&& store.reader.jsonData.predictedSeason
? String
.format(
'{0} {1} {2}',
this.translations.subjectToChanges,
store.reader.jsonData.predictedSeasonYear,
this.translations.notYetAvailable)
: '')
}
});
if (!store.reader.jsonData.hotelClosed)
cnt.add({
xtype : 'hidden',
name : 'hotelName-'
+ this.hotelID,
value : store.reader.jsonData.hotelName
});
else
this.disableRoomCategory(true, true);
cnt.doLayout();
this
.grayOutRoomCategoryLabel(store.reader.jsonData.hotelClosed);
}
}
var checkboxItems = [];
var counter = 0;
Ext.each(records, function(record, idx, all) {
checkboxItems[counter] = record.data;
Ext.apply(checkboxItems[counter], {
name : 'board_' + this.hotelID,
disabled : !record.data.available,
inputValue : record.data.boxLabel,
valueID : record.data.inputValue
});
counter++;
}, this);
var cnt = this.getComponent('cntBoardGroup');
if (cnt) {
cnt.removeAll(true);
cnt.add({
itemId : 'fldBoardGroup' + this.hotelID,
xtype : 'checkboxgroup',
allowBlank : (!store.reader.jsonData.hotelClosed
|| this.hotelID === 0 || this.forceSelection)
? false
: true,
blankText : this.translations.selectAtLeastOneItem,
fieldLabel : this.translations.board,
labelStyle : store.reader.jsonData.hotelClosed
&& this.hotelID !== 0
? 'color: gray'
: '',
items : checkboxItems,
tabIndex : 2000,
columns : 4,
listeners : {
change : function(group, newVal) {
/*
* var cmb = this.getRoomCateogryFld();
* if (cmb) { cmb .setDisabled(!(newVal &&
* newVal.length)); cmb.emptyText =
* newVal && newVal.length ? '' :
* this.translations.roomCategoryEmpty;
* cmb.setRawValue(cmb.emptyText); }
*/
this.disableRoomCategory(
!(newVal && newVal.length),
!(newVal && newVal.length));
},
invalid : function(group, msg) {
if (group && group.items) {
var hasOption = false;
group.items.each(function(i) {
if (!i.disabled) {
hasOption = true;
return false;
}
return true;
})
if (!hasOption)
group.clearInvalid();
}
},
scope : this
}
});
cnt.doLayout();
}
this.setMandatory(store.reader.jsonData.hotelClosed);
},
scope : this
}
}
});
var roomCategoryItems = [];
if (this.hotelID)
roomCategoryItems.push({
itemId : 'fldRoomCategory' + this.hotelID,
xtype : 's-combobox',
hidden : this.hotelID === 0,
fieldLabel : this.translations.roomCategory,
mode : 'remote',
store : this.roomCategoryStore,
displayField : this.roomCategoryField,
name : this.roomCategoryField + '_' + this.hotelID,
valueField : this.roomCategoryField + 'ID',
hiddenName : this.roomCategoryField + 'ID_'
+ this.hotelID,
editable : false,
tabIndex : 100,
queryParam : 'params',
value : '',
emptyText : this.translations.roomCategoryEmpty,
disabled : true,
width : 327,
tpl : new Ext.XTemplate(
'{'
+ this.roomCategoryField
+ '} ('
+ this.translations.priceFrom
+ ' {[this.showPrice(values.roomPrice)]} '
+ this.translations.euroPersonDay
+ ')
{'
+ this.titleField
+ '}
{'
+ this.titleField
+ '}
{'
+ this.maxPriceVillaField
+ '}
{' +
* this.roomCategoryField + '} (' +
* this.translations.priceFrom + '
* {[this.showPrice(values.roomPrice)]} ' +
* this.translations.euroPersonDay + ')
{[this.showCountry(values.COUNTRYNAME)]}{'
+ this.airportField
+ '}
', {
showCountry : function(
countryname) {
if (this.previous !== countryname) {
this.previous = countryname;
return String
.format(
'{0}
',
countryname);
}
return '';
}
})
}]
}, {
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.planeTo,
mode : 'remote',
store : this.airportSardegnaStore,
displayField : this.airportSardegnaField,
name : this.airportSardegnaField,
valueField : this.airportSardegnaField
+ 'ID',
hiddenName : this.airportSardegnaField
+ 'ID',
allowBlank : false,
tabIndex : 3000,
value : 'Cagliari'
}]
}, {}]
}, {
xtype : 's-travelers-group',
translations : this.translations,
travelersGroup : 'plane',
relatedGroup : 'ferry',
id : 'planeTravelersComponent'
}],
listeners : {
collapse : function(fldset) {
Ext.each(
fldset.findByType('s-travelers-group'),
function(item) {
item.setCollapsed();
});
},
expand : function(fldset) {
this.markOfferAsInvalid(false);
Ext.each(
fldset.findByType('s-travelers-group'),
function(item) {
item.setExpanded();
});
},
scope : this
}
}, {
xtype : 's-spacer'
}, {
xtype : 's-fieldset',
checkboxName : 'offerForCars',
title : this.translations.offerForCar,
collapsed : !showCars,
collapsible : true,
checkboxToggle : true,
autoHeight : true,
tabIndex : 4000,
items : [{
xtype : 'container',
defaults : {
xtype : 'container',
layout : 'form'
},
items : [{
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.carClass,
mode : 'remote',
store : this.carclassStore,
displayField : this.carclassField,
name : this.carclassField,
valueField : this.carclassField
+ 'ID',
hiddenName : this.carclassField
+ 'ID',
tabIndex : 4000,
allowBlank : false
}]
}]
}, {
xtype : 'container',
layout : 'column',
defaults : {
xtype : 'container',
layout : 'form',
columnWidth : .33
},
items : [{
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.pickup,
mode : 'remote',
store : this.rentalcarStationStore,
displayField : this.rentalcarStationField,
name : 'carPickup',
valueField : this.rentalcarStationField
+ 'ID',
hiddenName : 'carPickupID',
allowBlank : false,
tabIndex : 4000,
value : 'Cagliari Airport'
}]
}, {
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.dropoff,
mode : 'remote',
store : this.rentalcarStationStore,
displayField : this.rentalcarStationField,
name : 'carDropoff',
valueField : this.rentalcarStationField
+ 'ID',
hiddenName : 'carDropoffID',
allowBlank : false,
tabIndex : 4000,
value : 'Cagliari Airport'
}]
}]
}, {
xtype : 'container',
defaults : {
xtype : 'container',
layout : 'form'
},
items : [{
items : [{
xtype : 's-integerfield',
name : 'driverAge',
fieldLabel : this.translations.driversAge,
tabIndex : 4000,
width : 78
}]
}]
}, {
xtype : 'radiogroup',
columns : 4,
fieldLabel : this.translations.driversLicense,
tabIndex : 4000,
items : [{
boxLabel : this.translations.driversLicense3more,
checked : true,
name : 'driversLicense',
inputValue : '1'
}, {
boxLabel : this.translations.driversLicense3less,
name : 'driversLicense',
inputValue : '0'
}]
}, {
xtype : 'radiogroup',
columns : 4,
fieldLabel : '',
tabIndex : 4000,
items : [{
boxLabel : this.translations.withDeductible,
checked : true,
name : 'deductible',
inputValue : '1'
}, {
boxLabel : this.translations.withoutDeductible,
name : 'deductible',
inputValue : '0'
}]
}],
listeners : {
expand : function() {
this.markOfferAsInvalid(false);
},
scope : this
}
}, {
xtype : 's-spacer'
}, {
xtype : 's-fieldset',
itemId : 'fsOfferFerries',
checkboxName : 'offerForFerries',
title : this.translations.offerForFerries,
collapsed : !showFerries,
collapsible : true,
checkboxToggle : true,
autoHeight : true,
tabIndex : 5000,
items : [{
xtype : 'container',
layout : 'column',
defaults : {
xtype : 'container',
layout : 'form',
columnWidth : .16
},
items : [{
columnWidth : .33,
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.carType,
mode : 'remote',
store : this.cartypeStore,
displayField : this.cartypeField,
name : this.cartypeField,
valueField : this.cartypeField
+ 'ID',
hiddenName : this.cartypeField
+ 'ID',
tabIndex : 5000,
allowBlank : false
}]
}, {
columnWidth : .17,
items : [{
xtype : 's-textfield',
fieldLabel : this.translations.carMake,
name : 'carmake',
tabIndex : 5000,
maxLength : 50,
width : 56
}]
}, {
items : [{
xtype : 's-numericfield',
fieldLabel : this.translations.carLength,
name : 'carlength',
allowBlank : false,
tabIndex : 5000,
width : 56
}]
}, {
columnWidth : .17,
items : [{
xtype : 's-numericfield',
fieldLabel : this.translations.carWidth,
name : 'carwidth',
allowBlank : false,
tabIndex : 5000,
width : 56
}]
}, {
items : [{
xtype : 's-numericfield',
fieldLabel : this.translations.carHeight,
name : 'carheight',
tabIndex : 5000,
width : 56
}]
}]
}, {
xtype : 'container',
layout : 'column',
defaults : {
xtype : 'container',
layout : 'form',
columnWidth : .5
},
items : [{
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.ferryOutgoing,
mode : 'remote',
store : this.ferryRouteStore,
displayField : this.ferryRouteField,
name : this.ferryRouteField + 'Outgoing',
valueField : this.ferryRouteField + 'ID',
hiddenName : this.ferryRouteField
+ 'OutgoingID',
allowBlank : false,
tabIndex : 5000,
width : 250
}]
}, {
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.ferryReturn,
mode : 'remote',
store : this.ferryRouteStoreSardegna,
displayField : this.ferryRouteFieldSardegna,
name : this.ferryRouteField + 'Return',
valueField : this.ferryRouteFieldSardegna
+ 'ID',
hiddenName : this.ferryRouteField
+ 'ReturnID',
allowBlank : false,
tabIndex : 5000,
width : 250
}]
}]
}, {
xtype : 'container',
layout : 'column',
defaults : {
xtype : 'container',
layout : 'form',
columnWidth : .5
},
items : [{
items : [{
xtype : 's-combobox',
fieldLabel : this.translations.cabinType,
mode : 'remote',
store : this.cabintypeStore,
displayField : this.cabintypeField,
name : this.cabintypeField,
valueField : this.cabintypeField
+ 'ID',
hiddenName : this.cabintypeField
+ 'ID',
tabIndex : 5000,
allowBlank : false
}]
}]
}, {
xtype : 's-travelers-group',
translations : this.translations,
travelersGroup : 'ferry',
relatedGroup : 'plane',
id : 'ferryTravelersComponent'
}],
listeners : {
collapse : function(fldset) {
Ext.each(
fldset.findByType('s-travelers-group'),
function(item) {
item.setCollapsed();
});
},
expand : function(fldset) {
this.markOfferAsInvalid(false);
Ext.each(
fldset.findByType('s-travelers-group'),
function(item) {
item.setExpanded();
});
},
scope : this
}
}, {
xtype : 's-spacer'
}, {
xtype : 'container',
layout : 'column',
defaults : {
xtype : 'container',
layout : 'form'
},
items : [{
columnWidth : .33,
items : [{
xtype : 'label',
text : this.translations.specialDesires,
style : 'font-size: 11px'
}]
}, {
columnWidth : .66,
items : [{
xtype : 's-textarea',
name : 'specialDesires',
hideLabel : true,
tabIndex : 6000,
width : 388,
height : 45
}]
}]
}, {
xtype : 's-spacer'
}, {
xtype : 's-combobox',
fieldLabel : this.translations.howFound,
mode : 'remote',
store : this.howfoundStore,
displayField : this.howfoundField,
tabIndex : 7000,
valueField : this.howfoundField + 'ID',
hiddenName : this.howfoundField + 'ID'
}],
buttons : [{
text : this.translations.requestOffer,
handler : this.onRequestOffer,
scope : this
}],
buttonAlign : 'right'
});
Ext.ux.RequestHolidayRental.superclass.createItems.apply(this,
arguments);
this.on({
afterrender : this.onAfterRender,
show : function() {
var header = document
.getElementById('requestHolidayRentalHeaderCmp');
if (header)
header.style.display = 'block';
},
hide : function() {
var header = document
.getElementById('requestHolidayRentalHeaderCmp');
if (header)
header.style.display = 'none';
},
regionsLoaded : this.onRegionsLoad,
scope : this
});
},
onRequestOffer : function() {
if (this.getForm().isValid()) {
if (this.validateTravelDates() && this.isOfferSelected()) {
var values = this.getForm().getValues();
var p = {};
this.getForm().items.each(function(item) {
if (item instanceof Ext.form.ComboBox && item.name
&& item.name.length) {
p[item.name] = item.getRawValue();
} else if (item.getXType() === 'checkboxgroup'
&& item.items
&& item.items instanceof Ext.util.MixedCollection) {
item.items.each(function(subitem) {
if (subitem.checked) {
var sufix = subitem.name
.indexOf('board') === 0
? '_Data'
: 'Data';
if (!p[subitem.name + sufix])
p[subitem.name + sufix] = [];
p[subitem.name + sufix]
.push(subitem.valueID);
}
});
} /*
* else if (values.offerForPlanes &&
* !values.offerForFerries ||
* !values.offerForPlanes &&
* values.offerForFerries) { if (item instanceof
* Ext.form.TextField && item.name &&
* item.name.indexOf('travelerFirstName') > 0)
* p[String.format('{0}_travelerSelected{1}',
* item.name.substring(0, item.name
* .indexOf('_')), item.name.substring(item.name
* .lastIndexOf('_')))] = 'on'; }
*/
});
Ext.applyIf(values, p);
p = {
cmd : 'saveRequestOffer',
isLoggedIn : GLOBAL.isLoggedIn,
contactsToDelete : this.contactsToDelete || '',
villaID : this.expandItems && this.expandItems.villaID
? this.expandItems.villaID
: '',
hotelID : this.expandItems && this.expandItems.hotelID
? this.expandItems.hotelID
: ''
};
Ext.applyIf(p, values);
this.valuesForStateSave = values;
this.fireEvent('saveState');
var review = Ext.getCmp('requestHolidayRentalReviewCmp');
if (review) {
review.setFormParams(p);
review.showReview(values, this.translations);
this.hide();
}
}
} else {
var fld = this.getForm().items.find(function(item) {
var cnt = item.findParentByType('s-fieldset');
if (!cnt || cnt && !cnt.collapsed) {
return !item.isValid(true);
}
return false;
});
if (fld)
fld.focus();
}
},
onChildrenSelect : function(combo, record, index) {
var count = record instanceof Ext.data.Record
? record.get('children')
: parseInt(record);
var hotelOffer = this.getComponent('fsOfferHotels')
.getComponent('hotel-offer');
if (hotelOffer)
hotelOffer.showChildrenBeds(this, count);
var cnt = this.getComponent('cntOwnerChildrenAge')
.getComponent('cntChildrenAge')
.getComponent('cntChildrenAgeBoxes');
if (cnt) {
var cmpArray = cnt.findByType('container');
Ext.each(cmpArray, function(form, idx, all) {
var items = form.findByType('combo');
Ext.each(items, function(field) {
field.clearInvalid();
});
});
var items = [];
if (cmpArray.length <= count) {
for (var i = cmpArray.length; i < count; i++)
items.push({
items : [{
xtype : 's-combobox',
fieldLabel : String.format('{0} {1}',
this.translations.child, i + 1),
mode : 'local',
store : {
xtype : 'arraystore',
autoDestroy : true,
fields : [{
name : 'childage',
type : 'int'
}],
data : this.generateArray(18, 1)
},
displayField : 'childage',
name : 'childrenages',
editable : false,
width : 70,
tabIndex : 608
}]
});
cnt.add(items);
} else {
for (var i = count; i < cmpArray.length; i++)
cnt.remove(cmpArray[i], true);
}
cnt.doLayout();
}
cnt = this.getComponent('cntOwnerChildrenAge')
.getComponent('cntChildrenAge')
.getComponent('cntChildrenAgeLabel');
if (cnt) {
var cmpArray = cnt.findByType('label');
if (count && cmpArray.length === 0) {
cnt.add({
text : this.translations.childrenAge
});
cnt.doLayout();
} else if (count === 0) {
cnt.remove(cmpArray[0]);
cnt.doLayout();
}
}
Ext.each(this.findByType('s-travelers-group'), function(group) {
group.setMaxChildrenTravelers(count);
});
},
onAdultsSelect : function(combo, record, index) {
var count = record instanceof Ext.data.Record
? record.get('adults')
: record;
var cmp = this.getComponent('fsOfferHotels')
.getComponent('hotel-offer');
if (cmp)
cmp.showRooms(count > 1);
Ext.each(this.findByType('s-travelers-group'), function(group) {
group.setMaxAdultsTravelers(count);
});
},
onAddPhoneNumber : function(genHidden) {
var cnt = this.getComponent('cntAdditionalPhone');
if (!this.phoneCounter)
this.phoneCounter = 2;
if (cnt) {
var groupCfg = this.generateContactTypeGroup(2,
'cntAdditionalPhone', this.phoneCounter);
var listItems = [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 10,
name : 'phoneCountryCode_' + this.phoneCounter,
width : 38,
value : this
.getCountryCode(Ext.getCmp('countryCmb').getValue()),
tabIndex : 200
}];
if (genHidden === true)
listItems.push({
itemId : 'hiddenID',
xtype : 'hidden',
name : 'phoneID_' + this.phoneCounter
});
cnt.add({
itemId : 'cntAdditionalPhone' + this.phoneCounter,
// height : 30,
defaults : {
xtype : 'container',
layout : 'form',
labelAlign : 'top'
},
items : [{
itemId : 'firstCmp',
columnWidth : .075,
items : listItems
}, {
columnWidth : .075,
items : [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 10,
name : 'phonePrefix_'
+ this.phoneCounter,
width : 38,
tabIndex : 200
}]
}, {
columnWidth : 0.15,
items : [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 28,
name : 'phone_' + this.phoneCounter,
width : 83,
tabIndex : 200
}]
}, {
columnWidth : 0.6,
itemId : 'cntAdditionalPhone',
items : groupCfg
}, {
style : {
paddingTop : '6px'
},
columnWidth : 0.1,
items : [{
xtype : 'llabel',
text : this.translations.remove,
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : function(ev, html,
options) {
var owner = cmp.ownerCt.ownerCt.ownerCt;
var hidden = cmp.ownerCt.ownerCt
.getComponent('firstCmp')
.getComponent('hiddenID');
// console.log(hidden
// .getValue());
if (hidden) {
var root = owner.ownerCt;
if (!root.contactsToDelete)
root.contactsToDelete = hidden
.getValue();
else
root.contactsToDelete = root.contactsToDelete
+ ','
+ hidden
.getValue();
}
owner
.remove(
cmp.ownerCt.ownerCt,
true);
owner.doLayout();
},
scope : cmp
}
});
},
scope : this
}
}
}]
}]
});
cnt.doLayout();
this.getForm().setValues(this.loadedData);
this.phoneCounter++;
}
},
showFaxButton : function(show) {
var faxButton = this.getComponent('cntAdditionalFaxPhoneButtons')
.getComponent('cntAdditionalFaxButton');
if (faxButton) {
if (show)
faxButton.show();
else
faxButton.hide();
}
},
onAddFaxNumber : function(genHidden) {
var cnt = this.getComponent('cntAdditionalFax');
var counter = 1;
if (cnt && cnt.findByType('container').length === 0) {
this.showFaxButton(false);
cnt.add({
layout : 'form',
items : [{
xtype : 'label',
text : this.translations.fax,
style : 'font-size: 11px'
}]
});
var groupCfg = this.generateContactTypeGroup(3, 'cntAdditionalFax',
counter);
var listItems = [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 10,
name : 'faxCountryCode_1',
value : this
.getCountryCode(Ext.getCmp('countryCmb').getValue()),
tabIndex : 300,
width : 38
}];
if (genHidden === true)
listItems.push({
itemId : 'hiddenID',
xtype : 'hidden',
name : 'faxID_' + counter
});
cnt.add({
itemId : 'cntAdditionalFax' + counter,
// height : 40,
defaults : {
xtype : 'container',
layout : 'form',
labelAlign : 'top'
},
items : [{
itemId : 'firstCmp',
columnWidth : 0.075,
items : listItems
}, {
columnWidth : 0.075,
items : [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 10,
name : 'faxPrefix_1',
tabIndex : 300,
width : 38
}]
}, {
columnWidth : 0.15,
items : [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 28,
name : 'fax_1',
tabIndex : 300,
width : 83
}]
}, {
itemId : 'cntAdditionalFax',
columnWidth : 0.6,
items : groupCfg
}, {
columnWidth : 0.1,
items : [{
xtype : 'llabel',
text : this.translations.remove,
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : function(ev, html,
options) {
var owner = cmp.ownerCt.ownerCt.ownerCt;
var hidden = cmp.ownerCt.ownerCt
.getComponent('firstCmp')
.getComponent('hiddenID');
// console.log(hidden
// .getValue());
if (hidden) {
var root = owner.ownerCt;
if (!root.contactsToDelete)
root.contactsToDelete = hidden
.getValue();
else
root.contactsToDelete = root.contactsToDelete
+ ','
+ hidden
.getValue();
}
/*
* owner .remove(
* cmp.ownerCt.ownerCt,
* true);
*/
owner.removeAll(true);
owner.doLayout();
},
scope : cmp
}
});
},
scope : this
}
}
}]
}],
listeners : {
destroy : function() {
this.showFaxButton(true);
},
scope : this
}
});
cnt.doLayout();
this.getForm().setValues(this.loadedData);
}
},
onAddEmail : function(genHidden) {
var cnt = this.getComponent('cntAdditionalEmail');
if (!this.emailCounter)
this.emailCounter = 1;
if (cnt) {
if (cnt.findByType('container').length === 0)
cnt.add({
layout : 'form',
items : [{
xtype : 'label',
text : this.translations.additionalEmail,
style : 'font-size: 11px'
}]
});
var groupCfg = this.generateContactTypeGroup(1,
'cntAdditionalEmail', this.emailCounter);
var listItems = [{
xtype : 's-textfield',
hideLabel : true,
maxLength : 100,
name : 'additionalEmail_' + this.emailCounter,
width : 225,
tabIndex : 1,
vtype : 'email'
}];
if (genHidden === true)
listItems.push({
itemId : 'hiddenID',
xtype : 'hidden',
name : 'additionalEmailID_' + this.emailCounter
});
cnt.add({
itemId : 'cntAdditionalEmail' + this.emailCounter,
// height : cnt.findByType('container').length ? 30 : 43,
defaults : {
xtype : 'container',
layout : 'form',
labelAlign : 'top'
},
items : [{
itemId : 'firstCmp',
columnWidth : 0.4,
items : listItems
}, {
itemId : 'cntAdditionalEmail',
columnWidth : 0.5,
items : groupCfg
}, {
columnWidth : 0.1,
items : [{
xtype : 'llabel',
text : this.translations.remove,
ctCls : cnt.findByType('container').length
? ''
: 'label-top-spacer',
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : function(ev, html,
options) {
var owner = cmp.ownerCt.ownerCt.ownerCt;
var hidden = cmp.ownerCt.ownerCt
.getComponent('firstCmp')
.getComponent('hiddenID');
// console.log(hidden
// .getValue());
if (hidden) {
var root = owner.ownerCt;
if (!root.contactsToDelete)
root.contactsToDelete = ''
+ hidden
.getValue();
else
root.contactsToDelete = root.contactsToDelete
+ ','
+ hidden
.getValue();
}
owner
.remove(
cmp.ownerCt.ownerCt,
true);
if (owner
.findByType('container').length === 1)
owner
.removeAll(true);
owner.doLayout();
},
scope : cmp
}
});
},
scope : this
}
}
}]
}]
});
cnt.doLayout();
this.getForm().setValues(this.loadedData);
this.emailCounter++;
}
},
onCheckOption : function(fld, value) {
if (value) {
Ext.getCmp(fld.groupID).items.each(function(item) {
if (item.actAsRadio == !fld.actAsRadio) {
item.setValue(false);
}
});
}
},
onBlurEmail : function(field) {
if (field.isValid()) {
Ext.Ajax.request({
url : this.url,
success : this.onCheckUser,
scope : this,
params : {
cmd : 'checkUser',
username : field.getValue()
}
});
var cnt = this.getComponent('cntOwnerEmailCheck')
.getComponent('cntEmailCheck');
if (cnt) {
cnt.add({
xtype : 'box',
autoEl : {
tag : 'div',
cls : 'loading-indicator',
html : this.translations.checkingEmail
}
});
cnt.doLayout();
}
}
},
onPetSelect : function(checkbox, newVal, oldVal) {
// console.log(newVal);
var cnt = this.getComponent('cntParticipants')
.getComponent('cntPetDescription');
// console.log(cnt);
if (cnt) {
if (newVal) {
cnt.add({
xtype : 's-textfield',
itemId : 'fldPetDescription',
name : 'petDescription',
fieldLabel : this.translations.petDesc,
width : 194,
tabIndex : 606
});
cnt.doLayout();
} else {
var r = cnt.getComponent('fldPetDescription');
if (r) {
cnt.remove(r, true);
cnt.doLayout();
}
}
}
},
onCheckUser : function(response, options) {
var cnt = this.getComponent('cntOwnerEmailCheck')
.getComponent('cntEmailCheck');
if (cnt) {
cnt.removeAll(true);
cnt.doLayout();
}
var result = Ext.ux.RequestHolidayRental.superclass.onSuccess.apply(
this, arguments);
if (result.isKnown && !result.isLoggedIn) {
var loginForm = Ext.getCmp('requestHolidayRentalLoginCmp');
if (loginForm) {
loginForm.setUsername(result.username);
loginForm.show();
this.hide();
}
}
},
loadUserData : function() {
this.getForm().load({
url : this.url,
params : {
cmd : 'getUserData'
},
success : function(form, action) {
var data = action.result.data;
this.loadedData = data;
if (data.phoneCounter - 1 > 0) {
for (var i = 0; i < data.phoneCounter - 1; i++)
this.onAddPhoneNumber(true);
}
if (data.faxCounter > 0) {
for (var i = 0; i < data.faxCounter; i++)
this.onAddFaxNumber(true);
this.itemsToLoad++;
}
if (data.emailCounter > 0) {
for (var i = 0; i < data.emailCounter; i++)
this.onAddEmail(true);
this.itemsToLoad++;
}
// this.getForm().setValues(this.savedValues);
form.setValues(data);
this.loadDataFromCookie();
this.itemLoaded();
},
failure : function() {
this.loadDataFromCookie();
this.itemLoaded();
},
scope : this
});
},
loadDataFromCookie : function() {
if (this.savedState) {
this.getForm().setValues(this.savedState);
if (this.savedState.adultsCount)
this.onAdultsSelect(null, this.savedState.adultsCount);
if (this.savedState.childrenCount) {
this.onChildrenSelect(null, this.savedState.childrenCount);
this.fillChildrenAges(this.savedState.childrenages)
}
if (this.regionsLoaded)
this.fillSelectedRegions(this.savedState.regionsData);
else
this.regionsToSelect = this.savedState.regionsData;
if (this.savedState.arrivalDate && this.savedState.departureDate) {
this.enableVillaPrices();
this.updateHotelsData();
}
}
},
generateContactTypeGroup : function(contactType, container, index) {
var result = [];
var generateName = function(tt, ii) {
var type = 'phone';
switch (tt) {
case 1 :
type = 'additionalEmail';
break;
case 2 :
type = 'phone';
break;
case 3 :
type = 'fax';
}
return String.format('{0}Type_{1}', type, ii);
};
var generateGroupName = function(tt, ii) {
var type = 'phone';
switch (tt) {
case 1 :
type = 'additionalEmail';
break;
case 2 :
type = 'phone';
break;
case 3 :
type = 'fax';
}
return String.format('group{0}{1}', type, ii);
};
var generateTabIndex = function(tt) {
var tb = 1;
switch (tt) {
case 1 :
tb = 1;
break;
case 2 :
tb = 200;
break;
case 3 :
tb = 300;
}
return tb;
};
if (!this.contactGroups)
this.contactGroups = {};
if (this.contactGroups['group' + contactType]) {
var o = this.contactGroups['group' + contactType];
for (var i = 0, len = o.items.length; i < len; i++)
Ext.apply(o.items[i], {
name : generateName(contactType, index),
tabIndex : generateTabIndex(contactType)
});
result = [o];
} else {
new Ext.data.JsonStore({
url : this.url,
cnt : container,
idx : index,
baseParams : {
cmd : 'getContactTypes',
type : contactType
},
fields : [{
name : 'boxLabel'
}, {
name : 'inputValue'
}],
root : 'data',
idProperty : 'inputValue',
autoLoad : true,
listeners : {
'load' : {
fn : function(store, records, options) {
this.itemLoaded();
var checkboxItems = [];
var counter = 0;
Ext.each(records, function(record, idx, all) {
checkboxItems[counter] = record.data;
Ext.apply(checkboxItems[counter], {
name : generateName(
store.baseParams.type,
store.idx),
// id : 'phoneType-option-'
// + record.data.inputValue,
checked : counter === 0,
inputValue : ''
+ record.data.inputValue
});
counter++;
});
this.contactGroups['group' + store.baseParams.type] = {
xtype : 'radiogroup',
name : generateGroupName(store.baseParams.type,
store.idx),
hideLabel : true,
items : checkboxItems,
columns : 3,
tabIndex : generateTabIndex(contactType)
// store.baseParams.type === 1 ? 3 : 4
};
var cnt = this.getComponent(store.cnt)
.getComponent(store.cnt + store.idx)
.getComponent(store.cnt);
if (Ext.isIE6) {
var o = this.contactGroups['group'
+ store.baseParams.type];
Ext.apply(o, {
width : cnt.getWidth()
});
cnt.add(o);
} else {
cnt.add(this.contactGroups['group'
+ store.baseParams.type]);
}
cnt.doLayout();
this.getForm().setValues(this.loadedData);
},
scope : this
}
}
});
}
return result;
},
onAfterRender : function() {
if (this.loadingIndicatorId && Ext.get(this.loadingIndicatorId))
Ext.get(this.loadingIndicatorId).remove();
var mask = this.getEl().mask(this.translations.pleaseWait);
if (Ext.isIE6) {
this.maskEl = mask;
this.task = {
run : function() {
this.maskEl.setHeight(this.getEl().getHeight());
},
interval : 250,
scope : this
};
Ext.TaskMgr.start(this.task);
}
this.loadUserData();
},
unmask : function() {
if (Ext.isIE6 && this.task) {
Ext.TaskMgr.stop(this.task);
}
if (this.rendered && this.itemsToLoad <= 0)
this.getEl().unmask();
},
itemLoaded : function() {
this.itemsToLoad--;
this.unmask();
},
onCountrySelect : function(combo, newVal, oldVal) {
var fields = this.findFields('phoneCountryCode_', 'faxCountryCode_1');
var countryCode = this.getCountryCode(newVal);
Ext.each(fields, function(fld) {
fld.setValue(countryCode);
});
},
getCountryCode : function(countryID) {
var s = this.countryStore;
var idx = s.find(this.countryField + 'ID', countryID);
if (idx >= 0) {
var rec = s.getAt(idx);
if (rec)
return rec.get('COUNTRYPHONECODE');
}
return '';
},
findFields : function(nameStartsWith, nameStartsWith2) {
var fun = function(cmp, cnt) {
return cmp.name && cmp.name.length ? cmp.name
.indexOf(nameStartsWith) === 0
|| cmp.name.indexOf(nameStartsWith2) === 0 : false;
}
return this.findBy(fun);
},
updateHotelsData : function() {
var arrivalFld = this.getArrivalDateFld();
var departureFld = this.getDepartureDateFld();
if (arrivalFld && departureFld && arrivalFld.isValid()
&& departureFld.isValid()) {
var cmp = this.getComponent('fsOfferHotels')
.getComponent('hotel-offer');
if (cmp)
cmp.updateTravelDates(arrivalFld.getRawValue(), departureFld
.getRawValue());
}
},
getArrivalDateFld : function() {
return this.getComponent('cntParticipants')
.getComponent('cntTravelDates').getComponent('fldArrivalDate');
},
getDepartureDateFld : function() {
return this.getComponent('cntParticipants')
.getComponent('cntTravelDates')
.getComponent('fldDepartureDate');
},
isOfferSelected : function() {
var result = false;
Ext.each(this.findByType('fieldset'), function(fldset) {
if (!fldset.collapsed) {
result = true;
}
});
this.markOfferAsInvalid(!result);
return result;
},
markOfferAsInvalid : function(invalid) {
var isInvalid = false || invalid;
var errMsg = this.footer.child('div.x-form-invalid-msg');
if (isInvalid) {
if (!errMsg)
this.footer
.insertHtml(
'afterBegin',
String
.format(
'{0}
',
this.translations.selectOffer));
Ext.each(this.findByType('fieldset'), function(fldset) {
if (fldset.checkbox && !fldset.checkbox.up('span', 1))
fldset.checkbox.wrap({
tag : 'span',
cls : 'SardegnaForm-invalid-checkbox'
});
}, this);
} else {
if (errMsg)
errMsg.remove();
Ext.each(this.findByType('fieldset'), function(fldset) {
fldset.checkbox.unwrap('span');
}, this);
}
},
fillChildrenAges : function(ages) {
ages = String.format('{0}', ages).split(',');
if (ages.length && ages[0] != '') {
var ii = 0;
var cnt = this.getComponent('cntOwnerChildrenAge')
.getComponent('cntChildrenAge')
.getComponent('cntChildrenAgeBoxes');
Ext.each(cnt.findByType('combo'), function(combo) {
if (ii < ages.length) {
combo.setValue(ages[ii]);
ii++;
} else
return false;
});
}
},
onRegionsLoad : function() {
this.regionsLoaded = true;
if (this.regionsToSelect)
this.fillSelectedRegions(this.regionsToSelect);
},
fillSelectedRegions : function(regionsToSelect) {
if (regionsToSelect && this.getForm())
this.getForm().setValues(regionsToSelect);
},
enableVillaPrices : function() {
var arrivalFld = this.getComponent('cntParticipants')
.getComponent('cntTravelDates').getComponent('fldArrivalDate');
var valid = true;
if (arrivalFld)
valid = arrivalFld.isValid(true);
var cb = this.getComponent('fsOfferVillas')
.getComponent('fldVillaCosts');
if (cb) {
if (valid) {
cb.enable();
cb.emptyText = '';
} else {
cb.disable();
cb.emptyText = this.translations.selectDates;
}
cb.reset();
}
},
validateTravelDates : function() {
var result = true;
var arr = this.getArrivalDateFld();
var dep = this.getDepartureDateFld();
var arrDate = arr.parseDate(arr.getValue());
var depDate = dep.parseDate(dep.getValue());
if ((depDate.getTime() - arrDate.getTime()) < 0) {
result = false;
dep.markInvalid(String.format(this.translations.minDateText
+ ' {0}', arr.getRawValue()));
dep.focus();
}
return result;
}
});
Ext.ns('Ext.ux');
Ext.ux.RequestHolidayRentalReview = Ext.extend(Ext.ux.SardegnaForm, {
layout : 'fit',
hidden : true,
translations : {
requestOffer : 'Request offer',
changeRequest : 'Change Request',
thankYouText : 'request review thankyou text',
reviewText : 'request review header',
daysUnit : 'days',
daysUnit1 : 'day',
participants : 'Participants',
offerForVillasForYou : 'You want an offer for villas',
minimum : 'min.',
bedroomUnit : 'Bedrooms',
bedroomUnit1 : 'Bedroom',
bathroomUnit : 'Bathrooms',
bathroomUnit1 : 'Bathroom',
maxCostPerPersonVilla : 'Maximum price of the house',
maxCostPerPersonHotel : 'Maximum price of the hotel',
currencyUnit : 'euro',
offerForHotelsForYou : 'You want an offer for hotels',
travelTime : 'Travel dates',
roomsUnit : 'Rooms unit',
roomsUnit1 : 'Room',
offerForPlaneForYou : 'You want an offer for planes',
offerForCarForYou : 'You want an offer for rental cars',
offerForFerriesForYou : 'You want an offer for ferries',
footer : 'request review footer',
withPet : 'with pet',
withoutPet : 'without pet',
stayLength : 'Length of stay',
withPool : 'with pool',
withoutPool : 'without pool',
flexibleDates : 'flexible',
fixedDates : 'fixed',
yourSpecialDesires : 'Your special desires',
adultsUnit : 'adults [lower case]',
childrenUnit : 'child [lower case]',
adultsUnit1 : 'adult',
childrenUnit1 : 'child unit',
sendingOffer : 'Sending request...',
hotelsOffer : 'Hotels',
villasOffer : 'Villas',
years : 'years',
forChildrenlc : 'For children 2',
setBedlc : 'additional bed 2',
seperateRoomlc : 'separate room 2',
withDeductible2 : 'With deductible 2',
withoutDeductible2 : 'Without deductible 2',
newsletter : 'I would like to receive newsletter',
answerYes : 'Yes',
answerNo : 'No'
},
createItems : function() {
this.actions = {
submit : new Ext.Action({
text : this.translations.requestOffer,
handler : this.onRequestOffer,
scope : this,
width : 200
}),
back : new Ext.Action({
text : this.translations.changeRequest,
handler : this.onChangeRequest,
scope : this,
width : 200
})
};
Ext.apply(this, {
items : [{
itemId : 'review-content',
xtype : 'box'
}],
buttons : [this.actions.back, this.actions.submit],
buttonAlign : 'center'
});
Ext.ux.RequestHolidayRentalReview.superclass.createItems.apply(this,
arguments);
},
showReview : function(data, translations) {
this.show();
Ext.apply(data, {
villas : [],
hotels : []
});
this.data = data;
if (!this.loaded) {
Ext.apply(this.translations, translations);
this.loaded = true;
}
var trn = this.translations;
var wrapTitle = function(text, quotes) {
return String.format(
'', text,
quotes ? quotes : '"');
}
var wrapLabel = function(text) {
return String.format(
'{0} ', text);
}
var sep = ':';
var wl = wrapLabel;
var wt = wrapTitle;
var wts = function(text) {
return String.format(
'', text);
}
var villasTmpl = '';
var hr = '
';
var hrc = '
';
var villasListTmpl = '';
if (this.data.offerForVillas === 'on') {
villasTmpl = wrapTitle(this.translations.offerForVillasForYou)
+ wl(this.translations.minimum)
+ ' {bedroomsCount} '
+ '{[this.showBedroomUnits(values.bedroomsCount)]}'
+ '
' + '{[xindex === 1 ? "'
+ wt(this.translations.villasOffer + sep, "'") + '" : ""]}'
+ ' - {.}
'
+ ' '
+ '
{[xindex === 1 ? "'
+ wt(this.translations.hotelsOffer + sep, "'") + '" : ""]}'
+ ' - {.}
{[this.showTravelers(values,"plane")]}
' + hrc;
}
var carsTmpl = '';
if (this.data.offerForCars === 'on') {
carsTmpl = wrapTitle(this.translations.offerForCarForYou)
+ wl(this.translations.carClass + sep) + ' {CARCLASS}{[this.showTravelers(values,"ferry")]}
' + hrc;
}
this.template = new Ext.XTemplate(
''
+ villasListTmpl
+ hotelsListTmpl
+ '
'
+ hrc
+ this.translations.thankYouText
+ ' '
+ Ext.util.Format.date(new Date(), 'd.m.Y')
+ '. '
+ this.translations.reviewText
+ hr
+ wl(this.translations.travelTime + sep)
+ ' {[this.showFlexibleDates(values.flexibleDates)]}'
+ '
'
+ wt(this.translations.datesOfTravel)
+ wl(this.translations.arrivalDate)
+ ' {arrivalDate}
'
+ wt(this.translations.participants)
+ '{adultsCount} {[this.showAdultsUnits(values.adultsCount)]}
{0}
',
wl(trn.planeFromAlt), airport) : '';
},
showAltAirportTo : function(airport) {
return airport && airport.length ? String.format(
'{0}
',
wl(trn.planeToAlt), airport) : '';
},
showTravelers : function(travelers, type) {
if (travelers) {
var fname = String.format('{0}_travelerFirstName_',
type);
var lname = String.format('{0}_travelerLastName_',
type);
var bDate = String.format('{0}_travelerBirthDate_',
type);
var selected = String.format(
'{0}_travelerSelected_', type);
var result = '';
for (t in travelers) {
if (t.indexOf(selected) === 0) {
var idx = (t.split('_')).length === 3 ? t
.split('_')[2] : 0;
if (idx && travelers[t].length) {
if (result.length === 0)
result = String
.format(
'',
wl(trn.travelerFullName),
wl(trn.travelerBirthDate));
result += String
.format(
'',
travelers[fname + idx],
travelers[lname + idx],
travelers[bDate + idx]);
}
}
}
return result;
}
return '';
},
formatList : function(list) {
if (list === null || list === undefined)
return '';
if (!(list instanceof Array))
list = [list];
return list.join(', ');
},
showHotelsData : function(values) {
var result = '';
for (v in values) {
if (v.indexOf('hotelName') === 0) {
var hotelID = ((v.split('-')).length === 2) ? v
.split('-')[1] : 0;
result += String
.format(
'- {0}
',
values[v], wl(trn.board + sep),
this.formatList(values['board_'
+ hotelID]),
wl(trn.roomCategory + sep),
values['roomCategory_'
+ hotelID]);
}
}
return result;
}
});
if (this.formParams
&& (this.formParams.villaID || this.formParams.hotelID)) {
Ext.Ajax.request({
url : this.url,
params : {
cmd : 'getVillasHotelsNames',
villaID : this.formParams.villaID,
hotelID : this.formParams.hotelID
},
success : this.onShowSuccess,
failure : this.onFailure,
scope : this
});
this.getComponent('review-content').getEl().update(String.format(
'{0}
',
this.translations.pleaseWait));
this.enableActions(false);
} else
this.template.overwrite(
this.getComponent('review-content').getEl(), this.data,
true);
},
onChangeRequest : function() {
var form = Ext.getCmp('requestHolidayRentalCmp');
if (form) {
form.show();
this.hide();
}
},
setFormParams : function(p) {
this.formParams = p;
},
onRequestOffer : function() {
var wantNewsletter = Ext.get('request-review-newsletter-checkbox');
if (wantNewsletter && wantNewsletter.dom.checked)
this.showNewsletterPopup();
else
this.sendRequest();
},
sendRequest : function() {
if (this.formParams) {
this.actions.submit.setText(this.translations.sendingOffer);
this.actions.submit.disable();
this.actions.back.disable();
Ext.Ajax.request({
url : this.url,
success : this.onSuccess,
failure : this.onFailure,
params : this.formParams,
scope : this
});
}
},
onSuccess : function() {
var thankyou = Ext.getCmp('requestHolidayRentalThankYouPageCmp');
if (thankyou) {
thankyou.showPage(this.data, this.translations);
this.hide();
}
},
onFailure : function(response, request) {
Ext.ux.RequestHolidayRentalReview.superclass.onFailure.apply(this,
arguments);
this.actions.submit.setText(this.translations.requestOffer);
this.actions.submit.enable();
this.actions.back.enable();
},
onShowSuccess : function(response, request) {
if (response && response.responseText) {
var result = Ext.decode(response.responseText, true);
if (result && result.data)
Ext.apply(this.data, result.data);
}
// console.log(this.data);
this.template.overwrite(this.getComponent('review-content').getEl(),
this.data, true);
this.enableActions(true);
// console.log(this.data);
},
enableActions : function(enable) {
for (act in this.actions)
this.actions[act].setDisabled(!enable);
},
showNewsletterPopup : function() {
this.popupWindow = new Ext.Window({
width : 300,
height : 100,
modal : true,
resizable : false,
unstyled : true,
closable : false,
cls : 'SardegnaForm-popup',
bodyStyle : {
padding : '10px'
},
items : [{
xtype : 'box',
autoEl : {
html : this.translations.newsletter
}
}, {
xtype : 'box',
cls : 'SardegnaForm-Spacer'
}, {
xtype : 'container',
defaults : {
style : {
'margin-right' : '15px'
}
},
items : [{
xtype : 'llabel',
text : this.translations.answerYes,
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : this.setNewsletterOn,
scope : this
}
});
},
scope : this
}
}
}, {
xtype : 'llabel',
text : this.translations.answerNo,
listeners : {
afterrender : {
fn : function(cmp) {
cmp.getEl().on({
click : {
fn : this.setNewsletterOff,
scope : this
}
});
},
scope : this
}
}
}]
}]
});
this.popupWindow.show();
},
closePopupWindow : function() {
if (this.popupWindow)
this.popupWindow.close();
},
setNewsletterOn : function() {
this.closePopupWindow();
if (this.formParams)
Ext.apply(this.formParams, {
newsletter : true
});
this.sendRequest();
},
setNewsletterOff : function() {
this.closePopupWindow();
this.sendRequest();
}
});
Ext.ns('Ext.ux');
Ext.ux.RequestHolidayRentalThankYouPage = Ext.extend(Ext.ux.SardegnaForm, {
layout : 'fit',
hidden : true,
funnels : null,
translations : {
requestSent : 'Your request has been successfully sent',
yourRequest : 'Your request:',
thankyouFooter : 'request thankyou footer',
contactFooter : 'request thankyou contact',
personUnit : 'persons',
personUnit1 : 'person',
// villasOffer : 'Villas',
// hotelsOffer : 'Hotels',
planesOffer : 'Air fare',
carsOffer : 'Rental car',
ferriesOffer : 'Ferry',
emailText : 'Email',
forText : 'for'
},
createItems : function() {
Ext.apply(this, {
items : [{
itemId : 'thankyou-content',
xtype : 'box'
}, {
itemId : 'google-code-cnt',
xtype : 'box'
}]
/*
* , buttons : [{ text : 'back', handler : this.onBack, scope :
* this }], buttonAlign : 'left'
*/
});
Ext.ux.RequestHolidayRentalThankYouPage.superclass.createItems.apply(
this, arguments);
},
showPage : function(data, translations) {
var goalsCompleted = [];
if (data && data.offerForVillas === 'on')
goalsCompleted.push('villas');
if (data && data.offerForHotels === 'on')
goalsCompleted.push('hotels');
if (GLOBAL && GLOBAL.funnels && goalsCompleted && goalsCompleted.length) {
for (fn in GLOBAL.funnels) {
for (go in goalsCompleted) {
if (String.format('{0}Goal', goalsCompleted[go]) == fn) {
for (var i = 0, len = GLOBAL.googleCodes.length; i < len; i++) {
try {
var pageTracker = _gat
._getTracker(GLOBAL.googleCodes[i]);
pageTracker._trackPageview(GLOBAL.funnels[fn]);
if (console) {
try {
console.log("tracker: "
+ GLOBAL.googleCodes[i]
+ " funnel: "
+ GLOBAL.funnels[fn]);
} catch (ex) {
}
}
} catch (ex) {
}
}
}
}
}
}
this.show();
if (!this.template) {
Ext.apply(this.translations, translations);
var trn = this.translations;
var sep = ':';
var villasTmpl = '';
if (data && data.offerForVillas === 'on') {
villasTmpl = data.villas && data.villas.length
? '{[xindex === 1 && xcount > 1 ? "'
+ this.translations.villasOffer
+ sep
+ ' {[xindex === 1 && xcount > 1 ? "'
+ this.translations.hotelsOffer
+ sep
+ ' '
+ this.translations.thankyouFooter
+ '
'
+ this.translations.contactFooter
+ ''
+ this.translations.emailText + ' ', {
showSalutationTitle : function(salutation, title) {
var result = String.format('{0} {1}', salutation,
title);
var from = ["Sig. Dott.", "Sig.ra Dott.",
"Sig. Dott.essa", "Sig.ra Dott.essa",
"Sig. Avv.", "Sig.ra Avv.", "Sig. Arch.",
"Sig.ra Arch.", "Sig. Geometra",
"Sig.ra Geometra", "Sig. Senatore",
"Sig. Senatore", "Sig. Ing.",
"Sig.ra Ing.", "Sig. Professore",
"Sig.ra Professore"];
var to = ["Dott.", "Dott.", "Dott.essa",
"Dott.essa", "Avv.", "Avv.", "Arch.",
"Arch.", "Geometra", "Geometra",
"Senatore", "Senatore", "Ing.", "Ing.",
"Professore", "Professore"];
for (var i = 0, len = from.length; i < len; i++) {
result = result.replace(from[i].toString(),
to[i].toString());
}
return result;
},
showPlanes : function(show, values) {
if (show === 'on') {
var tt = 0;
for (v in values)
if (v.indexOf('plane_travelerSelected_') === 0
&& values[v].length)
tt++;
return String.format(
'{0}{1} {2} {3} {4}{'
+ this.objectField
+ '}
{'
+ this.objectField
+ '}
',
'