',
').getTime()+')
'
}
]
}
,{
columnWidth:.42,
id:'vcode-3',
hidden:true,
items:[
{
xtype:'panel',
border: false,
style:'font-size:11px;',
html: 'Letters are not case-sensitive'
}
]
}//end verification code
,{
columnWidth:1,
height: 20
}
]
,buttons: [
{
id: 'submit-btn',
minWdith:100,
text: 'Book',
handler: doSubmit
},
{
text: 'Close',
minWdith:100,
handler: function(){Ext.getCmp('restaurant-booking-form').destroy()}
}
]
});
panel.on('render', function(){
if (bookingId && bookingId.length!=0) {
//hide sign in components
Ext.getCmp('signin-checkbox').hide();
for (var i=1; i<=4; i++) {
Ext.getCmp('existing-user-'+i).hide();
}
bookingStore.load({
params: {
},
callback: function(records){
diningDate = records[0].get('dining_date2');
diningTime = records[0].get('dining_time2');
if (diningTime.charAt(0) == '0') {
diningTime = diningTime.substring(1, diningTime.length);
}
Ext.getCmp('booking-form-date').setValue(diningDate);
Ext.getCmp('booking-form-time').setValue(diningTime);
noOfPerson = records[0].get('no_of_persons');
Ext.getCmp('booking-form-noofperson').setValue(noOfPerson);
vipRoom = Url.replaceEscape(records[0].get('viproom'));
Ext.getCmp('booking-form-viproom').setValue(vipRoom);
otherRequirements = Url.replaceEscape(records[0].get('other_requirements'));
Ext.getCmp('booking-form-other-requirements').setValue(otherRequirements);
contactTitle = Url.replaceEscape(records[0].get('title'));
Ext.getCmp('booking-form-title').setValue(contactTitle);
contactName = Url.replaceEscape(records[0].get('name'));
if (contactName && contactName.length != 0) {
Ext.getCmp('booking-form-name').setValue(contactName);
}
contactMobileCtryCode = records[0].get('mobile_ctry_code');
Ext.getCmp('booking-form-mobile-ctrycode').setValue(contactMobileCtryCode);
contactMobile = records[0].get('mobile');
Ext.getCmp('booking-form-mobile').setValue(contactMobile);
contactEmail = Url.replaceEscape(records[0].get('email'));
Ext.getCmp('booking-form-email').setValue(contactEmail);
contactVia = records[0].get('contact_via');
if (contactVia && contactVia.length != 0) {
if (contactVia == 'Email') {
contactVia = 'E-mail';
Ext.getCmp('contact-phone-no').hide();
Ext.getCmp('contact-phone-no-dash').hide();
Ext.getCmp('contact-phone-no-ctrycode').hide();
Ext.getCmp('contact-email').show();
}
Ext.getCmp('booking-form-contactvia').setValue(contactVia);
}
contactPreferredLanguage = records[0].get('diner_preferred_language');
Ext.getCmp('booking-form-preferred-language').setValue(contactPreferredLanguage);
}
})
} else {
userStore.load({
params: {
},
callback: function(records){
if (records && records.length != 0) {
//hide sign in components
Ext.getCmp('signin-checkbox').hide();
for (var i=1; i<=4; i++) {
Ext.getCmp('existing-user-'+i).hide();
}
var title = records[0].get('title');
if (title && title.length != 0) {
Ext.getCmp('booking-form-title').setValue(title);
}
var real_name = Url.replaceEscape(records[0].get('real_name'));
if (real_name && real_name.length != 0) {
Ext.getCmp('booking-form-name').setValue(real_name);
}
var mobile_ctry_code = records[0].get('mobile_ctry_code');
Ext.getCmp('booking-form-mobile-ctrycode').setValue(mobile_ctry_code);
var mobile = records[0].get('mobile');
Ext.getCmp('booking-form-mobile').setValue(mobile);
var email = Url.replaceEscape(records[0].get('email'));
Ext.getCmp('booking-form-email').setValue(email);
var prev_notify_via = Url.replaceEscape(records[0].get('prev_notify_via'));
if (prev_notify_via && prev_notify_via.length != 0) {
if (prev_notify_via == 'Email') {
prev_notify_via = 'E-mail';
Ext.getCmp('contact-phone-no').hide();
Ext.getCmp('contact-phone-no-dash').hide();
Ext.getCmp('contact-phone-no-ctrycode').hide();
Ext.getCmp('contact-email').show();
}
Ext.getCmp('booking-form-contactvia').setValue(prev_notify_via);
}
var prev_preferred_lang = Url.replaceEscape(records[0].get('prev_preferred_lang'));
if (prev_preferred_lang && prev_preferred_lang.length != 0) {
Ext.getCmp('booking-form-preferred-language').setValue(prev_preferred_lang);
}
}
}
});
}
});
var win = Ext.getCmp('restaurant-booking-form');
if (win) {
win.show();
return;
}
//Create window*****************************************************************************
var booking_form = new Ext.Window({
id: 'restaurant-booking-form',
title: 'Restaurant Booking Form',
width: 650,
height:'auto',
draggable:false,
autoScroll:true,
border:false,
buttonAlign:'center',
items:[
panel
]
});
restStore.on('load', function(store, records){
if (records && records.length != 0) {
rest_rec = records[0];
Ext.getCmp('restaurant-booking-form').setTitle('Restaurant Booking Form' + ' - ' + rest_rec.get('name') + '');
}
});
booking_form.on('show', function(){
restStore.load();
});
booking_form.show();
//validate username***************************************************
function validateUsername(username) {
if (username=="") {
return "";
}
var msg = checkUsername2(username);
if (msg.length != 0) {
return msg;
}
//Create store to check user login*********************************************************
var store = new Ext.data.JsonStore({
url: '/RestaurantBookingServlet?action=checkUsernameAvailability'
,root: 'results'
,fields: ['status', 'exist', 'msg']
});
//backend check user availability
store.load({
params: {
username: username
},
callback: function(records){
for (var x = 0; x < records.length; x++){
var status = records[x].get('status');
var exist = records[x].get('exist');
if (status == 'success' && exist == 'no') {
Ext.getCmp('login-form-username').markInvalid("This username doesn't exist.");
err_username = true;
return;
}
if (status == 'success' && exist == 'yes') {
err_username = false;
return;
}
}
}
});
return true;
}
//validate password***************************************************
function validatePassword() {
var cmp = Ext.getCmp('login-form-password');
var password = cmp.getValue();
var msg = checkPassword2(password);
if (msg.length != 0) {
return msg;
}
return true;
}
//validate email*******************************************************
function validateEmail() {
var cmp = Ext.getCmp('booking-form-email');
var email = cmp.getValue();
if (email.length == 0) {
return true;
}
var msg = checkEmail(email);
if (msg.length != 0) {
return msg;
}
return true;
}
}
function clickInstantConfirmCB() {
var cb_checked = Ext.get('instant_confirm_cb').dom.checked;
if (cb_checked) {
if (!rest_rec) {
return;
}
if (!isPHStoreLoaded) {
alert('Error loading criteria for instant confirmation. Please reload the page and try again.');
Ext.get('instant_confirm_cb').dom.checked = false;
return;
}
Ext.getCmp('booking-form-viproom').disable();
Ext.getCmp('booking-form-other-requirements').disable();
//set max no of pax
var instant_confirm_no_of_pax = rest_rec.get('instant_confirm_no_of_pax');
Ext.getCmp('booking-form-noofperson').maxValue = instant_confirm_no_of_pax;
var value = Ext.getCmp('booking-form-noofperson').getValue();
if (value) {
Ext.getCmp('booking-form-noofperson').setValue(value); //to trigger validation
}
//set time
var instant_confirm_lunch_lb = rest_rec.get('instant_confirm_lunch_lb');
var instant_confirm_lunch_ub = rest_rec.get('instant_confirm_lunch_ub');
var instant_confirm_dinner_lb = rest_rec.get('instant_confirm_dinner_lb');
var instant_confirm_dinner_ub = rest_rec.get('instant_confirm_dinner_ub');
var newTimeList = [];
var index1 = timeStore.find('time', instant_confirm_lunch_lb);
var index2 = timeStore.find('time', instant_confirm_lunch_ub);
for (var i=index1; i
',
'
',
{
getDiscountStr: function(discount) {
if (discount && discount.length != 0) {
return ''+discount+'';
}
return 'No';
}
},
{
getOtherBenefitsStr: function(other_benefits) {
if (other_benefits && other_benefits.length != 0) {
return ''+other_benefits+'';
}
return 'No';
}
},
{
getPointsRateStr: function(points_rate) {
if (points_rate == 0) {
return points_rate;
}
return ''+points_rate+'';
}
},
{
getPointsRateDisplayCss: function(rate) {
if (rate!=0) {
return "";
}
return 'display:none;';
}
},
{
getDisplayCss: function(str){
if (str && str.length != 0) {
return '';
}
return 'display:none;';
}
},
{
getInstantConfirmDisplayCss: function(str) {
if (str && str.toLowerCase()=="y") {
return "";
}
return 'display:none;';
}
}
);
RestSummaryPanel = Ext.extend(Ext.DataView, {
frame: true
,loadingText: 'loading...'
,itemSelector: 'table'
,style:'padding-top:5px'
,tpl: restTpl
});
var doLoadContact = function() {
var isUsernameValid = Ext.getCmp('login-form-username').isValid();
var isPasswordValid = Ext.getCmp('login-form-password').isValid();
var username = Ext.getCmp('login-form-username').getValue();
var password = Ext.getCmp('login-form-password').getValue();
if (username.length == 0) {
Ext.getCmp('login-form-username').markInvalid("User name cannot be empty.");
isUsernameValid = false;
}
if (password.length == 0) {
Ext.getCmp('login-form-password').markInvalid("Password cannot be empty.");
isPasswordValid = false;
}
if (err_username || !isUsernameValid || !isPasswordValid) {
errMsg = 'Some fields contain errors. Please correct them first.';
errWindow.show();
return;
}
//backend check user credentials
var err_username = false;
var loginStore = new Ext.data.JsonStore({
url: '/RestaurantBookingServlet?action=doUserLogin'
,root: 'results'
,fields: ['status', 'msg']
});
loginStore.load({
params: {
id: username,
pwd: password
},
callback: function(records){
for (var x = 0; x < records.length; x++){
var status = records[x].get('status');
if (status == 'failed') {
errMsg = records[x].get('msg');
errMsg = errMsg;
errWindow.show();
return;
}
}
//define user store
var userStore = new Ext.data.JsonStore({
url: '/RestaurantBookingServlet?action=getUserInfoForRestaurantBooking'
,root: 'results'
,fields: ['user_id', 'title', 'real_name', 'mobile_ctry_code', 'mobile', 'email', 'prev_notify_via', 'prev_preferred_lang']
});
userStore.load({
params: {
},
callback: function(records){
if (records && records.length != 0) {
//hide sign in components
Ext.getCmp('signin-checkbox').hide();
for (var i=1; i<=4; i++) {
Ext.getCmp('existing-user-'+i).hide();
}
var title = records[0].get('title');
if (title && title.length != 0) {
Ext.getCmp('booking-form-title').setValue(title);
} else {
Ext.getCmp('booking-form-title').setValue('Mr.');
}
var real_name = Url.replaceEscape(records[0].get('real_name'));
if (real_name && real_name.length != 0) {
Ext.getCmp('booking-form-name').setValue(real_name);
} else {
Ext.getCmp('booking-form-name').setValue('');
}
var mobile_ctry_code = records[0].get('mobile_ctry_code');
Ext.getCmp('booking-form-mobile-ctrycode').setValue(mobile_ctry_code);
var mobile = records[0].get('mobile');
Ext.getCmp('booking-form-mobile').setValue(mobile);
var email = Url.replaceEscape(records[0].get('email'));
Ext.getCmp('booking-form-email').setValue(email);
var prev_notify_via = Url.replaceEscape(records[0].get('prev_notify_via'));
if (prev_notify_via == 'Email') {
prev_notify_via = 'E-mail';
}
if (prev_notify_via && prev_notify_via.length != 0 && prev_notify_via== 'E-mail') {
Ext.getCmp('booking-form-contactvia').setValue(prev_notify_via);
Ext.getCmp('contact-phone-no').hide();
Ext.getCmp('contact-phone-no-dash').hide();
Ext.getCmp('contact-phone-no-ctrycode').hide();
Ext.getCmp('contact-email').show();
} else {
Ext.getCmp('booking-form-contactvia').setValue('SMS');
}
var prev_preferred_lang = Url.replaceEscape(records[0].get('prev_preferred_lang'));
if (prev_preferred_lang && prev_preferred_lang.length != 0) {
Ext.getCmp('booking-form-preferred-language').setValue(prev_preferred_lang);
} else {
Ext.getCmp('booking-form-preferred-language').setValue('English');
}
}
}
});
}
});
}
var currentDate = new Date();
var date = new Date();
//define main view****************************************************************************************
var panel = new Ext.FormPanel({
url:'/RestaurantBookingServlet',
id:'booking-form-panel',
autoHeight: true,
autoScroll: false,
frame: true,
layout: 'column',
labelAlign:'top',
items: [
{
columnWidth:1,
items:[
new RestSummaryPanel({
store: restStore
})
]
},
{
columnWidth:.45,
layout:'column',
style:'padding-top:10px;',
items:[
{
columnWidth:.5,
layout:'form',
bodyStyle:'padding:0 0 0 10px;',
items: [{
xtype:'datefield',
fieldLabel: 'Dining date 用餐日期',
allowBlank: false,
width: 100,
value:currentDate.clearTime(),
minValue:currentDate.clearTime(),
maxValue:new Date(date.setMonth(date.getMonth()+noOfMonthsAhead)).clearTime(),
maxText:'It is too far from current date. Call our hotline 6699-7071 if you have special requests.',
disabledDatesText: 'This date is not allowed for instant confirmation.',
disabledDaysText: 'This date is not allowed for instant confirmation.',
//disabledDates:['10/15/2009','10/31/2009','11/01/2009','11/04/2009','12/01/2009'],
//disabledDates:undefined,
//disabledDays:[0,6],
id: 'booking-form-date',
name: 'booking-form-date',
listeners:{
'blur':function(df) {
if (Ext.get('instant_confirm_cb').dom.checked) {
var disableLunch = false;
var disableDinner = false;
var date = df.getValue();
var date2 = df.getValue();
var tmr = new Date(date2.setDate(date2.getDate()+1)).clearTime();
//if date falls in weekend or friday
var day = date.getDay();
if (day == 6) { //sat
if (disable_instant_confirm_sat_lunch) {
disableLunch = true;
}
if (disable_instant_confirm_sat_dinner) {
disableDinner = true;
}
} else if (day == 5) { //fri
if (disable_instant_confirm_sat_eve) {
disableDinner = true;
}
} else if (day == 0) { //sun
if (disable_instant_confirm_sun_lunch) {
disableLunch = true;
}
if (disable_instant_confirm_sun_dinner) {
disableDinner = true;
}
}
//if day is in ph or ph eve
if (!(disableLunch&&disableDinner)) {
if (disable_instant_confirm_ph_lunch || disable_instant_confirm_ph_dinner) { //ph
//get all dates in ph store and compare
phStore.each(function(rec){
var datestring = rec.get('date');
var d=Date.parse("datestring"); //d is time long
var ph_date = new Date();
ph_date.setTime(d);
if (ph_date.getTime()==date.getTime()) {
if (disable_instant_confirm_ph_lunch) {
disableLunch = true;
}
if (disable_instant_confirm_ph_dinner) {
disableDinner = true;
}
}
});
}
if (disable_instant_confirm_ph_eve) { //ph eve
//get all dates in ph store and compare
phStore.each(function(rec){
var datestring = rec.get('date');
var d=Date.parse(datestring); //d is time long
var ph_date = new Date();
ph_date.setTime(d);
//get selected_date+1 and compare
if (ph_date.getTime()==tmr.getTime()) {
if (disable_instant_confirm_ph_eve) {
disableDinner = true;
}
}
});
}
}
//if day is special
if (!(disableLunch&&disableDinner)&&disable_instant_confirm_has_other) {
var instant_confirm_disabled_dates = rest_rec.get('instant_confirm_disabled_dates');
if (instant_confirm_disabled_dates && instant_confirm_disabled_dates.length!=0) {
for (var i=0; i',
'',
'
',
'
',
'
| ',
'Instant confirmation | ', '
',
'',
'
',
'
',
'| Discount 折扣: | ', '{discount:this.getDiscountStr} | ', '
| Other benefits: | ', '{other_benefits:this.getOtherBenefitsStr} | ', '
| Address 地址: | ', '{address} | ', '
| Reservation 预留: | ', 'Restaurant generally reserves your seat(s) for only 30 minutes, so pls be punctual. | ', '
{time}
',
id: 'booking-form-time',
name: 'booking-form-time',
value:'7:00 PM',
listeners:{
'blur':function(combo){
triggerTimeValidation(combo.store);
}
}
}]
}
,{
columnWidth:.5,
layout:'form',
bodyStyle:'padding:0 0 0 10px;',
items: [{
xtype:'numberfield',
width: 100,
fieldLabel: 'No of person 人数',
allowBlank: false,
allowDecimals: false,
allowNegative: false,
id: 'booking-form-noofperson',
name: 'booking-form-noofperson'
}]
}
,{
columnWidth:.5,
layout:'form',
items: [{
xtype:'combo',
width: 100,
fieldLabel: 'VIP room 包厢',
store: viproomStore,
displayField: 'viproom',
valueField: 'viproom',
mode: 'local',
editable: false,
triggerAction: 'all',
tpl: '{viproom}
{title}
{contactvia}
{language}