');
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:944,
/* height:400, */
autoHeight: true,
//autoExpandColumn: 'description',
viewConfig: {
forceFit:false
},
collapsible: true,
animCollapse: false,
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' : false,
'focusGridRow' : false,
'mapConfig' : {
'container' : 'map-container',
'tooltipEngine' : 'v2',
'mapControls' : {largeMapControl: true},
'markersEngine' : 'MarkerManager',
'icons' : this.icons
}
});
//ab this.grid.render();
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);
// Add filtering handlers
//Ext.get('mapLegend').on('click', this.filterByLegend, this);
// Finally load data
this.dataInitialized = false; // flag to prevent from errors output
//this.ds.load();
},
/**
* search
* @param e Event handler
* @return none
*/
evtSearch: function(e) {
//Remove all Records from the Store and fires the clear event.
this.ds.removeAll();
// Invoke search
this.ds.load();
}
}
/*
* Object literal to manage application popup windows.
*/
MapObject.app.CM.popupManager = {
/**
* Storage for the "Tips" window object
* @private
* @type {Ext.Window}
*/
tipsWin: null,
/**
* Storage for the "feedback" window object
* @private
* @type {Ext.Window}
*/
showFeedback: null,
/**
* Init popups - add event listeners
* @param none
* @return none
*/
init: function() {
// Add filtering handlers
if (Ext.get('inlineList')) {
Ext.get('inlineList').on('click', this.showPopup, this);
}
if (Ext.get('crime-classifications')) {
Ext.get('crime-classifications').on('click', this.showPopup, this);
}
},
/**
* Event handler to show popups.
* @param {Ext.EventObject} e
* @return none
*/
showPopup: function(e) {
var target = e.getTarget();
if ((target.id == "showTips") || (target.id == "crime-classifications")) {
this.showTips();
}
else if ((target.id == "showFeedback")) {
this.showFeedback();
}
},
/**
* Show 'Tips for Best Use' popup
* @param none
* @return none
*/
showTips: function() {
// create the window on the first click and reuse on subsequent clicks
if(!this.tipsWin){
this.tipsWin = new Ext.Window({
el:'tipsBestView',
layout:'fit',
autoScroll: true,
width:700,
height:500,
closeAction:'hide',
plain: true,
modal: false,
resizable: false,
contentEl: 'tipsPanel',
buttons: [{
text: 'Close',
handler: (function(){
this.tipsWin.hide();
}).createDelegate(this)
}]
});
}
this.tipsWin.show(this);
},
/**
* Show a feedback form
* @param none
* @return none
*/
showFeedback: function() {
// create the window on the first click and reuse on subsequent clicks
if(!this.feedbackWin){
this.feedbackWin = new Ext.Window({
el:'feedback',
layout:'fit',
width:700,
height:450,
closeAction:'hide',
plain: true,
modal: true,
resizable: false,
contentEl: 'feedbackPanel',
buttons: [{
text:'Submit',
handler: (function(){
var feedbackOpt = Ext.Ajax.serializeForm('feedbackForm');
//Make ajax call and save export parameters in a session
Ext.Ajax.request({
url: '/api/sendFeedback.php',
success: function (response, options) {
this.feedbackWin.hide();
//Remove feddback text
Ext.get("feedback").dom.value = "";
Ext.MessageBox.alert('Feedback Status', 'Your feedback has been sent.');
},
failure: function () {alert("Feedback failed. Please try again.")},
scope: this,
params: {
'op': feedbackOpt
}
});
}).createDelegate(this)
},{
text: 'Close',
handler: (function(){
this.feedbackWin.hide();
}).createDelegate(this)
}]
});
}
this.feedbackWin.show(this);
}
}
/*
* Ext JS Library 2.0
* Copyright(c) 2006-2007, Ext JS, LLC.
* licensing@extjs.com
*
* http://extjs.com/license
*/
Ext.grid.RowExpander = function(config){
Ext.apply(this, config);
this.addEvents({
beforeexpand : true,
expand: true,
beforecollapse: true,
collapse: true
});
Ext.grid.RowExpander.superclass.constructor.call(this);
if(this.tpl){
if(typeof this.tpl == 'string'){
this.tpl = new Ext.Template(this.tpl);
}
this.tpl.compile();
}
this.state = {};
this.bodyContent = {};
};
/*
* MapBuilder Integrator 2.1.0
* Copyright(c) 2006-2007, Mashup Technologies, LLC.
* http://mashuptechnologies.com
*/
MapObject.app.CM.auth = {
signupTemplate: null,
/**
* Storage for the "Signup" window object
* @private
* @type {Ext.Window}
*/
signupWin: null,
/**
* Storage for the "Login" window object
* @private
* @type {Ext.Window}
*/
loginWin: null,
/**
* Storage for the active window object
* @private
* @type {Ext.Window}
*/
activeWin: null,
/**
* Storage for the map object
* @private
* @type {MapObject.app.CM.map}
*/
map: null,
/**
* Signup required fields
* @private
* @type array
*/
signupRequiredFields: [{el:'signup-email'}, {el:'signup-password'}, {el:'signup-confpassword'},
{el:'crime-alert-address'}, {el:'crime-alert-city'}],
/**
* Login required fields
* @private
* @type array
*/
loginRequiredFields: [{el:'login-username'}, {el:'login-password'}],
/**
* Init popups - add event listeners
* @param none
* @return none
*/
init: function() {
// Register onlick event for the auth elements
Ext.get('signupLink') && Ext.get('signupLink').on('click', function(e) {
MapObject.app.CM.auth.showForm("signup");
});
Ext.get('loginLink') && Ext.get('loginLink').on('click', function(e) {
MapObject.app.CM.auth.showForm("login");
});
},
/*
* Show bio popup for a proffesional with a given id
*/
showForm: function(action) {
// Clear errors
var elError = Ext.get(action + 'Error');
elError.dom.innerHTML = '';
elError.hide();
if (action == "signup") {
// Content panels
this.signupPanel = Ext.get('signupPanel');
// create the window on the first click and reuse on subsequent clicks
if(!this.signupWin){
//Setup some client-side validators
this.signupRequiredFields = this.setRequiredFields(this.signupRequiredFields);
this.signupWin = new Ext.Window({
el:'signupWin',
layout:'fit',
autoScroll: true,
width:'auto',
height:'auto',
closeAction:'hide',
plain: true,
modal: true,
resizable: false,
contentEl: 'signupPanel',
buttons: [
{
text:'Submit',
type: 'submit',
handler: this.submit.createDelegate(this)
},
{
text: 'Close',
handler: (function(){
this.signupWin.hide();
}).createDelegate(this)
}]
});
// Focus first element
this.signupWin.addListener("show", function(){
// Focus first element
Ext.get('signup-email').focus();
}, this, {delay:100});
// Add 'Submit' event handler
Ext.get('signupForm').on('keydown', function(e) {
if (e.getKey() == Ext.EventObject.ENTER) {
this.submit();
}
}, this);
}
this.activeWin = this.signupWin;
}
// Login
else {
// Content panels
this.loginPanel = Ext.get('loginPanel');
// create the window on the first click and reuse on subsequent clicks
if(!this.loginWin){
//Setup some client-side validators
this.loginRequiredFields = this.setRequiredFields(this.loginRequiredFields);
this.loginWin = new Ext.Window({
el:'loginWin',
layout:'fit',
autoScroll: true,
width:'auto',
height:'auto',
closeAction:'hide',
plain: true,
modal: true,
resizable: false,
contentEl: 'loginPanel',
buttons: [
{
text:'Submit',
type: 'submit',
handler: this.submit.createDelegate(this)
},
{
text: 'Close',
handler: (function(){
this.loginWin.hide();
}).createDelegate(this)
}]
});
this.loginWin.addListener("show", function(){
// Focus first element
Ext.get('login-username').focus();
}, this, {delay:100});
// Add 'Submit' event handler
Ext.get('loginForm').on('keydown', function(e) {
if (e.getKey() == Ext.EventObject.ENTER) {
this.submit();
}
}, this);
}
this.activeWin = this.loginWin;
}
this.activeWin.action = action;
this.activeWin.show();
},
submit: function() {
var action = this.activeWin.action;
var params = {};
if (action == "signup") {
var valid = this.validateRequiredFields(this.signupRequiredFields);
if (valid){
params = Ext.Ajax.serializeForm('signupForm');
}
else {
//Ext.MessageBox.alert('Signup Error', 'Please enter all required data.');
// Show a dialog using config options:
Ext.Msg.show({
title:'Signup Error',
msg: 'Please fill-in all required fields.',
buttons: Ext.Msg.OK,
icon: Ext.MessageBox.ERROR
});
}
}
// login
else {
var valid = this.validateRequiredFields(this.loginRequiredFields);
if (valid){
params = Ext.Ajax.serializeForm('loginForm');
}
else {
// Show a dialog using config options:
Ext.Msg.show({
title:'Login Error',
msg: 'Please fill-in all required fields.',
buttons: Ext.Msg.OK,
icon: Ext.MessageBox.ERROR
});
}
}
if (!valid){
return;
}
//Make ajax call to process authentication request
Ext.Ajax.request({
url: '/api/auth.php',
params: {
'action': action,
'params': params
},
scope: this,
success: (function(response, options) {
o = Ext.util.JSON.decode(response.responseText);
/*
// Details for lease type
this.signupTemplate.overwrite(this.signupPanel, {
Name: o.Name,
Title: o.Title,
Blog: ((o.Blog == '') ? '' : ('Blog')),
Bio: o.Bio
});
this.signupWin.setTitle(o.Name + " Bio");
*/
var elError = Ext.get(options.params.action + 'Error');
// Check for errors
if (o.errors.length > 0) {
elError.dom.innerHTML = o.errors.join("