'+
'  | '+
' |||||||||||||
| '+
' |||||||||||||
'+
'  | '+
'
| '+
' | '+
' |||||||||||||
| '+
' |||||||||||||
| '+
' | '+
'
| '+
' | '+
' |||||||||
| '+
' |||||||||
| '+
' | '+
'
| '+
' | '+
' ||||||||||
| '+
' ||||||||||
| '+
' | '+
'
' : ' '),
hottub: ((record.get('hotTub') == 'Y') ? '
' : ' '),
pets: ((record.get('pets') == 'Y') ? '
' : ' '),
smoking: ((record.get('smoking') == 'Y') ? '
' : ' '),
EOF:null
}
);
var htmlWeather = this.popupTemplateWeather.apply(
{
webPath: this.webPath,
title: record.get('title'),
beds: record.get('beds'),
photoUrl: record.get('photoUrl'),
details_link: record.get('detailUrl'),
brochure_link: record.get('brochureUrl'),
//http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=37.610968,+-122.439709
//directions_link: 'http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=&daddr=' + encodeURIComponent(record.get('title')) + '@' + encodeURIComponent(record.get('lat')) + ',' + encodeURIComponent(record.get('lng')),
mountainview: ((record.get('mountainView') == 'Y') ? '' : ' '),
hottub: ((record.get('hotTub') == 'Y') ? '' : ' '),
pets: ((record.get('pets') == 'Y') ? '' : ' '),
smoking: ((record.get('smoking') == 'Y') ? '' : ' '),
EOF:null
}
);
var htmlCalendar = this.popupTemplateCalendar.apply(
{
webPath: this.webPath,
title: record.get('title'),
beds: record.get('beds'),
photoUrl: record.get('photoUrl'),
details_link: record.get('detailUrl'),
brochure_link: record.get('brochureUrl'),
//http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=37.610968,+-122.439709
//directions_link: 'http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=&daddr=' + encodeURIComponent(record.get('title')) + '@' + encodeURIComponent(record.get('lat')) + ',' + encodeURIComponent(record.get('lng')),
mountainview: ((record.get('mountainView') == 'Y') ? '' : ' '),
hottub: ((record.get('hotTub') == 'Y') ? '' : ' '),
pets: ((record.get('pets') == 'Y') ? '' : ' '),
smoking: ((record.get('smoking') == 'Y') ? '' : ' '),
EOF:null
}
);
// Hide tooltip
this.mapViewer.getMapProxy().getTooltip().style.visibility = "hidden";
// Open info window
//this.mapViewer.getMapProxy().mapObject.openInfoWindowHtml(marker.getLatLng(), html);
this.mapViewer.getMapProxy().mapObject.openInfoWindowTabsHtml(
marker.getLatLng(),
[
new GInfoWindowTab("General Info", html),
// new GInfoWindowTab("Book It Now", htmlCalendar),
new GInfoWindowTab("Weather", htmlWeather)
]);
//create the date picker
//var myDP = new Ext.DatePicker();
//render the date picker
//myDP.render('calendar');
}
//if cabinswitch false
else {
// Hide tooltip
this.mapViewer.getMapProxy().getTooltip().style.visibility = "hidden";
winref = window.open(record.get(('detailUrl'),"left=20,top=40,width=400,height=400",resizable="no")); //detail url is from find active record above
}; //if cabinswitch = "false"
};
/**
* tooltipTemplate component designed to fetch and render a tooltip block for the individual datasource record.
* @namespace MapObject.app.vc
* @class tooltipTemplate
* @constructor
* @param {Ext.data.Store} The instance of data source store object.
*/
MapObject.app.CM.tooltipTemplate = function(ds)
{
this.init(ds);
};
MapObject.app.CM.tooltipTemplate.prototype = {
/**
* Data store
* @private
* @type {Ext.data.Store}
*/
ds: null,
/**
* Tooltip template
* @private
* @type {Ext.Template}
*/
template: null,
// Constructor
init : function(ds){
this.ds = ds;// take with Ext.data.Store in {}
this.template = new Ext.Template(
// '' + //couldn't get html 4.01 class ref working for h2 below
// '' + // got it working from css but not here
'
');
if (this.allowEdit) {
// Update link
links.push('
');
}
return links.join(" ");
}
// create the Grid
this.grid = new Ext.grid.GridPanel({
renderTo: 'grid-container',
store: this.ds,
cm: colModel,
sm: sm,
loadMask: false,
width:783,
height:400,
//autoExpandColumn: 'description',
viewConfig: {
forceFit:false
},
collapsible: true,
animCollapse: false,
enableColumnHide: true,
EOF: null
});
// Record viewer
//this.recordViewer = new MapObject.app.CM.recordViewer(this.ds);
// Record viewer
this.tooltipTemplate = new MapObject.app.CM.tooltipTemplate(this.ds);
// Instantiate MapViewer class
this.mapViewer = new MapObject.widget.MapViewer( {
'ds': this.ds,
'grid': this.grid,
'recordViewer': this.recordViewer,
'tooltipTemplate': this.tooltipTemplate,
'gridHelp' : null,
'autoCenter' : true,
// Set center/zoom calculated on a client based on zoom boundaries
'calculateCenter' : true,
'focusGridRow' : false,
'cabinswitch' : this.cabin_switch,
'mapConfig' : {
'container' : 'map-container',
'tooltipEngine' : 'v2',
'mapControls' : {largeMapControl: true},
'markersEngine' : 'MarkerManager',
'icons' : this.icons
}
});
/* Insert a map legend image */
/* var legend=document.createElement('div');
legend.id='map-legend';
legend.style.position='absolute';
legend.style.right='1px';
legend.style.bottom='25px';
legend.style.backgroundColor='transparent';
legend.style.zIndex=25500;
legend.innerHTML='
';
this.mapViewer.getViewer('Google').mapObject.getContainer().appendChild(legend);*/
/* deprecated by customer
var geocoder = new MapObject.proxy.GoogleGeocoder();
// Instantiate geocoding widget
var geocodingPanel = new MapObject.widget.GeoCodingPanel(
'geocodeAddressInput',
'geocodeButton',
geocoder,
this.mapViewer.getViewer('Google'),
{showCenterIcon: true}
)
*/
//
// Register application events for misc. HTML elements
//
// Attach event to the 'search' button
var showBtn = Ext.get('search-button');
// Attach event to the 'search' button
showBtn.on('click', this.evtSearch, this);
// attach event triggered when ds load complete to warn for no records selected
this.ds.on('load', this.no_records, this);
// Finally load data. Load of DS on first time in.
this.dataInitialized = false; // flag to prevent from errors output
// this.ds.removeAll();
this.ds.baseParams.searchQuery = "area="+ this.area + "&event_id=" + this.event_id + "&cabin=" + this.cabin + "&bedrooms=" + this.bedrooms + "&sleeps=" + this.sleeps + "&smoking=" + this.smoking + "&pets=" + this.pets;
this.ds.suspendEvents(); //disable Before Load Function it clears loaded parms to baseparms
this.ds.load();
this.ds.resumeEvents();
},//init end
//no records message
no_records: function(e) {
var ds_record_count ;
ds_record_count = this.ds.getTotalCount() ;
if (ds_record_count < 1) {
alert("No Cabins With Above Search, Try another Search");}
},
/**
* search
* @param e Event handler
* @return none
*/
//When Submit button on Searhform used Runs from here
evtSearch: function(e) {
//Remove all Records from the Store and fires the clear event.
this.ds.removeAll();
// Invoke search
this.ds.load();
}
};//Map Class end
/*
* Map geocoder.
*/
MapObject.app.CM.mapGeocoder = {
init: function(config) {
// Instantiate GoogleMap class
this.mapViewer = new MapObject.proxy.GoogleMap(config.container, (config.mapConfig || {}));
this.mapViewer.multipleDragableMarkers = false;
this.mapViewer.on('afterloadmap', function () {
this.mapViewer.setCenter(config.mapCenter.lat, config.mapCenter.lng, config.mapCenter.zoom);
}, this);
// Set lat/lng values on a form
this.setLatLong = function(lat, lon, accuracy) {
Ext.get('latitude').dom.value = lat;
Ext.get('longitude').dom.value = lon;
};
this.onGeocode = function(lat, lon, accuracy) {
this.setLatLong(lat, lon, accuracy);
this.mapViewer.setCenter(lat, lon, this.geocoder.accuracy[0].levels[accuracy]);
// Add dragable marker
this.mapViewer.addDragableOverlay(lat, lon);
};
this.mapViewer.onMapClick = this.setLatLong;
// Load map, e.g. set center
this.mapViewer.loadMap();
//Add dragable support
this.mapViewer.registerMapClick();
this.geocoder = new MapObject.proxy.GoogleGeocoder();
this.geocoder.on("aftergeocoding", this.onGeocode, this);
// Add event listener for geocode button
Ext.get('GeocodeButton').on('click', function () {
addr = [
Ext.get('address').dom.value,
Ext.get('city').dom.value,
Ext.get('zip').dom.value
];
this.geocoder.geocode(addr.join(" "));
}, this);
// Add DragableOverlay if necessary
if (config.marker && config.marker.lat && config.marker.lng)
{
this.mapViewer.addDragableOverlay(config.marker.lat, config.marker.lng);
}
}
};
