You added ' + buildRecord.data['BUILD#SERVICE'] + '.
Would you like to add another from ' + tabName + '?
')
},
onMoreClick : function () {
this.fireEvent('build-more')
},
onSkipClick : function () {
this.fireEvent('build-skip')
}
})
//eof extend
Ext.reg('RL.Build.More', RL.Build.More)
Ext.ns('RL.Build')
RL.Build.Popup = Ext.extend(Ext.Panel, {
pricingRecord : null,
searchForm : null,
buildPopup : null,
slots : true,
initComponent : function(){
Ext.apply(this, {
baseCls : 'x-box',
frame : true,
hideBorders : true,
width: 260,
height : 170,
layout : 'fit',
items : [
{
xtype : 'panel',
slot : 'slider',
layout : 'slide',
bodyStyle : {
background : 'none transparent'
},
activeItem : 0,
items : [
{
xtype : 'rl_build',
slot : 'build',
pricingRecord : this.pricingRecord,
searchForm : this.searchForm
},
{
xtype : 'RL.Build.More',
slot : 'more'
}
]
}
]
})
//eof apply
RL.Build.superclass.initComponent.call(this)
var slots = this.slots
slots.build.on('add-service', this.onAddService, this)
slots.build.on('cancel', this.onMore, this)
slots.more.on('build-more', this.onMore, this)
slots.more.on('build-skip', this.onSkip, this)
},
onAddService : function (buildForm, values) {
var buildRecord = RL.Global.getWizard(this.searchForm).addServiceItem(this.pricingRecord, values)
var searchForm = this.searchForm
if (searchForm.canSuggestMoreItems()) {
var more = this.slots.more
more.refresh(buildRecord, searchForm.getServiceItemDescription())
this.slots.slider.layout.setActiveItem(more)
} else
this.onSkip()
},
onMore : function () {
this.buildPopup.hide()
},
onSkip : function () {
this.buildPopup.hide()
this.searchForm.wizard.onNextStep()
}
})
//eof extend
Ext.reg('RL.Build.Popup', RL.Build.Popup)
Ext.ns('RL.Vendor');
RL.Vendor.Calendar = Ext.extend(Ext.Panel, {
baseCls : 'x-frameless',
invTab : 'avail',
frame : false,
autoWidth : true,
hideBorders : true,
layout : 'row-fit',
pricingRecord : null,
vendorRecord : null,
searchForm : null,
constructor : function (config) {
Ext.apply(config, {
items:[{
baseCls:'x-frameless',
hideBorders:true,
frame:false,
calendar_parent:true,
height:'100%',
autoWidth:true,
layout : 'row-fit'
}]
});
RL.Vendor.Calendar.superclass.constructor.call(this, config);
},
initComponent : function() {
if (this.pricingRecord){
this.firstDt=this.pricingRecord.get('BUILD#DDATE');
this.lastDt=this.pricingRecord.get('BUILD#RDATE');
this.ventype=this.pricingRecord.get('BUILD#TYPE') || this.pricingRecord.get('VENDOR#VENTYPE');;
this.venid=this.pricingRecord.get('BUILD#VENID') || this.pricingRecord.get('VENDOR#VENID');
this.mgtcoid=this.pricingRecord.get('BUILD#MGTCOID') || this.pricingRecord.get('VENDOR#MGTCOID');
}else if (this.vendorRecord){
this.ventype=this.vendorRecord.get('VENDOR#VENTYPE');;
this.venid=this.vendorRecord.get('VENDOR#VENID');
this.mgtcoid=this.vendorRecord.get('VENDOR#MGTCOID');
}
if (!this.venid){
alert('did not specify particular vendor on vendor calendar');
}
if (!this.firstDt && this.searchForm){
var values=this.searchForm.getSearchValues();
this.firstDt=values['#DDATE'];
this.lastDt=values['#RDATE'];
}
if (!this.firstDt ){
alert('did not specify particular dates on vendor calendar');
}
this.createToolbar();
RL.Vendor.Calendar.superclass.initComponent.call(this);
},
updateToolbarDts:function(){
this.topToolbar.el.child('.x-vendor-calendar-toolbar-dates').update(''+this.firstDt.format('d M y') + ' to ' +this.lastDt.format('d M y')+'');
},
createToolbar : function() {
this.setDates(this.firstDt, this.lastDt, true);
var dates='';
var invTabs=this.getInvTabs(), buttons=[];
for (var id in invTabs){
var tab=invTabs[id];
buttons.push({
invTab: id,
pressed:(this.invTab===id),
handler:this.onToggleClick,
allowDepress:false,
text: tab.desc,
enableToggle: true,
scope: this
}, ' ');
}
this.tbar = new Ext.Toolbar({
toolbarCls:'x-panel-bc',
style:{
padding:'5px 0 5px 0'
//padding:'5px 0 0 0'
},
//height:30,
//toolbarCls:'x-vendor-calendar-toolbar',
items:[
{
xtype:'container_spacer',
width:20
},
buttons,
{
xtype:'container_spacer',
width:20
},
{
scale : 'medium',
iconCls: 'go-left-btn',
handler: this.onClickPrevDate,
scope: this
},
dates,
{
scale : 'medium',
iconCls: 'go-right-btn',
handler: this.onClickNextDate,
scope: this
}]
})
this.tbar.on('afterlayout', this.afterToolbarLayout, this)
},
afterToolbarLayout : function(tb){
this.updateToolbarDts();
//tb.el.child("table").set({align:'center', style:{width:'400px'}},1) //this centers the toolbar
},
onToggleClick : function(btn){
if (btn.invTab === this.invTab) return
this.invTab=btn.invTab;
var btns=this.topToolbar.findBy(function(){ return this.enableToggle })
Ext.each(btns, function(b){
if (btn.id != b.id ) b.toggle(!btn.pressed);
})
this.onStoreReady.defer(100, this, []);
},
onClickPrevDate : function(btn){
var lastDt=this.firstDt.add(Date.DAY,-1);
var firstDt=Date.parseDate(lastDt.format('m')+'/01/'+lastDt.format('Y'),'m/d/Y');
if (lastDt.subtractDt(firstDt)<14){
dt=this.firstDt.add(Date.DAY,-1);
firstDt=Date.parseDate(dt.format('m')+'/01/'+dt.format('Y'),'m/d/Y');
}
this.getStoreRaw(firstDt, lastDt);
},
onClickNextDate : function(btn){
var firstDt=this.lastDt.add(Date.DAY,1);
var lastDt=Date.parseDate(firstDt.format('m')+'/'+firstDt.getDaysInMonth()+'/'+firstDt.format('Y'),'m/d/Y');
if (lastDt.subtractDt(firstDt)<14){
var dt=lastDt.add(Date.DAY,1);
lastDt=Date.parseDate(dt.format('m')+'/'+dt.getDaysInMonth()+'/'+dt.format('Y'),'m/d/Y');
}
this.getStoreRaw(firstDt, lastDt);
},
onRender : function(ct, position){
RL.Vendor.Calendar.superclass.onRender.apply(this, arguments);
this.getStoreRaw.defer(100, this, []);
},
setDates: function(firstDt, lastDt, performChecks){
this.firstDt=Ext.isDate(firstDt) ? firstDt :Date.parseDate(firstDt,'m/d/Y');
this.lastDt=Ext.isDate(lastDt) ? lastDt :Date.parseDate(lastDt,'m/d/Y');
if (performChecks){
if (this.lastDt.subtractDt(this.firstDt)<14){
this.firstDt=this.firstDt.add(Date.DAY,-7);
this.lastDt=this.lastDt.add(Date.DAY,7);
}
}
if (this.el) this.updateToolbarDts();
},
checkLoading:function(nowLoading){ //this logic is slightly different from the pricing one...it always repaints the mask window since the mask window does not paint well on a sliding in panel
var wasLoading;
if (typeof nowLoading != 'undefined'){
wasLoading=this.loading;
this.loading=nowLoading;
}
var calendar_parent=this.findBy(function(item){ return item.calendar_parent })[0];
if (calendar_parent.el) calendar_parent.el.unmask();
if (this.loading){
if (calendar_parent.el) calendar_parent.el.mask('Now populating the calendar...', 'x-mask-loading');
this.checkLoading.defer(300, this, []);
}
},
getStoreRaw: function(firstDt, lastDt, venid, mgtcoid, ventype){
if (firstDt){
this.setDates(firstDt,lastDt);
}
if (venid) {
this.venid=venid;
this.mgtcoid=mgtcoid;
this.ventype=ventype;
}
//if (this.dataTemp){
// var dataRemote=Ext.jx.getTable('_VENDOR_INVENTORY').setData('TEST', this.dataTemp);
// this.storeRaw=dataRemote.getStore();
// this.onStoreReady();
// return;
//}
this.checkLoading(true);
var server = Ext.jx.Server.get(), conn = new Ext.data.Connection();
var params=Ext.jx.Ajax.cleanFieldNamesForPost({
'VENDOR.VENID':this.venid,
'VENDOR.MGTCOID':this.mgtcoid || '~~NULL~~',
'VENDOR.VENTYPE':this.ventype,
'.DDATE':this.firstDt,
'.RDATE':this.lastDt
});
var actionParams='&'+Ext.jx.Ajax.urlEncode({screen:'js::ext_data_store::_VENDOR_INVENTORY', page_action:params});
conn.request({
timeout:90,
url: server+'?'+actionParams+'&pl='+Ext.jx.getStoreValue('DEPT#DEPTNO'),
method: 'GET',
success: function(responseObject) {
Ext.jx.Server.release(server);
this.checkLoading(false);
if (!responseObject.responseObject){
eval('responseObject.responseObject='+responseObject.responseText);
}
var dataRemote=Ext.jx.getTable('_VENDOR_PRICING').setData(actionParams, responseObject.responseObject);
this.storeRaw=dataRemote.getStore();
this.onStoreReady();
},
failure: function() {
Ext.jx.Server.release(server);
this.checkLoading(false);
calendar_parent.add({
html:'There was a problem loading the data'
});
if (calendar_parent.el){
calendar_parent.doLayout();
calendar_parent.el.unmask();
}
},
scope : this
});
},
onStoreReady:function(){
var commonFields=['_VENDOR_INVENTORY#UNITSAY', '_VENDOR_INVENTORY#PRICECODE', '#LINK_TO_SERVICE', '_VENDOR_INVENTORY#PRICECODE', '_VENDOR_INVENTORY#MGTCOID', '_VENDOR_INVENTORY#VENID'];
var specificFields=[
'_VENDOR_INVENTORY#INV_DATE', '_VENDOR_INVENTORY#AUDIT', '_VENDOR_INVENTORY#AUDITDATE', '_VENDOR_INVENTORY#AVAIL', '_VENDOR_INVENTORY#RELDATE', '_VENDOR_INVENTORY#STATUS',
'_VENDOR_INVENTORY#TOTINV', '_VENDOR_INVENTORY#USED', '_VENDOR_INVENTORY#BLACKOUT', '_VENDOR_INVENTORY#UNITSAY', '_VENDOR_INVENTORY#SELL_PRICE', '_VENDOR_INVENTORY#MINNGTS'
];
var newStoreFields=[], newStoreData=[], rowsHash={};
Ext.each(commonFields, function(fld){
newStoreFields.push(Ext.apply({},this.storeRaw.fields.map[fld]));
},this);
var days=this.lastDt.subtractDt(this.firstDt);
for (var i=0; i<=days; i++){
var dateNow=this.firstDt.add('d', i);
var fldDt='#'+dateNow.format('Y-m-d');
newStoreFields.push({name:fldDt});
}
this.storeRaw.each(function(rec){
var dtRaw=rec.data['_VENDOR_INVENTORY#INV_DATE'];
var dt=Date.parseDate(dtRaw,'m/d/Y');
var rowKey=rec.data['_VENDOR_INVENTORY#VENID']+'&'+rec.data['_VENDOR_INVENTORY#MGTCOID']+'&'+rec.data['_VENDOR_INVENTORY#PRICECODE'];
var row = rowsHash[rowKey];
if (!row){
newStoreData.push(row=rowsHash[rowKey]={rowkey:rowKey});
Ext.each(commonFields, function(fld){
row[fld]=rec.data[fld]
});
}
var dtValues={};
Ext.each(specificFields, function(fld){
dtValues[fld]=rec.data[fld]
});
row['#'+dt.format('Y-m-d')]=dtValues;
});
this.store=new Ext.data.JsonStore({
fields: newStoreFields,
data: newStoreData
});
this.updateGrid();
return;
},
getGridCols: function(invTab){
if (invTab) this.invTab=invTab;
var gridCols=[
//new Ext.grid.RowNumberer(),
{
header: "Unit Type",
width: 120,
sortable: true,
dataIndex:'_VENDOR_INVENTORY#UNITSAY',
//align:'left'
//,css:'font-weight:bold'
renderer: function(v, p, r, rowIndex, i, ds){
return ''+v+'
';
}
}];
var days=this.lastDt.subtractDt(this.firstDt);
for (var i=0; i<=days; i++){
var dateNow=this.firstDt.add('d', i);
var fldDt='#'+dateNow.format('Y-m-d');
gridCols.push(Ext.apply({
//wrong //width: 40, //the width is specified on the customer renderer which is set in getInvTabs
//header: dateNow.format('d M Y'),
//header: dateNow.format('j'),
header: dateNow.format('M j'),
resizable: false,
sortable: false,
menuDisabled: true,
dataIndex: fldDt
},this.getInvTabs()[this.invTab]));
}
return gridCols;
},
getInvTabs:function(){
if (this.invTabs) return this.invTabs;
return this.invTabs={
avail:{
desc:'Availability Calendar',
width: 38,
renderer : function(v, metadata, r, rowIndex, i, ds) {
if (v['_VENDOR_INVENTORY#BLACKOUT'] == '1' || v['_VENDOR_INVENTORY#AVAIL'] == '0') {
metadata.css = 'inv_calendar_blackout_date'
return 'n/a'
}
metadata.css = 'inv_calendar_available_date'
return v['_VENDOR_INVENTORY#AVAIL']
}
},
minNights:{
desc:'Min Nights Calendar',
width: 38,
renderer: function(v, p, r, rowIndex, i, ds){
return v['_VENDOR_INVENTORY#MINNGTS'];
}
}
}
},
updateGrid: function(){
var calendar_parent=this.findBy(function(item){ return item.calendar_parent })[0];
calendar_parent.removeRange();
var grid = new Ext.grid.GridPanel({
store: this.store,
columns: this.getGridCols(),
cls:'inven_cal_grid',
selModel: new Ext.grid.RowSelectionModel({singleSelect:true}),
//selModel: new Ext.grid.CellSelectionModel(),
stripeRows: true,
autoWidth:true,
frame: true,
height:'100%'
});
calendar_parent.add(grid);
if (calendar_parent.el) calendar_parent.doLayout();
}
});
//eof extend
Ext.reg('vendor_calendar', RL.Vendor.Calendar);
Ext.ns('RL.Vendor');
RL.Vendor.Carousel = Ext.extend(Ext.Panel, {
layout: 'carousel',
baseCls:'x-frameless',
autoWidth:true,
height: 200,
layoutConfig: {
pagedScroll: true,
loopCount:1,
scrollButtonPosition:'split',
marginScrollButtons: 1
},
vendorRecord : null,
constructor : function (config) {
var vendorRecord = config.vendorRecord;
config.items = [];
var imageBase = Ext.jx.getStoreValue({ tableName : "CONFIG", fieldName : "CONFIG#IMAGEPATH" });
for (var i = 1; i <= 10; i++) {
var imageName = vendorRecord.data['VENDOR#IMAGE' + i];
if (!imageName) continue;
config.items.push({
style : { margin: '1px 1px 1px 1px'},
html : {tag: 'img', width : 250, height : 200, src : imageBase + '/fs_' + imageName, style : { width : 250, height : 200 } }
});
}
RL.Vendor.Carousel.superclass.constructor.call(this, config);
}
});
Ext.reg('vendor_carousel', RL.Vendor.Carousel);
Ext.ns('RL.Vendor');
RL.Vendor.Content = Ext.extend(Ext.ux.TabPanelSkin, {
slots : true,
tabsBgCls : 'prodtype_ldg_header',
tabBtnCls : 'prodtype_round_button',
tabsTitleCls : 'quote_steps_msg',
active : null, //name of initially active tab
enableTabScroll : true,
plain : true,
border : false,
activeTab : 0,
layoutConfig : {
deferredRender : true,
layoutOnCardChange : true
},
vendorRecord : null,
pricingRecord : null,
searchForm : null,
constructor : function (config) {
var vendorRecord = config.vendorRecord;
var searchForm = config.searchForm;
var pricingRecord = config.pricingRecord;
if (!config.items) config.items = []
if (!vendorRecord.hasPictures){
Ext.jx.debug('problem with hasPictures');
} else {
if (vendorRecord.hasPictures()) config.items.push({
title : 'Pictures',
name : 'Pictures',
layout : 'row-fit',
sort:-5,
items : [
{
html: vendorRecord.getDesc(),
autoWidth : true,
autoHeight : true
},
{
xtype : 'vendor_carousel',
vendorRecord : vendorRecord,
height : '100%'
}
]
});
if (vendorRecord.hasMap()) config.items.push({
xtype : 'vendor_map',
title : 'Map',
name : 'Map',
sort:-4,
vendorRecord : vendorRecord
});
if (vendorRecord.hasStreetView()) config.items.push({
xtype : 'RL.Vendor.StreetView',
slot : 'panorama',
title : 'Street View',
name : 'StreetView',
sort : -4.5,
vendorRecord : vendorRecord
});
if (vendorRecord.hasCalendar()) config.items.push({
xtype : 'vendor_calendar',
title : 'Avail',
name : 'Calendar',
gridHeight : this.height - 112,
sort:-3,
vendorRecord : vendorRecord,
pricingRecord : pricingRecord,
searchForm : searchForm
})
var contentMethod=Ext.jx.getStoreValue("CONFIG#CONVENCON");
if (contentMethod ==1){
if (vendorRecord.data["VENDOR#SHORT"]) config.items.push({
title:'About',
name:'About',
sort:-2,
html: vendorRecord.data["VENDOR#SHORT"],
bodyStyle : 'overflow-y : auto'
});
}
var content=contentMethod ==2 ? ((vendorRecord.data["VENDOR#SHORT"] || '')+(vendorRecord.data["VENDOR#LONG"] || '')) : vendorRecord.data["VENDOR#LONG"];
if (content) config.items.push({
title:'More Info',
name:'More Info',
sort:-1,
html: content,
bodyStyle : 'overflow-y : auto'
});
for (var i=1; i<=7; i++){
if (!vendorRecord.data['VENDOR#CAT'+i+'NAME'] || !vendorRecord.data['VENDOR#CAT'+i+'INFO']){
continue;
}
config.items.push({
title:vendorRecord.data['VENDOR#CAT'+i+'NAME'],
name:'VENDOR#CAT'+i+'NAME',
sort:vendorRecord.data['VENDOR#CAT'+i+'ORDER'],
hideBorders:true,
bodyStyle : 'overflow-y : auto',
items:[{
xtype: !config.noPanPanels ? 'panpanel' : 'panel',
html: vendorRecord.data['VENDOR#CAT'+i+'INFO']
}]
});
}
if (RL.Defaults.DEV_MODE) config.items.push({
xtype : 'RL.Vendor.Inventory',
name : 'Inventory',
vendorRecord : vendorRecord,
pricingRecord : pricingRecord,
searchForm : searchForm
})
}
config.items.sort(function(a,b){
return (a.sort || 0) - (b.sort || 0)
})
Ext.each(config.items, function(item, index) {
if (config.active == item.name) config.activeTab = index;
});
this.tabsTitle = vendorRecord.data['VENDOR#VENDOR']
RL.Vendor.Content.superclass.constructor.call(this, config);
},
initComponent : function () {
RL.Vendor.Content.superclass.initComponent.call(this)
//allowing at least 2 seconds to load the images on active tab (usually pictures)
//then render the other tabs
this.on('afterlayout', this.onAfterLayout, this, { defer : 2000, single : true })
},
afterShow : function () {
var panorama = this.slots.panorama
if (panorama) panorama.afterShow(this.layout.activeItem == panorama)
},
beforeDismiss : function () {
var panorama = this.slots.panorama
if (panorama) panorama.beforeDismiss()
},
onAfterLayout : function () {
var layout = this.layout
if (!layout.deferredRender) return
layout.deferredRender = false
this.doLayout()
}
});
//eof extend
Ext.reg('vendor_content', RL.Vendor.Content);
Ext.ns('RL.Vendor');
RL.Vendor.Map = Ext.extend(Ext.ux.GoogleMapPanel, {
//vendor record
vendorRecord : null,
constructor : function (config) {
var vendorRecord = config.vendorRecord;
Ext.apply(config, {
title:'Map',
mapType:'terrain',
renderedSafe:true,
controls:['zoom','menumaptype','scale'],
zoom:14,
border: false,
markers: [{
address: vendorRecord.getAddress(),
icon:'building',
title:vendorRecord.get('VENDOR#VENDOR'),
html:vendorRecord.template('longdescription'),
maxWidth:300
}]
});
//eof apply
RL.Vendor.Map.superclass.constructor.call(this, config);
}
});
//eof extend
Ext.reg('vendor_map', RL.Vendor.Map);
//Ext.ns('RL.Vendor');
//
//
//RL.Vendor.Map = Ext.extend(Ext.Panel, {
//
// //vendor record
// vendorRecord : null,
//
//
// constructor : function (config) {
//
// var vendorRecord = config.vendorRecord;
//
// Ext.apply(config, {
// title : 'Map',
//
// //when rendered into hidden DOM element this prevents the map from actual rendering
// layout : 'fit',
//
// hideBorders : true,
//
// items : [
// {
// xtype : 'gmappanel',
// minGeoAccuracy : 1,
// zoomLevel : 14,
//
//// gmapType : 'G_PHYSICAL_MAP',
//
// mapControls : [ 'GSmallZoomControl', 'GMenuMapTypeControl', 'GScaleControl'],
//
// setCenter : {
// geoCodeAddr : vendorRecord.getAddress()
// }
// }
// ]
//
//
//// ,
////
//// markers: [{
//// address: vendorRecord.getAddress(),
//// icon:'building',
//// title:vendorRecord.get('VENDOR#VENDOR'),
//// html:vendorRecord.template('longdescription'),
//// maxWidth:300
//// }]
// });
// //eof apply
//
// RL.Vendor.Map.superclass.constructor.call(this, config);
// }
//
//});
////eof extend
//
//Ext.reg('vendor_map', RL.Vendor.Map);
Ext.ns('RL.Destination');
RL.Destination.Carousel = Ext.extend(Ext.Panel, {
layout: 'carousel',
baseCls:'x-frameless',
autoWidth:true,
height: 200,
layoutConfig: {
pagedScroll: true,
loopCount:1,
scrollButtonPosition:'split',
marginScrollButtons: 1
},
destRecord : null,
constructor : function (config) {
var destRecord = config.destRecord;
config.items = [];
var imageBase = Ext.jx.getStoreValue({ tableName : "CONFIG", fieldName : "CONFIG#IMAGEPATH" });
for (var i = 1; i <= 10; i++) {
var imageName = destRecord.data['RESORT#IMAGE' + i];
if (!imageName) continue;
config.items.push({
style : { margin: '1px 1px 1px 1px'},
html : {tag: 'img', width : 250, height : 200, src : imageBase + '/fs_' + imageName, style : { width : 250, height : 200 } }
});
}
RL.Destination.Carousel.superclass.constructor.call(this, config);
}
});
Ext.reg('dest_carousel', RL.Destination.Carousel);
Ext.ns('RL.Destination');
RL.Destination.Content = Ext.extend(Ext.ux.TabPanelSkin, {
tabsBgCls:'prodtype_ldg_header',
tabBtnCls:'prodtype_round_button',
tabsTitleCls:'quote_steps_msg',
active : null, //name of initially active tab
enableTabScroll: true,
plain:true,
border:false,
activeTab: 0,
layoutConfig : {
deferredRender: true,
layoutOnCardChange:true
},
destRecord : null,
autoHeight : true,
constructor : function (config) {
if (!config.items) config.items = [];
var destRecord = config.destRecord;
var isAutoHeight = config.autoHeight != null ? config.autoHeight : this.autoHeight
if (!destRecord.hasPictures) {
Ext.jx.debug('problem with hasPictures');
} else {
if (destRecord.hasPictures()) config.items.push({
title:'Pictures',
name:'Pictures',
sort:-3,
autoHeight : true,
items:[
{
html: destRecord.getDesc(),
autoWidth : true,
autoHeight : true
},
{
xtype : 'dest_carousel',
destRecord : destRecord
}
]
});
var contentMethod=Ext.jx.getStoreValue("CONFIG#CONDESTCON");
if (contentMethod == 1)
if (destRecord.data["RESORT#MULTIPLE"]) config.items.push({
title : 'About',
name : 'About',
sort : -2,
html : destRecord.data["RESORT#MULTIPLE"],
autoHeight : isAutoHeight,
bodyStyle : 'overflow-y : auto'
})
var content = contentMethod == 2 ? ((destRecord.data["RESORT#MULTIPLE"] || '') + (destRecord.data["RESORT#SINGLE"] || '')) : destRecord.data["RESORT#SINGLE"];
if (content) config.items.push({
title : 'More Info',
name : 'More Info',
sort : -1,
html : content,
autoHeight : isAutoHeight,
bodyStyle : 'overflow-y : auto'
})
for (var i = 1; i <= 7; i++) {
if (!destRecord.data['RESORT#CAT'+i+'NAME'] || !destRecord.data['RESORT#CAT'+i+'INFO']) continue
config.items.push({
title : destRecord.data['RESORT#CAT'+i+'NAME'],
name : 'RESORT#CAT'+i+'NAME',
sort : destRecord.data['RESORT#CAT'+i+'ORDER'],
hideBorders:true,
autoHeight : isAutoHeight,
bodyStyle : 'overflow-y : auto',
items:[{
xtype: !config.noPanPanels ? 'panpanel' : 'panel',
html: destRecord.data['RESORT#CAT'+i+'INFO']
}]
});
}
if (Ext.jx.getStoreValue("CONFIG#IREURL")) config.items.push({
xtype : 'RL.Destination.HotDeals',
title : 'Hot Deals',
name : 'Specials',
autoHeight : isAutoHeight,
destRecord : destRecord
})
//if (destRecord.hasMap()) config.items.push({
// xtype:'dest_map',
// title:'Map',
// name:'Map',
//
// destRecord : destRecord
//});
}
config.items.sort(function(a,b){
return (a.sort || 0) - (b.sort || 0)
})
this.tabsTitle=destRecord.data['RESORT#RESORT'];
Ext.each(config.items, function(item, index) {
if (config.active == item.name) config.activeTab = index;
});
RL.Destination.Content.superclass.constructor.call(this, config);
},
initComponent : function () {
RL.Destination.Content.superclass.initComponent.call(this)
//allowing at least 2 seconds to load the images on active tab (usually pictures)
//then render the other tabs
this.on('afterlayout', this.onAfterLayout, this, { defer : 2000, single : true })
},
onAfterLayout : function () {
var layout = this.layout
if (!layout.deferredRender) return
layout.deferredRender = false
this.doLayout()
}
});
//eof extend
Ext.reg('dest_content', RL.Destination.Content);
Ext.ns('RL.Destination');
RL.Destination.Map = Ext.extend(Ext.ux.GoogleMapPanel, {
//dest record
destRecord : null,
constructor : function (config) {
var destRecord = config.destRecord;
Ext.apply(config, {
title:'map',
mapType:'terrain',
renderedSafe:true,
controls:['zoom','menumaptype','scale'],
zoom:14,
border: false,
markers: [{
address: destRecord.getAddress(),
icon:'building',
title:destRecord.get('RESORT#RESORT'),
html:destRecord.template('longdescription'),
maxWidth:300
}]
});
//eof apply
RL.Destination.Map.superclass.constructor.call(this, config);
}
});
//eof extend
Ext.reg('dest_map', RL.Destination.Map);
Ext.ns('RL');
RL.PriceSearch = Ext.extend(Ext.Panel, {
style : {
padding:'0px !important',
margin:'0px !important'
},
//style : 'overflow-y:auto;overflow-x:hidden;',
height : 562,
layout : "border",
baseCls: 'x-frameless',
hideBorders: true,
waitLoop : 200,
allowPrefetch : true,
slots : true,
lastSearchParams : null,
recordProduct : null,
wizard : null,
constructor : function(config) {
config = config || {};
var centerCfg = config.centerCfg || {};
delete config.centerCfg;
var blankHtml=config.recordProduct ? config.recordProduct.data['SERVICE#CONBLANK'] : config.recordProdGroup.data['PRODGRP#CONBLANK'];
Ext.applyIf(centerCfg, {
// PriceSearchCenter:true,
region : "center",
slot : 'tabCenter',
layout : "fit", //this is needed to keep the search results grid at 100%
baseCls : 'x-frameless',
hideBorders: true,
html: blankHtml
});
var searchCfg = config.searchCfg || {};
delete config.searchCfg;
var helpHtml=config.recordProduct ? config.recordProduct.data['SERVICE#CONHELP'] : config.recordProdGroup.data['PRODGRP#CONHELP'];
var westCfg={
region : "west",
slot : 'tabWest',
baseCls: 'x-bubble', //buttons below don't work with baseCls: 'x-bubble'
frame: true,
bodyStyle : {
'overflow-y':'auto',
'overflow-x':'hidden'
},
width:200,
items:[
Ext.applyIf(searchCfg, {
//style : 'overflow-y:auto;overflow-x:hidden;',
PriceSearchLeft : true,
slot : 'options',
baseCls: 'x-frameless',
//baseCls: 'x-bubble',
//frame: true,
//hideBorders: true, //this was removing the borders of a child frameset
html: helpHtml,
bodyStyle : {
'padding-left':'10px'
}
})
]
};
var westButtons=[{
xtype:'button',
slot:'newQuoteBtn',
text: 'search',
iconCls: 'search-btn',
scale: 'medium',
//scale: 'small',
iconAlign: 'left',
handler : this.onSearch,
scope : this
},{
xtype:'button',
text: 'skip',
iconCls: 'skip-btn',
scale: 'medium',
//scale: 'small',
iconAlign: 'left',
handler : this.onSkipClick,
scope : this,
hidden:config.recordProduct && !config.recordProduct.allowSkip()
}];
var buttonDisplay=searchCfg.buttonDisplay;
if (!buttonDisplay || buttonDisplay=='buttons_attached'){
westCfg.items[0].items.push({
xtype: "buttongroup",
columns: 2,
autoWidth:true,
baseCls: 'x-frameless',
items:westButtons
});
}else if (buttonDisplay=='toolbar_attached'){
westCfg.items[0].bbar=westButtons;
}else if (buttonDisplay=='toolbar_below' || (westCfg.baseCls=='x-bubble' && buttonDisplay=='buttons_below')){
westCfg.bbar=westButtons;
}else if (buttonDisplay=='buttons_below'){ //buttons below don't work with baseCls: 'x-bubble'
westCfg.buttonAlign='center';
westCfg.buttons=westButtons;
}
Ext.apply(config, {
items : [
westCfg,
centerCfg
]
});//eof apply
RL.PriceSearch.superclass.constructor.call(this, config);
},//eof constructor
initComponent : function(){
RL.PriceSearch.superclass.initComponent.call(this);
this.on('activate', this.onActivate, this);
},
onActivate : function() {
this.updateFields();
this.priceIt();
},
getSearchValues:function(){
var wizardValues = this.useTripDates ? RL.Global.getTripStartValues() : RL.Global.getSegmentStartValues(this)
var values = this.getValues()
if (!values['VENDOR#REGION']) values['VENDOR#REGION']=wizardValues.dest;
if (this.recordProduct){
values['VENDOR#VENTYPE']=this.recordProduct.data['SERVICE#CODE'];
if (this.recordProduct.get('#B_DONT_SHOW_DATES_ON_SEARCH')!=1){
if (!values['#DDATE'] && wizardValues.startDate){
var startPlus=Number(this.recordProduct.get('SERVICE#DDATEPLUS'));
if (isNaN(startPlus)) startPlus=0;
values['#DDATE']=wizardValues.startDate.add('d', startPlus);
}
if (!values['#RDATE'] && wizardValues.endDate){
var endMinus=Number(this.recordProduct.get('SERVICE#RDATEMINUS'));
if (isNaN(endMinus)) endMinus=0;
values['#RDATE']=wizardValues.endDate.add('d', -1 * endMinus);
}
}
if ( this.recordProduct.isGDSAir() ){
if (!values['#FROM_AIRPORT'] && wizardValues.fromAirport) values['#FROM_AIRPORT']=wizardValues.fromAirport;
if (!values['#TO_AIRPORT'] && wizardValues.toAirport) values['#TO_AIRPORT']=wizardValues.toAirport;
if (!values['#NUM_SEATS'] && (wizardValues.adults || wizardValues.children) ) values['#NUM_SEATS']=wizardValues.adults + wizardValues.children;
}
}else if (this.recordProdGroup){
values['#VENTYPES']='';
this.recordProdGroup.getProducts().each(function(recordProduct){
if (values['#VENTYPES']!=''){
values['#VENTYPES']+=',';
}
values['#VENTYPES']+=recordProduct.data['SERVICE#CODE'];
});
if (!values['#DDATE']) values['#DDATE']=wizardValues.startDate;
if (!values['#RDATE']) values['#RDATE']=wizardValues.endDate;
}
return values;
},
updateFields:function(){
this.setValuesIf( this.getSearchValues() );
//this.setValues( this.getSearchValues() );
},
onChangeField: function (field){
//this.slots.searchBtn.markInvalid(); //toolbar button invalid only works on ff
},
onSkipClick : function(){
RL.Global.getWizard(this).onNextStep();
},
onSearch : function(){
this.priceIt();
},
checkLoading : function (nowLoading) {
if (typeof nowLoading != 'undefined') this.loading = nowLoading
var tabCenter = this.slots.tabCenter
if (tabCenter.el && !this.loading) tabCenter.el.unmask()
if (this.loading) {
if (tabCenter.el && !Ext.Element.data(tabCenter.el.dom, 'mask')) tabCenter.el.mask('Now loading results...', 'x-mask-pricing')
this.checkLoading.defer(this.waitLoop, this, [])
}
},
onStoreSuccess : function (store) {
this.checkLoading(false)
var tabCenter = this.slots.tabCenter
tabCenter.removeRange()
tabCenter.add(this.getStoreSuccess.call(this, store))
if (tabCenter.el) {
tabCenter.doLayout()
tabCenter.body.unmask()
}
},
onStoreError : function (error, canRetry) {
this.checkLoading(false)
var btns = [
{
buttonText : 'change search'
}
]
var me = this
if (!this.recordProduct || this.recordProduct.allowSkip()) btns.push({
buttonText : 'skip',
fn : function () {
me.onSkipClick()
}
})
Ext.customAlert({
title : 'Pricing Error',
msg : error,
icon : Ext.MessageBox.ERROR,
btns : btns
});
var tabCenter = this.slots.tabCenter
tabCenter.removeRange()
tabCenter.add(this.getStoreError(error))
if (tabCenter.el) {
tabCenter.doLayout()
tabCenter.body.unmask()
}
},
getStoreError : function(error) {
return {
html:[''
].join('')
}
},
getStoreSuccess : function (store){
return new RL.PriceResult.Service({
searchForm : this,
store : store
});
},
priceIt : function( prefetchOnly ){
this.storePriceIt( prefetchOnly );
},
storePriceIt : function ( prefetchOnly ){
if (prefetchOnly && !this.allowPrefetch) return;
var record = this.recordProdGroup || this.recordProduct;
var gtawRecord = Ext.jx.getStore('GTAW').getAt(0);
if (!Ext.jx.vendors) Ext.jx.vendors={};
var values=this.getSearchValues();
if (this.recordProduct){
if (this.recordProduct.get('#B_DONT_SHOW_DATES_ON_SEARCH') != 1 && !values['#DDATE']) return;
if (this.recordProduct.isGDSAir() && (!values['#FROM_AIRPORT'] || !values['#TO_AIRPORT'] || !values['#NUM_SEATS'])) return;
}else if (this.recordProdGroup){
if (this.recordProdGroup.get('#B_DONT_SHOW_DATES_ON_SEARCH') != 1 && !values['#DDATE']) return;
}else{
if (!values['#DDATE']) return;
}
if (!prefetchOnly) gtawRecord.checkDatesSearch(record, values['#DDATE'], values['#RDATE'], values['VENDOR#REGION'] );
var params = Ext.jx.Ajax.cleanFieldNamesForPost(values);
var user = RL.Global.user
if (user && user.authenticated) Ext.apply(params, {
consumer_email : user.username,
consumer_password : user.password
})
var actionParams = '&' + Ext.jx.Ajax.urlEncode({
screen : 'js::ext_data_store::_VENDOR_PRICING',
page_action : params
})
if (this.lastSearchParams == actionParams) return; //this keeps double grid refresh from happening
if (RL.Global.downloadedPricingStores[actionParams]){
var store=RL.Global.downloadedPricingStores[actionParams];
if (!store.getCount()) {
this.onStoreError('Could not find any items that match your criteria.', false);
}else{
this.onStoreSuccess(store);
}
return;
}
this.checkLoading(true);
var server = Ext.jx.Server.get();
new Ext.data.Connection().request({
timeout:90,
url: server+'?'+actionParams+'&pl='+Ext.jx.getStoreValue('DEPT#DEPTNO')+'¤cy='+Ext.jx.getStoreValue('GTAW#CADCURR'),
method: 'GET',
success: function(responseObject) {
if (this.lastSearchParams == actionParams) return; //this keeps double grid refresh from happening
Ext.jx.Server.release(server);
if (!responseObject.responseObject){
eval('responseObject.responseObject='+responseObject.responseText);
}
var dataRemote=Ext.jx.getTable('_VENDOR_PRICING').setData(actionParams, responseObject.responseObject);
var store=dataRemote.getStore(undefined, undefined, ExtX.Data.Store.Paged);
RL.Global.downloadedPricingStores[actionParams]=store;
var priceField=store.fields.map['#SELL_PRICE'];
if (priceField) priceField.sortType=Ext.data.SortTypes.asInt; //dirty hack: it would be much better to do a convert
if (!prefetchOnly){
if (!store.getCount()) {
this.onStoreError('Could not find any items that match your criteria.', false);
}else{
this.lastSearchParams = actionParams;
this.onStoreSuccess(store);
}
} else
//not sure whether this is needed, but I experienced a bug, which seems was related to
//call to 'checkLoading' on already removed component
this.onStoreSuccess(store);
},
failure: function() {
Ext.jx.Server.release(server);
delete this.lastSearchParams;
this.onStoreError('There was an unknown problem which caused the servers to time out.', true);
},
scope : this
});
},
canSuggestMoreItems : function () {
if (this.recordProdGroup)
return !this.recordProdGroup.get('PRODGRP#EXCLUSIVE')
else
if (this.recordProduct)
if (this.recordProduct.isPerPerson() && !this.recordProduct.isGDSAir())
return true
else
return false
},
getServiceItemDescription : function () {
if (this.recordProdGroup)
return this.recordProdGroup.get('PRODGRP#PGDESC')
else
if (this.recordProduct) return this.recordProduct.get('SERVICE#DESCRIP')
}
});
Ext.ns('RL.PriceSearch');
RL.PriceSearch.Service = Ext.extend(RL.PriceSearch, {
//SERVICE#* record?
recordProduct : null,
constructor : function(config){
config = config || {};
Ext.apply(config, {
//search options
searchCfg : {
//layout:"template",
layout:"form",
labelAlign:'top',
style:{padding:'0px !important', margin:'0px !important', border:'0px'},
//isOptional:true,
autoHeight:true,
// height:350,
items:[{
xtype : 'search_top_toolbar',
form : this
},{
xtype:'daterange',
startDateFieldName: '#DDATE',
endDateFieldName: '#RDATE',
labelAlign:'top',
startDateField:{
listeners: {
change: this.onChangeField,
scope: this
}
},
endDateField:{
listeners: {
change: this.onChangeField,
scope: this
}
}
}]
}
}); //eof apply
if (RL.Defaults.DEV_MODE)
if (config.recordProduct.get('SERVICE#CONFILTERS')==1){
//config.buttonDisplay='toolbar_below';
config.buttonDisplay='buttons_below';
config.searchCfg.items.push({
//layout:'triggerform',
//labelAlign:'top',
slot:'vendor_filters',
xtype:'vendorfilters'
});
}
RL.PriceSearch.Service.superclass.constructor.call(this, config);
},//eof constructor
initComponent : function(){
RL.PriceSearch.Service.superclass.initComponent.call(this);
var recordProduct = this.recordProduct;
//setting up search options fields
var searchOp = this.slots.options;
Ext.jx.Misc.updateItemLabel(searchOp, '#VENDOR_SEARCH', recordProduct, 'SERVICE#VENDORLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#DDATE', recordProduct, 'SERVICE#DSTARTLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#RDATE', recordProduct, 'SERVICE#DENDLAB');
},
priceIt : function ( prefetchOnly ) {
if (RL.Global.productSupports(this.recordProduct,'golf')) {
var values=this.getSearchValues();
if (!values['#DDATE'] || !values['#RDATE']) return; //missing dates
if (!this.golfPlanner) {
this.golfPlanner=new RL.PriceResult.GolfPlanner({searchForm : this, ownerCt: this});
var tabCenter = this.slots.tabCenter;
tabCenter.add(this.golfPlanner);
if (tabCenter.el) tabCenter.doLayout()
} else
this.golfPlanner.printGolfPlanner();
} else
this.storePriceIt( prefetchOnly )
}
});
Ext.ns('RL.PriceSearch');
RL.PriceSearch.Air = Ext.extend(RL.PriceSearch, {
allowPrefetch: false,
constructor : function(config){
config = config || {};
Ext.apply(config, {
//noValidate:true,
//search options
searchCfg : {
//buttonDisplay:'toolbar_below',
buttonDisplay:'buttons_below',
//layout:"template",
layout:"form",
labelAlign:'top',
autoHeight:true,
// height:350,
items:[{
xtype : 'search_top_toolbar',
form : this
},{
xtype : "airport",
allowBlank : false,
name:"#FROM_AIRPORT",
emptyText:'Outgoing airport',
fieldLabel : "Leaving from",
width:180
},{
xtype : "airport",
allowBlank : false,
name:"#TO_AIRPORT",
emptyText:'Destination airport',
fieldLabel : "Going to",
width:180
},{
xtype: 'perperson_selector',
fieldLabel:"No. Seats",
dataControlField:'#NUM_SEATS',
name:"#NUM_SEATS",
allowBlank:false
},{
xtype:"form",
layout:'column',
baseCls:'x-frameless',
labelAlign:'top',
fieldLabel:"Outbound flight",
items:[{
xtype:'daterange_start'
// },{
// xtype:"combo",
// fieldLabel:"Time",
// dataControlField:'#FLIGHT_START_TIME',
// emptyText:'Any',
// width: 85,
// triggerAction:'all',
// name:"#FLIGHT_START_TIME",
// store:[[0,'Anytime'],[1,'Afternoon']],
// listeners:{
// render:function (comp) {
// Ext.jx.Misc.WebKitLateTriggerRender.defer(1, comp);
// }
// }
}]
},{
xtype:"form",
layout:'column',
baseCls:'x-frameless',
labelAlign:'top',
fieldLabel:"Return flight",
items:[{
xtype:'daterange_end'
// },{
// xtype:"combo",
// fieldLabel:"Time",
// dataControlField:'#FLIGHT_END_TIME',
// emptyText:'Any',
// triggerAction:'all',
// width: 85,
// name:"#FLIGHT_END_TIME",
// store:[[0,'Anytime'],[1,'Afternoon']],
// listeners:{
// render:function (comp) {
// Ext.jx.Misc.WebKitLateTriggerRender.defer(1, comp);
// }
// }
}]
//},{
//
// fieldLabel:" ",
// labelSeparator:" ",
// xtype:"fieldset",
// title: 'Options',
// collapsible: true,
// collapsed:false,
// labelAlign:'top',
// width: 140,
//
// //hideBorder:false,
// border:true,
//
// items:[{
//
// xtype:"combo",
// fieldLabel:"Service Class",
// dataControlField:'#SERVICE_CLASS',
// emptyText:'Optional',
// triggerAction:'all',
// name:"#SERVICE_CLASS",
// width: 100,
// store:[['F','First Class'],['C','Business']],
// listeners:{
// render:function (comp) {
// Ext.jx.Misc.WebKitLateTriggerRender.defer(1, comp);
// }
// }
//
//
// },{
// xtype:"combo",
// fieldLabel:"Airline Filter",
// dataControlField:'#AIRLINE_FILTER',
// emptyText:'Optional',
// triggerAction:'all',
// name:"#AIRLINE_FILTER",
// width: 100,
// store:[['UA','United'],['NW','Northwest']],
// listeners:{
// render:function (comp) {
// Ext.jx.Misc.WebKitLateTriggerRender.defer(1, comp);
// }
// }
// }]
//
}]
}
//eof search options
}); //eof apply
RL.PriceSearch.Air.superclass.constructor.call(this, config);
},//eof constructor
initComponent : function(){
RL.PriceSearch.Air.superclass.initComponent.call(this);
var recordProduct = this.recordProduct;
//setting up search options fields labels
var searchOp = this.slots.options;
Ext.jx.Misc.updateItemLabel(searchOp, '#DDATE', recordProduct, 'SERVICE#DSTARTLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#RDATE', recordProduct, 'SERVICE#DENDLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#NUM_SEATS', recordProduct, 'SERVICE#QTYLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#FROM_AIRPORT', recordProduct, 'SERVICE#AIRDEPLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#TO_AIRPORT', recordProduct, 'SERVICE#AIRRETLAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#FLIGHT_START_TIME', recordProduct, 'SERVICE#STIMELAB');
Ext.jx.Misc.updateItemLabel(searchOp, '#FLIGHT_END_TIME', recordProduct, 'SERVICE#ETIMELAB');
this.slots.tabWest.setWidth(240);
},
getStoreSuccess : function (store) {
return new RL.PriceResult.Air({
searchForm : this,
store : store
});
}
});
Ext.ns('RL.PriceSearch');
RL.PriceSearch.ProductGroup = Ext.extend(RL.PriceSearch, {
constructor : function(config) {
config = config || {};
Ext.apply(config, {
//searchCfg
searchCfg : {
//layout:"template",
//isOptional:true,
layout:"form",
labelAlign:'top',
autoHeight:true,
style:{padding:'0px !important', margin:'0px !important', border:'0px'},
//height:150,
items:[{
xtype : 'search_top_toolbar',
form : this
},{
xtype:'daterange',
startDateFieldName: '#DDATE',
endDateFieldName: '#RDATE',
labelAlign:'top',
startDateField:{
listeners: {
change: this.onChangeField,
scope: this
}
},
endDateField:{
listeners: {
change: this.onChangeField,
scope: this
}
}
}]
}
//eof searchCfg
});//eof apply
RL.PriceSearch.ProductGroup.superclass.constructor.call(this, config);
},//eof constructor
getStoreSuccess: function(store) {
// store.sort('BUILD#TYPE');
// store.groupBy('BUILD#TYPE');
// //store.sort('VENDOR#VENDOR');
// store.groupBy('VENDOR#VENDOR');
return new RL.PriceResult.ProductGroup({
searchForm : this,
store : store
})
}
});
Ext.ns('RL.PriceResult');
RL.PriceResult.Service = Ext.extend(Ext.Panel, {
slots : true,
baseCls: 'x-bubble',
frame: true,
layout : 'row-fit',
//layout : 'vbox',
autoWidth:true,
unitLabel: 'Item',
vendorLabel: 'Vendor',
//searchForm to which this result is attached
searchForm : null,
showPrices : null,
constructor : function (config) {
config = config || {};
var searchForm = config.searchForm;
if (searchForm.recordProduct) {
var recordProduct = searchForm.recordProduct;
if (recordProduct.get('SERVICE#UNITLAB')) config.unitLabel = recordProduct.get('SERVICE#UNITLAB');
if (recordProduct.get('SERVICE#VENDORLAB')) config.vendorLabel = recordProduct.get('SERVICE#VENDORLAB');
var rowActions = this.rowActions = new RL.PriceResult.PricingRowActions({
searchForm : searchForm,
resultForm : this
});
Ext.namespace('Ext.jx.temp');
Ext.jx.temp.rowActions = rowActions;
var actionCol;
var configAddToolBar;
if ( RL.Defaults.USE_DDOWN_QTY_ADD_LOGIC_WHEN_CAN && recordProduct.isPerPerson()) {
actionCol = Ext.jx.Misc.getSimpleQtyActionCol()
configAddToolBar = new RL.PriceResult.CombinedToolBar({
form : searchForm,
gtawRecord : searchForm.gtawRecord,
priceResult : this,
slot : 'toolbar'
})
} else {
actionCol = Ext.apply({ width:50, header:'Add Item', id:1 }, rowActions.get('add-to-cart'));
configAddToolBar = {
xtype : 'results_top_toolbar',
slot : 'toolbar',
form : searchForm,
height : 20
}
}
var colDef=[
//{header: "Location", width: 120, dataIndex: 'LOCATION#NAME', sortable: true},
actionCol,
{ header: config.vendorLabel, width: 120, dataIndex: 'VENDOR#VENDOR', sortable: true, id : 2, hidden : true },
//{ header: 'VENDOR#PREFERRED', width: 120, dataIndex: 'VENDOR#PREFERRED', sortable: true, id : 100},
//{ header: 'VENDOR#SEARCHCODE', width: 120, dataIndex: 'VENDOR#SEARCHCODE', sortable: true, id : 100},
{ header: 'Location', width: 120, dataIndex: 'LOCATION#NAME', sortable: true, id : 101, hidden : true },
{ header: 'Discount', width: 120, dataIndex: '#DISCOUNT', sortable: true, id : 102, hidden : true }
];
colDef.push({
header: config.unitLabel,
width: 180,
dataIndex: '#UNIT_DESC',
sortable: true,
renderer: this.unitTypeRenderer,
scope: this,
id:3
});
var conPriceOv = recordProduct.get('SERVICE#CONPRICEOV')
var conPrices = Ext.jx.getStoreValue("DEPT#CONPRICES")
this.showPrices = conPriceOv == 1 || (conPriceOv != 2 && (conPrices == 3 || conPrices == 2)) //the product type website show toggle must be on
if (this.showPrices) colDef.push({
header : "Price in "+Ext.jx.getStoreValue('GTAW#CADCURR')+"",
width : 115,
dataIndex : '#SELL_PRICE',
sortable : true,
renderer : this.priceRenderer,
scope : this,
id : 4
})
var cm = new Ext.grid.ColumnModel(colDef);
Ext.apply(config, {
layout : 'row-fit',
items : [
configAddToolBar,
{
xtype : 'grid',
slot : 'grid',
autoWidth : true,
height : '100%',
hideHeaders: true,
plugins : [ rowActions ],
store : config.store,
view : new Ext.ux.MultiGroupingView({
enableNoGroups : false, // REQUIRED!
// hideGroupedColumn : true,
displayEmptyFields : true,
forceFit : true,
groupTextTpl : '{text} : {gvalue} ({[values.rs.length]} {[values.rs.length == 1 ? "Record" : "Records"]})'
}),
cm: cm
},
{
xtype : 'container',
slot : 'pagingContainer',
height : 24,
layout : 'column',
hideBorders : true,
items : [
{
columnWidth : 0.5,
html : ' '
},
{
xtype : 'ExtX.Toolbar.Paging',
slot : 'paging',
width : Ext.isChrome ? 210 : 200,
pageSize : 20,
store : config.store,
paramNames : {
start : 'from'
}
},
{
columnWidth : 0.5,
html : ' '
}
]
}
]
})
//eof apply
}
RL.PriceResult.Service.superclass.constructor.call(this, config);
},
//eof constructor
initComponent : function(){
RL.PriceResult.Service.superclass.initComponent.call(this);
this.addEvents('bodyresize-buffered')
this.on('bodyresize-buffered', this.onBodyResizeBuffered, this, { buffer : 200 });
//store preparations
var store = this.store;
store.pageSize = 20
var multiProto = Ext.ux.MultiGroupingStore.prototype
for (var prop in multiProto) if (!store.hasOwnProperty(prop) && multiProto.hasOwnProperty(prop)) store[prop] = multiProto[prop]
store.groupFieldClasses = {
'VENDOR#VENDOR' : 'x-grid-group-hd-vendor',
'#RANDOM_VENDOR' : 'x-grid-group-hd-vendor',
'LOCATION#NAME' : 'x-grid-group-hd-headerless'
}
store.groupFieldTemplates = {
'LOCATION#NAME' : '{[' +
'function () {' +
'var record = values.rs[0];' +
'return record.get("LOCATION#NAME") || "No location";' +
'}()' +
']}'
};
store.groupFieldTemplates['VENDOR#VENDOR']=store.groupFieldTemplates['#RANDOM_VENDOR']='{['+
'function (){'+
'var record=values.rs[0];'+
'var recordVendor=record.getVendor();'+
'return recordVendor ? recordVendor.getShortDesc() : record.get("VENDOR#VENDOR");'+
'}()'+
']}';
//toolbar preparations
var toolbar = this.slots.toolbar
if (toolbar) {
var sortingOptions = this.prepareSortingOptions()
toolbar.add(
'->',
{
xtype : 'toolbar',
items:[{
xtype : 'tbtext',
text: 'Sort by'
},
{
xtype : 'combo',
slot : 'sortCombo', //will be added to our slots since toolbar have no slot collectors enabled
mode : 'local',
triggerAction : 'all',
editable : false,
valueField : 'id',
displayField : 'description',
store : sortingOptions.store,
value : sortingOptions.initialSort
}]
},
{
xtype : 'RL.PriceResult.Service.Filter',
slot : 'filter',
parentResults : this,
store : this.store
}
)
var sortCombo = this.slots.sortCombo
var paging = this.slots.paging
var filter = this.slots.filter
sortCombo.on('select', this.onSortChange, this)
if (this.getConnectedMgtCo()) sortingOptions.initialSort=1
this.onSortChange(sortCombo, sortCombo.store.getById(sortingOptions.initialSort))
paging.on('show-page', this.onPageChanged, this)
filter.on('filter-change', this.onFilterChanged, this)
}
},
//eof initComponent
onFilterChanged : function () {
var paging = this.slots.paging
var pagingContainer = this.slots.pagingContainer
if (this.store.getTotalCount() > paging.pageSize * 1.5)
pagingContainer.show()
else
pagingContainer.hide()
this.doLayout()
},
prepareSortingOptions : function () {
var recordProduct = this.searchForm.recordProduct
//high-level sorting
var initialSort, highLevelSort = recordProduct.get('SERVICE#CNSSORT') || 'vendor'
if (highLevelSort == 'item') initialSort = 2
if (highLevelSort == 'location') initialSort = 4
var preVendorSort, postVendorSort, preferredOffed=(!this.isMoreThanOneGroupOn('VENDOR#PREFERRED'));
var vendorSort = recordProduct.get('SERVICE#CNSSORTVEN') || 'VENDOR#PREFERRED'
if (vendorSort == 'VENDOR#PREFERRED'){
if (preferredOffed){
vendorSort = 'name'
if (!initialSort) initialSort=1
}else{
postVendorSort='VENDOR#VENDOR'
}
}
if (vendorSort == 'name') {
vendorSort = 'VENDOR#VENDOR'
if (!initialSort) initialSort=1
}
if (vendorSort == 'random') vendorSort = '#RANDOM_VENDOR'
if (vendorSort == 'tier_random') {
preVendorSort = 'VENDOR#PREFERRED'
vendorSort = '#RANDOM_VENDOR'
}
if (vendorSort == 'discount') {
if (!initialSort) initialSort=7
preVendorSort = '#DISCOUNT'
vendorSort = 'VENDOR#VENDOR'
}
if (!initialSort) initialSort=3
//items sorting
var unitSort = recordProduct.get('SERVICE#CNSSORTUNT') || '#UNIT_DESC'
if (unitSort == 'price') unitSort = '#SELL_PRICE'
if (unitSort == 'discount') unitSort = '#DISCOUNT'
var store = new Ext.data.ArrayStore({
fields : [ 'id', 'description', 'sortBy', 'sortDir', 'groupBy', 'paging' ],
idIndex : 0,
data : [
[ 1, this.vendorLabel, [ 'VENDOR#VENDOR', unitSort ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
[ 2, this.unitLabel, [ '#UNIT_DESC' ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
[ 3, 'Featured', [ preVendorSort, vendorSort, postVendorSort, unitSort ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
[ 4, 'Location', [ 'LOCATION#NAME', preVendorSort, vendorSort, postVendorSort, unitSort ], 'ASC', [ 'LOCATION#NAME', 'VENDOR#VENDOR' ], true ],
[ 5, 'Price (high to low)', [ '#SELL_PRICE' ], 'DESC', [ 'VENDOR#VENDOR' ], true ],
[ 6, 'Price (low to high)', [ '#SELL_PRICE' ], 'ASC', [ 'VENDOR#VENDOR' ], true ],
[ 7, 'Discounts', [ '#DISCOUNT', preVendorSort, vendorSort, postVendorSort ], 'DESC', [ 'VENDOR#VENDOR' ], true ]
]
})
if (preferredOffed) {
store.removeAt(store.indexOfId(3))
if (initialSort == 3) initialSort = 1
}
if (!this.isMoreThanOneGroupOn('VENDOR#VENDOR')) {
store.removeAt(store.indexOfId(1))
store.removeAt(store.indexOfId(3))
store.removeAt(store.indexOfId(4))
if (initialSort == 1 || initialSort == 3 || initialSort == 4) initialSort = 2
}
if (!this.isMoreThanOneGroupOn('LOCATION#NAME')) {
store.removeAt(store.indexOfId(4))
if (initialSort == 4) initialSort = 3
}
if (!this.isMoreThanOneGroupOn('#DISCOUNT')) store.removeAt(store.indexOfId(7))
if (!this.showPrices) {
store.removeAt(store.indexOfId(5))
store.removeAt(store.indexOfId(6))
}
return {
store : store,
initialSort : initialSort
}
},
isMoreThanOneGroupOn : function (fieldName) {
var store = this.store
var encounteredValues = {}
var encounteredCounter = 0
store.each(function (record) {
var fieldValue = String(record.get(fieldName))
if (!encounteredValues.hasOwnProperty(fieldValue)) {
encounteredValues[fieldValue] = true
encounteredCounter++
if (encounteredCounter > 1) return false
}
}, this)
return encounteredCounter > 1
},
onPageChanged : function (paging, from, to) {
this.store.setDataPage(from, to)
},
onSortChange : function (combo, record, index) {
var store = this.store
var paging = this.slots.paging
var pagingContainer = this.slots.pagingContainer
var filter = this.slots.filter
store.suspendEvents()
filter.reset()
store.setDataPage(0, store.getTotalCount() - 1)
store.clearGrouping()
store.sort(record.get('sortBy'), record.get('sortDir'))
Ext.each(record.get('groupBy'), function (field) {
store.groupBy(field)
if (this.isMoreThanOneGroupOn(field)) this.addFilterForField(field)
}, this)
this.slots.toolbar.doLayout()
store.refreshDataSet()
if ( store.getTotalCount() > paging.pageSize * 1.5) {
store.setDataPage(0, paging.pageSize - 1)
pagingContainer.show();
} else {
pagingContainer.hide();
}
store.resumeEvents()
store.fireEvent('datachanged', store)
paging.onLoad(store, [], {})
},
addFilterForField : function (field) {
var filter = this.slots.filter
var colModel = this.slots.grid.getColumnModel()
var columnIndex = colModel.findColumnIndex(field)
var options = {}
if (columnIndex != -1) options.description = colModel.getColumnHeader(columnIndex)
if (field == 'BUILD#TYPE')
Ext.apply(options, {
computeDisplayValue : function (pricingRecord) {
return pricingRecord.getService().get("SERVICE#DESCRIP")
}
})
if (field == 'VENDOR#VENDOR'){
field="#LINK_TO_VENDOR"
Ext.apply(options, {
computeDisplayValue : function (pricingRecord) {
return pricingRecord.data["VENDOR#VENDOR"]
}
})
}
filter.addFilter(field, options)
},
unitTypeRenderer: function (v,n,r,i,c,s) {
return r.data['#DISCOUNT'] == '' ? v : v + ' ' + r.data['#DISCOUNT'] + '
'
},
priceRenderer: function(v,n,r,i,c,s){
if (!this.priceRules){
this.priceRules={
"DEPT#CONPRICES": Number(Ext.jx.getStoreValue("DEPT#CONPRICES")),
"DEPT#CONPRANGEL": Number(Ext.jx.getStoreValue("DEPT#CONPRANGEL")),
"DEPT#CONPRANGEH": Number(Ext.jx.getStoreValue("DEPT#CONPRANGEH")),
"DEPT#CONPRANGER": Number(Ext.jx.getStoreValue("DEPT#CONPRANGER"))
};
var recordProduct=this.searchForm.recordProduct ? this.searchForm.recordProduct : r.getService();
this.priceRules['#B_PRICENIGHTLY']= recordProduct.data['#B_PRICENIGHTLY']==1 || recordProduct.isGDSLodging();
}
if (this.priceRules['#B_PRICENIGHTLY'] && r.data['BUILD#NGTS'] && r.data['BUILD#NGTS']!=0) v=v/r.data['BUILD#NGTS'];
var rounder;
if (this.priceRules['DEPT#CONPRANGER']!=1){
var roundDigits=this.priceRules['DEPT#CONPRANGER']==2 ? -1 : 0;
rounder=Math.pow(10,roundDigits);
}
if (this.priceRules['DEPT#CONPRICES']==2){
var low=(1-this.priceRules['DEPT#CONPRANGEL'])*v;
if (rounder) low=Math.round(low * rounder)/rounder;
low=Ext.jx.math.formatCurrency(low);
var high=(1+this.priceRules['DEPT#CONPRANGEH'])*v;
if (rounder) high=Math.round(high * rounder)/rounder;
high=Ext.jx.math.formatCurrency(high);
v=(low==high ? '~ '+low : String(low)+' to '+String(high));
}else if (this.priceRules['DEPT#CONPRICES']==3){
if (rounder) v=Math.round(v * rounder)/rounder;
v=Ext.jx.math.formatCurrency(v);
}
if (this.priceRules['#B_PRICENIGHTLY'] && r.data['BUILD#NGTS'] && r.data['BUILD#NGTS']!=0) v=String(v)+' night';
return v;
},
onBodyResize : function (w, h) {
this.fireEvent('bodyresize-buffered', this, w, h)
},
onBodyResizeBuffered : function (self, w, h) {
this.fireEvent('bodyresize', self, w, h)
},
getConnectedMgtCo : function(){
var wizard=RL.Global.getWizard(this.searchForm), o, mgtco;
if ((o=RL.Global.connectedDestProducts[wizard.destCode]) && this.searchForm.recordProduct)
mgtco=o[ this.searchForm.recordProduct.data['SERVICE#CODE'] ]
if (!mgtco && (o=RL.Global.connectedDestProdGroups[wizard.destCode]) && this.searchForm.recordProdGroup)
mgtco=o[ this.searchForm.recordProdGroup.data['PRODGRP#PGID'] ]
return mgtco;
}
});
//XXX unused code?
//Ext.ns('RL.PriceResult');
//
//
//RL.PriceResult.SimpleQtyAddToolBar = Ext.extend(Ext.Panel, {
//
// //form to which this toolbar is attached
// form : null,
//
// resultComp : null,
//
//
// constructor : function(config){
// config = config || {};
//
// var form = config.form;
//
// Ext.apply(config, {
//
// layout : 'template',
//
// tpl : [''
// ],
//
// height : 50,
//
// items : [
// {
// //xtype:'simple_button',
// xtype:'button',
// name:'skipBtn',
// iconCls:'skip-btn',
// handler: function() {
// RL.Global.getWizard(this).onNextStep();
// },
// scope : this
// },
// {
// xtype:'button',
// //xtype:'simple_button',
// name:'addBigBtn',
//
// iconCls:'add-multiple-btn',
//
// handler : function() {
// var view = this.resultComp.slots.grid.view;
// var gtawRecord = Ext.jx.getStore('GTAW').getAt(0);
// var totalQty = 0;
//
// if (view.ds){
// Ext.jx.debug('missing view.ds');
// return undefined;
// }
//
// for (var i = 0, len = view.ds.data.items.length; i < len; i++) {
// var rowEl = view.getRow(i), r = view.ds.data.items[i], dropDowns=Ext.fly(rowEl).query('.quantityDropdown'), qty, dropDown;
// if (dropDowns.length && (dropDown=dropDowns[0]) && (qty=Number(dropDown.options[dropDown.selectedIndex].value))){
// totalQty+=qty;
// var buildRecord = RL.Global.getWizard(this.searchForm).addServiceItem( r, {'BUILD#UNITS':qty} );
// dropDown.selectedIndex=0;
// }
// }
//
// if (totalQty) {
// //this.form.fireEvent('next_step');
// }else{
// Ext.MessageBox.alert('Alert', 'Select the number of items you want using the drop down buttons before pressing this button');
// }
// },
// scope : this
// }
// ]
//
// });//eof apply
//
// RL.PriceResult.SimpleQtyAddToolBar.superclass.constructor.call(this, config);
//
// }//eof constructor
//
//});//eof extend
//
//
//Ext.reg('simple_qty_add_toolbar', RL.PriceResult.SimpleQtyAddToolBar);
Ext.ns('RL.PriceResult');
RL.PriceResult.GolfPlanner = Ext.extend(Ext.Panel, {
baseCls: 'x-bubble',
frame: true,
layout:"border",
hideBorders:true,
constructor : function(config){
config = config || {};
Ext.apply(config, {
//layout:'fit',
//items:[{
items:[{
region:'north',
xtype : 'results_top_toolbar',
//height: 60,
//form : searchForm ,
msg:'Golf Planner'
},{
region:'center',
golf_planner_parent:true,
bodyStyle : {
'overflow-y':'auto',
'overflow-x':'hidden'
}
//bodyStyle : 'overflow-y:auto;overflow-x:hidden;'
},{
region:'south',
autoHeight : true,
xtype: "toolbar",
items:[{
iconCls:'skip-btn',
handler : this.onSkipClick,
scope : this
}]
}]
//}]
//autoScroll:true,
//autoWidth:true,
//style:{padding:'0px !important', margin:'0px !important', border:'0px'}
//,
//isOptional:true,
//autoHeight:true
}); //eof apply
RL.PriceResult.GolfPlanner.superclass.constructor.call(this, config);
},//eof constructor
onRender: function(){
this.printGolfPlanner();
RL.PriceResult.GolfPlanner.superclass.onRender.apply(this,arguments);
},
onSkipClick : function(){
RL.Global.getWizard(this).onNextStep();
},
printGolfPlanner : function() {
var golf_planner_parent=this.findBy(function(item){ return item.golf_planner_parent })[0];
var values=this.searchForm.getSearchValues();
var ddate=values['#DDATE'] ? values['#DDATE'].dateFormat("m/d/y") : undefined;
var rdate=values['#RDATE'] ? values['#RDATE'].dateFormat("m/d/y") : undefined;
if (this.ddate_printed != ddate || this.rdate_printed != rdate){
this.ddate_printed = ddate;
this.rdate_printed = rdate;
golf_planner_parent.removeRange();
if (!ddate || !rdate) return;
if (golf_planner_parent.el) golf_planner_parent.el.mask('Preparing your screen...', 'x-mask-loading');
var items=[];
var days=values['#RDATE'].subtractDt(values['#DDATE']);
for (var i=0; i<=days; i++){
var dateNow=values['#DDATE'].add('d', i);
items.push({
xtype:'golf_day',
dateDay: dateNow,
recordProduct:this.searchForm.recordProduct,
searchForm:this.searchForm,
style:{
'margin-bottom':'3px'
}
});
}
golf_planner_parent.add(items);
if (golf_planner_parent.el) golf_planner_parent.el.unmask();
}
}
//
//
//vendorsDownloaded : function(calledDirect) {
//
// var vars=Ext.jx, vendorStore=Ext.jx.getStore('VENDOR'), formResort = this.findParentBy(function(item){ return !!item.resortRecord }),
// destCode=formResort.resortRecord.get('RESORT#SEARCHCODE'),
// productType=this.recordProduct.get('SERVICE#CODE'),
// eventName=RL.Global.getVendorDlEventName(destCode,productType);
//
// if (!calledDirect){
// RL.Global.Events.un(eventName, this.vendorsDownloaded);
// this.el.unmask.defer(300, this.el);
// }
//
// this.printGolfPlanner();
//
//},
//
// onActivate : function() {
// RL.PriceSearch.Service.superclass.onActivate.call(this);
//
// var vars=Ext.jx, vendorStore=Ext.jx.getStore('VENDOR'), formResort = this.findParentBy(function(item){ return !!item.resortRecord });
// if (!formResort || !formResort.resortRecord) return; //can not go back to parent
// var destCode=formResort.resortRecord.get('RESORT#SEARCHCODE'), productType=this.recordProduct.get('SERVICE#CODE'), eventName=RL.Global.getVendorDlEventName(destCode,productType);
//
// if (!RL.Global.downloadedVendorLists[eventName]){
// this.el.mask('Preparing your screen...', 'x-mask-loading');
// RL.Global.Events.on(eventName, this.vendorsDownloaded, this);
// }else{
// this.vendorsDownloaded(true);
// }
// },
});
Ext.reg('golfplanner', RL.PriceResult.GolfPlanner);
RL.PriceResult.GolfPlanner_Day = Ext.extend(Ext.Panel, {
autoHeight: true,
constructor : function(config){
config = config || {};
var htmlDay=''+config.dateDay.dateFormat("l, F j, Y")+'';
var cats=config.recordProduct.getTimesCats();
var newItems=[];
var htmlDay=''+config.dateDay.dateFormat("l, F j, Y")+'';
newItems.push({
//xtype:'container',
frame:true,
html:htmlDay
});
for (var catName in cats){
var cat=cats[catName];
var store = new Ext.data.ArrayStore({
fields:Ext.jx.getStore("TIMES","ALL").fields.items
});
store.add(cat);
newItems.push({
xtype:'golf_day_time',
recordProduct: config.recordProduct,
searchForm: config.searchForm,
catName:catName,
timeStore: store
});
};
config.items=newItems;
RL.PriceResult.GolfPlanner_Day.superclass.constructor.call(this, config);
}
});
Ext.reg('golf_day', RL.PriceResult.GolfPlanner_Day);
RL.PriceResult.GolfPlanner_DayTime = Ext.extend(Ext.Panel, {
layout:'column',
autoHeight: true,
onVendorSelect: function(combo){
var moreInfoImg=this.findBy(function(c){ return c.moreInfoImg },this)[0];
if (combo.getValue()){
moreInfoImg.addClass('more-info');
}else{
moreInfoImg.removeClass('more-info');
}
},
onVendorMoreInfo: function(img){
var vendorSelect=this.findBy(function(c){ return c.xtype==='vendor_selector' },this)[0];
var vendorCode=vendorSelect.getValue();
if (!vendorCode) return;
var vendorRecord=Ext.jx.vendors[vendorCode];
var golf_planner_parent=this.findParentBy(function(p){ return p.golf_planner_parent });
RL.Global.showContent(golf_planner_parent, 'vendor', vendorRecord, 'Pictures', {vendorRecord: vendorRecord, searchForm: this.searchForm});
},
constructor : function(config){
config = config || {};
var searchForm = config.searchForm;
this.recordProduct = searchForm.recordProduct;
Ext.apply(config, {
items:[{
frame:true,
width:40,
html:config.catName
},{
xtype:'container_spacer',
width:10
},{
//name:'people',
emptyText:'Golfers',
width:70,
xtype:'perperson_selector'
},{
xtype:'container_spacer',
width:10
},{
xtype:'combo',
width:100,
mode:'local',
emptyText:'Tee Time',
typeAhead: true,
triggerAction: 'all',
displayField: 'TIMES#LABEL',
valueField: 'TIMES#LABEL',
store:config.timeStore
},{
xtype:'container_spacer',
width:10
},{
width:250,
emptyText:'Golf Course',
xtype:'vendor_selector',
listeners:{
valid: this.onVendorSelect,
scope: this
}
},{
xtype:'container_spacer',
width:10
},{
xtype:'image',
moreInfoImg: true,
listeners:{
click: this.onVendorMoreInfo,
scope: this
}
}]
});
delete config.timeStore;
RL.PriceResult.GolfPlanner_DayTime.superclass.constructor.call(this, config);
}
});
Ext.reg('golf_day_time', RL.PriceResult.GolfPlanner_DayTime);
Ext.ns('RL.PriceResult');
RL.PriceResult.Air = Ext.extend(Ext.Panel, {
slots : true,
autoEl : 'div',
//searchForm to which this result is attached
searchForm : null,
layout:'row-fit',
baseCls: 'x-bubble',
frame: true,
constructor : function(config){
config = config || {};
config.recordProduct = config.searchForm.recordProduct;
var rowActions = new Ext.ux.RowActions({
actions:[{
iconCls : 'add-to-cart-orange',
autoWidth : false,
width : 45,
style : {
width:'45px'
},
tooltip : 'Add the item to your quote',
listeners : {
action : function(rowActions, dataview, pricingRecord, action, row, col, iconCls) {
var gtawRecord=Ext.jx.getStore('GTAW').getAt(0);
var buildRecord=RL.Global.getWizard(this.searchForm).addServiceItem( pricingRecord );
RL.Global.getWizard(this.searchForm).onNextStep();
},
scope:this
}
}]
});
Ext.apply(config, {
items:[
{
xtype : 'results_top_toolbar',
height: 60,
form : config.searchForm
},
{
xtype:'dataview',
slot : 'view',
store: config.store,
plugins : [ rowActions ],
style:{
overflow:'auto'
},
itemSelector:'.gdsAirRecord',
tpl : new Ext.XTemplate(Ext.jx.getTable("_VENDOR_PRICING").templates.gdsair)
}
]
}); //eof apply
RL.PriceResult.Air.superclass.constructor.call(this, config);
},//eof constructor
initComponent : function(){
RL.PriceResult.Air.superclass.initComponent.call(this);
}
});
Ext.ns('RL');
RL.SearchTopToolbar = Ext.extend(Ext.Toolbar, {
slot : 'search_toolbar',
//height: 60,
//form to which this toolbar is attached
form : null,
constructor : function(config){
config = config || {};
var form = config.form;
Ext.apply(config, {
toolbarCls: 'x-frameless',
hideBorders: true,
height : 30,
items : [
'Search Filters
'
// {
// iconCls:'newSearch-btn',
// style:'margin-left:100px;margin-right:50px;',
// handler: function() {
// this.form.fireEvent('new_search');
// },
// scope : this
// },
// {
// xtype:'image',
// cls:'skip-btn',
// baseStyle:{
// margin: '0 0 0 10px'
// },
// listeners:{
// click: function(){
// RL.Global.getWizard(this).onNextStep();
// },
// scope: this
// }
// }
]
}); //eof apply
RL.SearchTopToolbar.superclass.constructor.call(this, config);
}//eof constructor
});
Ext.reg('search_top_toolbar', RL.SearchTopToolbar);
RL.ResultsTopToolbar = Ext.extend(Ext.Toolbar, {
msg : 'Search Results',
slot : 'results_toolbar',
constructor : function(config){
config = config || {};
var form = config.form;
Ext.apply(config, {
toolbarCls: 'x-frameless',
hideBorders: true,
height : 30,
items : [
''+(config.msg||this.msg)+'
',
// {
// iconCls:'newSearch-btn',
// style:'margin-left:100px;margin-right:50px;',
// handler: function() {
// this.form.fireEvent('new_search');
// },
// scope : this
// },
{
xtype:'image',
cls:'skip-btn',
baseStyle:{
margin: '0 0 0 10px'
},
listeners:{
click: function(){
RL.Global.getWizard(this).onNextStep();
},
scope: this
}
}
]
}); //eof apply
RL.ResultsTopToolbar.superclass.constructor.call(this, config);
}//eof constructor
});
Ext.reg('results_top_toolbar', RL.ResultsTopToolbar);
Ext.ns('RL.PriceResult');
RL.PriceResult.ProductGroup = Ext.extend(RL.PriceResult.Service, {
productTypes : null,
constructor : function(config) {
config = config || {};
var formProdGroup = this, searchForm = config.searchForm, recordProdGroup = searchForm.recordProdGroup, store = config.store;
var rowActions = this.rowActions = new RL.PriceResult.PricingRowActions({
searchForm : searchForm,
resultForm : this
});
Ext.namespace('Ext.jx.temp');
Ext.jx.temp.rowActions = rowActions;
var actionCol;
var configAddToolBar = {
xtype : 'results_top_toolbar',
form : searchForm,
slot : 'toolbar'
};
if ( RL.Defaults.USE_DDOWN_QTY_ADD_LOGIC_WHEN_CAN ) {
actionCol = Ext.jx.Misc.getSimpleQtyActionCol()
} else {
actionCol = Ext.apply({width:50, header:'Add Item', id:1}, rowActions.get('add-to-cart'));
}
var colDef=[
//{header: "Location", width: 120, dataIndex: 'LOCATION#NAME', sortable: true},
Ext.apply(actionCol,{id:0}),
{ header: "Product Type", width: 120, dataIndex: 'BUILD#TYPE', sortable: true, id : 1, hidden : true },
{ header: "Vendor", width: 120, dataIndex: 'VENDOR#VENDOR', sortable: true, id : 2, hidden : true },
{ header: "Service", width: 120, dataIndex: 'SERVICE#DESCRIP', renderer : this.serviceDescriptionRenderer, sortable: true, id : 100 },
{ header: '#DISCOUNT', width: 120, dataIndex: '#DISCOUNT', sortable: true, id : 102, hidden : true }
];
colDef.push({
header: "Type",
width: 180,
dataIndex: '#UNIT_DESC',
sortable: true,
renderer: this.unitTypeRenderer,
scope: this,
id:3
});
var conPriceOv = recordProdGroup.get('SERVICE#CONPRICEOV')
var conPrices = Ext.jx.getStoreValue("DEPT#CONPRICES")
this.showPrices = conPriceOv == 1 || (conPriceOv != 2 && (conPrices == 3 || conPrices == 2)) //the product type website show toggle must be on
if (this.showPrices) colDef.push({
header: "Price in "+Ext.jx.getStoreValue('GTAW#CADCURR')+")",
width: 115,
dataIndex: '#SELL_PRICE',
renderer: this.priceRenderer,
scope: this,
sortable: true,
id:4
}); //todo Ext.jx.getStoreValue("DEPT#CONPRICES") ==2 which is the price range
var cm = new Ext.grid.ColumnModel(colDef);
//UI definition
Ext.apply(config, {
layout : 'row-fit',
items : [
configAddToolBar,
// !jumps ? { baseCls: 'x-frameless' } : {
// layout : 'toolbar',
// autoHeight : true,
// //height : 30,
// items : jumps,
// frame : true
// },
{
xtype:'grid',
slot : 'grid',
height:'100%',
hideHeaders: true,
plugins : [ rowActions ],
store : store,
view: new Ext.ux.MultiGroupingView({
//showGroupName: false,
enableNoGroups:false, // REQUIRED!
// hideGroupedColumn: true,
forceFit:true,
groupTextTpl: '{text} : {gvalue} ({[values.rs.length]} {[values.rs.length == 1 ? "Record" : "Records"]})'
}),
cm: cm
},
{
xtype : 'container',
slot : 'pagingContainer',
height : 24,
layout : 'column',
hideBorders : true,
items : [
{
columnWidth : 0.5,
html : ' '
},
{
xtype : 'ExtX.Toolbar.Paging',
slot : 'paging',
width : 230,
pageSize : 20,
store : config.store,
paramNames : {
start : 'from'
}
},
{
columnWidth : 0.5,
html : ' '
}
]
}
]
});//eof apply
RL.PriceResult.ProductGroup.superclass.constructor.call(this, config); //do not perform construction of the parent
},//eof constructor
initComponent : function(){
RL.PriceResult.ProductGroup.superclass.initComponent.call(this);
//store preparations
var store = this.store;
store.groupFieldClasses = {
'BUILD#TYPE' : 'x-grid-group-hd-headerless',
'VENDOR#VENDOR' : 'x-grid-group-hd-vendor',
'#RANDOM_VENDOR' : 'x-grid-group-hd-vendor',
'LOCATION#NAME' : 'x-grid-group-hd-headerless'
}
store.groupFieldTemplates={
'BUILD#TYPE':'{['+
'function (){'+
'var record=values.rs[0];'+
'var recordProduct=record.getService();'+
'return recordProduct.get("SERVICE#DESCRIP");'+
'}()'+
']}',
'VENDOR#VENDOR':'{['+
'function (){'+
'var record=values.rs[0];'+
'var recordVendor=record.getVendor();'+
'return (!recordVendor ? record.get("VENDOR#VENDOR") : recordVendor.getShortDesc() );'+
'}()'+
']}'
};
},
prepareSortingOptions : function () {
// var recordProduct = this.searchForm.recordProduct
//
// //high-level sorting
// var initialSort, highLevelSort = recordProduct.get('SERVICE#CNSSORT') || 'vendor'
// if (highLevelSort == 'item') initialSort = 2
// if (highLevelSort == 'location') initialSort = 4
//
// var preVendorSort, postVendorSort, preferredOffed=(!this.isMoreThanOneGroupOn('VENDOR#PREFERRED'));
// var vendorSort = recordProduct.get('SERVICE#CNSSORTVEN') || 'VENDOR#PREFERRED'
// if (vendorSort == 'VENDOR#PREFERRED'){
// if (preferredOffed){
// vendorSort = 'name'
// if (!initialSort) initialSort=1
// }else{
// postVendorSort='VENDOR#VENDOR'
// }
// }
// if (vendorSort == 'name') {
// vendorSort = 'VENDOR#VENDOR'
// if (!initialSort) initialSort=1
// }
// if (vendorSort == 'random') vendorSort = '#RANDOM_VENDOR'
// if (vendorSort == 'tier_random') {
// preVendorSort = 'VENDOR#PREFERRED'
// vendorSort = '#RANDOM_VENDOR'
// }
// if (!initialSort) initialSort=3
//
// //items sorting
// var unitSort = recordProduct.get('SERVICE#CNSSORTUNT') || '#UNIT_DESC'
// if (unitSort == 'price') unitSort = '#SELL_PRICE'
// if (unitSort == 'discount') unitSort = '#DISCOUNT'
var initialSort = 0
var store = new Ext.data.ArrayStore({
fields : [ 'id', 'description', 'sortBy', 'sortDir', 'groupBy', 'paging' ],
idIndex : 0,
data : [
[ 0, 'Service', [ 'BUILD#TYPE' ] , 'ASC', [ 'BUILD#TYPE', 'VENDOR#VENDOR' ], true ],
[ 1, this.vendorLabel, [ 'VENDOR#VENDOR' ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
[ 2, this.unitLabel, [ '#UNIT_DESC' ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
// [ 3, 'Featured', [ preVendorSort, vendorSort, postVendorSort, unitSort ] , 'ASC', [ 'VENDOR#VENDOR' ], true ],
//XXX no such field for product groups?
//[ 4, 'Location', [ 'LOCATION#NAME' ], 'ASC', [ 'LOCATION#NAME', 'VENDOR#VENDOR' ], false ],
[ 5, 'Price (high to low)', [ '#SELL_PRICE' ], 'DESC', [ 'VENDOR#VENDOR' ], true ],
[ 6, 'Price (low to high)', [ '#SELL_PRICE' ], 'ASC', [ 'VENDOR#VENDOR' ], true ]
//XXX no such field for product groups?
//[ 7, 'Discounts', [ '#DISCOUNT' ], 'DESC', [ 'VENDOR#VENDOR' ], true ]
]
})
// if (preferredOffed) {
// store.removeAt(store.indexOfId(3))
//
// if (initialSort == 3) initialSort = 1
// }
//
//
// if (!this.isMoreThanOneGroupOn('VENDOR#VENDOR')) {
// store.removeAt(store.indexOfId(1))
// store.removeAt(store.indexOfId(3))
// store.removeAt(store.indexOfId(4))
// if (initialSort == 1 || initialSort == 3 || initialSort == 4) initialSort = 2
// }
//
// if (!this.isMoreThanOneGroupOn('LOCATION#NAME')) {
// store.removeAt(store.indexOfId(4))
// if (initialSort == 4) initialSort = 3
// }
//
// if (!this.isMoreThanOneGroupOn('#DISCOUNT')) store.removeAt(store.indexOfId(7))
//
if (!this.showPrices) {
store.removeAt(store.indexOfId(5))
store.removeAt(store.indexOfId(6))
}
return {
store : store,
initialSort : initialSort
}
},
onSortChange : function (combo, record, index) {
var grid = this.slots.grid
var colModel = grid.getColumnModel()
var serviceDescIndex = colModel.getIndexById(100)
colModel.setHidden(serviceDescIndex, record.id == 0)
RL.PriceResult.ProductGroup.superclass.onSortChange.apply(this, arguments)
},
serviceDescriptionRenderer : function (value, metaData, record, rowIndex, colIndex, store) {
return record.getService().get("SERVICE#DESCRIP")
}
});
Ext.ns('RL.PriceResult');
RL.PriceResult.PricingRowActions = Ext.extend(Ext.ux.RowActions, {
searchForm : null,
resultForm : null,
constructor : function (config) {
config = config || {};
Ext.apply(config, {
actions : [
{
iconCls : 'add-to-cart',
autoWidth : false,
width : 45,
style : {
width : '45px'
},
text: 'add',
tooltip : 'Add the item to your quote',
listeners : {
action : this.showAddServicePopup.createDelegate(this)
}
},
{
iconCls : 'more-info',
cls : 'prodtype_round_button',
text : 'More Info',
autoWidth : false,
noBlankImg : true,
tooltip : 'Find out more information about this vendor',
listeners : {
action : function(rowActions, grid, record, action, row, col, iconCls){
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'More Info', {pricingRecord : record, vendorRecord: vendorRecord});
}
}
},
{
iconCls : 'more-info-pictures',
cls : 'prodtype_round_button',
text : 'Pictures',
autoWidth : false,
noBlankImg : true,
tooltip : 'Find out more information about this vendor',
listeners : {
action : function(rowActions, grid, record, action, row, col, iconCls){
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'Pictures', {pricingRecord : record, vendorRecord: vendorRecord});
}
}
},
{
iconCls : 'more-info-calendar',
cls : 'prodtype_round_button',
text : 'Avail',
autoWidth : false,
noBlankImg : true,
tooltip : 'Check inventory data available',
listeners : {
action: function(rowActions, grid, record, action, row, col, iconCls){
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'Calendar', {pricingRecord : record, vendorRecord: vendorRecord});
}
}
},
{
text : 'Inventory',
iconCls : 'more-info-inventory',
cls : 'prodtype_round_button',
autoWidth : false,
noBlankImg : true,
tooltip : 'Check inventory data available',
listeners : {
action : function (rowActions, grid, record, action, row, col, iconCls) {
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'Inventory', { pricingRecord : record, vendorRecord : vendorRecord })
}
}
},
{
iconCls : 'more-info-content',
text : 'Content'
},
{
iconCls : 'more-info-map',
cls : 'prodtype_round_button',
name : 'more-info-map',
text : 'Map',
autoWidth : false,
noBlankImg : true,
tooltip : 'Find out more information about this vendor',
listeners : {
action : function(rowActions, grid, record, action, row, col, iconCls){
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'Map', {pricingRecord : record, vendorRecord: vendorRecord});
}
}
},
{
iconCls : 'more-info-streetview',
cls : 'prodtype_round_button',
name : 'more-info-streetview',
text : 'Street View',
autoWidth : false,
noBlankImg : true,
tooltip : 'Find out more information about this vendor',
listeners : {
action : function(rowActions, grid, record, action, row, col, iconCls){
var vendorRecord = record.getVendor()
if (vendorRecord) RL.Global.showContent(rowActions.searchForm, 'vendor', vendorRecord, 'StreetView', {pricingRecord : record, vendorRecord: vendorRecord});
}
}
}
]
}); //eof apply
Ext.ux.RowActions.call(this, config);
},
showAddServicePopup : function (rowActions, grid, record, action, row, col, iconCls) {
if (RL.Global.lastGridRowBlind) return //it allows 5px treshold, so potentially can open several popups
var popup = new Ext.ux.GridRowBlind({
destroyOnDismiss : true,
autoEventsHide : [ 'click' ],
marginLeft : 0,
marginRight : 100
})
popup.init(grid)
popup.show(row, new RL.Build.Popup({
pricingRecord : record,
searchForm : this.searchForm,
buildPopup : popup
}))
popup.on('destroy', function () {
RL.Global.lastGridRowBlind = null
})
RL.Global.lastGridRowBlind = popup //there can only be one since any click away destroys it in the autoDestroy mode
}
}); //eof extend
Ext.ns('RL.PriceSearch');
RL.PriceSearch.VendorFilter = Ext.extend(Ext.ux.form.SuperBoxSelect, {
clsTrigger: 'x-tool-toggle',
constructor : function(config){
config = config || {};
Ext.apply(config, {
//labelTriggerBtn:'test',
labelTriggerBtn:'',
'{[xindex == 1 ? values._record.getSuperDestRecord().getName() : ""]}',
'
',
'',
'{[',
'Ext.jx.Template.setSearchItem("subDestsDetail",values._record)+',
'"
',
'"+',
'values._record.template("shortcleandesc")+',
'"
"',
']}',
'',
'
"',
']}',
'',
'
',
'"+',
'values._record.getImageHtml(1,"TN_")+',
'values._record.getName("bold")+',
'"
',
'',
'