Ext.onReady(function(){
var domNodeID = 'hotel-search-form';
var domNode = Ext.get(domNodeID);
if (domNode) {
//config*************************************************************************
var validationDelayInMillis = 500;
function getNodeValue(nodeName, defaultValue) {
var domNode = Ext.get(nodeName);
var value = defaultValue;
if (domNode) {
value = domNode.dom.innerHTML;
}
return value;
}
var checkin = getNodeValue('req-param-checkin', '');
var checkout = getNodeValue('req-param-checkout', '');
var req_fr = getNodeValue('req-param-req_fr', '');
if (req_fr=='true') {
req_fr = true;
} else {
req_fr = false;
}
var default_area_size_in_sqm = getNodeValue('req-param-fr_area_sqm', '0');
var default_area_size_in_sqf = getNodeValue('req-param-fr_area_sqf', '0');
var default_area_size_unit = getNodeValue('req-param-fr_area_unit', 'sqm');
var show_sqm = true;
if (default_area_size_unit!='sqm') {
show_sqm = false;
}
var default_capacity = getNodeValue('req-param-fr_capacity', '0');
var hotel_name = getNodeValue('req-param-hotel_name_keyword', '');
hotel_name = Url.replaceEscape(hotel_name);
var district = getNodeValue('req-param-district', 'hotel.district.00');
var star_rate = getNodeValue('req-param-star_rate', '-1');
var locale = getNodeValue('req-param-locale', 'en_US');
//Create error window*****************************************************************************
var errWindow = new Ext.Window({
title: 'Invalid input!',
width: 350,
height:'auto',
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
closeAction: 'hide',
html: '',
buttons: [{
text: 'Close',
handler: function(){errWindow.hide()},
scope: this
}]
});
var errMsg = '';
errWindow.on('show', function(){
this.body.dom.innerHTML = ""+errMsg+"
";
});
var city_store = new Ext.data.SimpleStore({
fields: ['city'],
data: [['Singapore']]
});
var room_no_store = new Ext.data.SimpleStore({
fields: ['no'],
data: [['1'], ['2'], ['3'], ['4'], ['5'], ['6'], ['7'], ['8'], ['9'], ['9+']]
});
var adult_no_store = new Ext.data.SimpleStore({
fields: ['no'],
data: [['1'], ['2'], ['3'], ['4'], ['5'], ['6'], ['7'], ['8'], ['9'], ['10'], ['11'], ['12'], ['13'], ['14'], ['15'], ['16'], ['17'], ['18'], ['19'], ['20'], ['20+']]
});
var child_no_store = new Ext.data.SimpleStore({
fields: ['no'],
data: [['1'], ['2'], ['3'], ['4'], ['5'], ['6'], ['7'], ['8'], ['9'], ['9+']]
});
var area_size_in_sqm_store = new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: [['0', 'Any size'], ['100', '>= 100'], ['300', '>= 300'], ['500', '>= 500'], ['1000', '>= 1000'], ['2000', '>= 2000']]
});
var area_size_in_sqf_store = new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: [['0', 'Any size'], ['1000', '>= 1,000'], ['3000', '>= 3,000'], ['5000', '>= 5,000'], ['10000', '>= 10,000'], ['20000', '>= 20,000']]
});
var area_size_unit_store = new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: [['sqm', 'square metres'], ['sqf', 'square feet']]
});
var capacity_store = new Ext.data.SimpleStore({
fields: ['value', 'text'],
data: [['0', 'Any number'], ['20', '> 20'], ['40', '> 40'], ['60', '> 60'], ['100', '> 100'], ['300', '> 300'], ['500', '> 500'], ['1000', '> 1000']]
});
var hotelSearchStore = new Ext.data.JsonStore({
url: '/HotelServlet?action=getHotelSummary'
,root: 'results'
,totalProperty: 'totalCount'
,fields: ['id','name','address','star_rate','district_id']
});
var districtStore = new Ext.data.JsonStore({
url: '/HotelServlet?action=getHotelDistrictList&locale='+locale+'&with_all=y'
,root: 'results'
,fields: ['value', 'text']
});
districtStore.on('load', function(st, recs){
if (district=='') {
Ext.getCmp('hotel-search-district').setValue(recs[0].get('id'));
} else {
Ext.getCmp('hotel-search-district').setValue(district);
}
});
var resultTpl = new Ext.XTemplate(
'',
'
{name}
',
'
',
'',
'| Rating: | ',
' | ',
'
',
'',
'| District: | ',
'{district_id} | ',
'
',
'',
'| Address: | ',
'{address} | ',
'
',
'
',
'
{value}
',
editable: false,
triggerAction: 'all',
value:default_area_size_unit,
id: 'hotel-search-area-size-unit',
listeners:{
'select': function(combo, rec, index){
var value = combo.getValue();
if (value == 'sqm') {
Ext.getCmp('more-options-5').show();
Ext.getCmp('more-options-6').hide();
} else if (value == 'sqf') {
Ext.getCmp('more-options-5').hide();
Ext.getCmp('more-options-6').show();
}
}
}
}
]
}
,{
columnWidth:1,
border: false,
layout:'form',
labelWidth:57,
labelAlign:'left',
id:'more-options-8',
items:[
{
xtype:'combo',
disabled:!req_fr,
fieldLabel: 'Capacity',
width: 142,
mode: 'local',
store:capacity_store,
displayField: 'text',
valueField: 'value',
editable: false,
triggerAction: 'all',
value:default_capacity,
id: 'hotel-search-capacity'
}
]
}
,{
columnWidth:1,
style:'line-height:21px;',
html:' '
}
],
buttonAlign:'center',
buttons: [
{
text: 'Search',
style: '',
minWidth: 100,
handler: function() {
var isCheckInDateValid = Ext.getCmp('hotel-search-check-in-date').isValid();
var isCheckOutDateValid = Ext.getCmp('hotel-search-check-out-date').isValid();
if (!isCheckInDateValid || !isCheckOutDateValid) {
errMsg = 'Some fields contain errors. Please correct them first.';
errWindow.show();
return;
}
var check_in_date = Ext.getCmp('hotel-search-check-in-date').getValue();
var check_out_date = Ext.getCmp('hotel-search-check-out-date').getValue();
if (check_in_date>=check_out_date) {
Ext.getCmp('hotel-search-check-out-date').markInvalid('Check out date must be greater than check in date.');
errMsg = 'Some fields contain errors. Please correct them first.';
errWindow.show();
return;
}
if (!check_out_date.between(check_in_date, new Date(check_in_date.getFullYear(), check_in_date.getMonth()+1, check_in_date.getDate()))) {
Ext.getCmp('hotel-search-check-out-date').markInvalid('For making room bookings more than 1 month, please contact our sales directly at (65)6699-7071.');
errMsg = 'Some fields contain errors. Please correct them first.';
errWindow.show();
return;
}
var checkin = Ext.getCmp('hotel-search-check-in-date').getValue().format('m/d/Y');
var checkout = Ext.getCmp('hotel-search-check-out-date').getValue().format('m/d/Y');
var hotel_name = Url.encode(Ext.getCmp('hotel-search-hotel-name').getValue());
var district = Ext.getCmp('hotel-search-district').getValue();
var star_rate = Ext.getCmp('hotel-search-star-rate').getValue();
var req_fr = Ext.getCmp('hotel-search-require-function-rooms').getValue();
var fr_area_sqm = Ext.getCmp('hotel-search-area-size-in-sqm').getValue();
var fr_area_sqf = Ext.getCmp('hotel-search-area-size-in-sqf').getValue();
var fr_area_unit = Ext.getCmp('hotel-search-area-size-unit').getValue();
var fr_capacity = Ext.getCmp('hotel-search-capacity').getValue();
window.location='/hotels/showSummary.jsp?check-in='+checkin+'&check-out='+checkout
+'&hotel_name_keyword='+hotel_name+'&district='+district
+'&star_rate='+star_rate+'&req_fr='+req_fr+'&fr_area_sqm='+fr_area_sqm
+'&fr_area_sqf='+fr_area_sqf+'&fr_area_unit='+fr_area_unit+'&fr_capacity='+fr_capacity;
}
}
]
});
searchForm.on('render', function(){
//districtStore.load();
});
searchForm.render(domNodeID);
}
});