Remove old assets
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 12 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 1.8 KiB |
|
@ -1,781 +0,0 @@
|
||||||
$(function() {
|
|
||||||
var center = new google.maps.LatLng(42.358431, -71.059773);
|
|
||||||
var zoomLevel = 15;
|
|
||||||
var mapOptions = {
|
|
||||||
center: center,
|
|
||||||
mapTypeControl: false,
|
|
||||||
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
||||||
panControl: false,
|
|
||||||
zoom: zoomLevel
|
|
||||||
};
|
|
||||||
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
|
|
||||||
var activeHydrantId;
|
|
||||||
var activeMarker;
|
|
||||||
var activeInfoWindow;
|
|
||||||
var isWindowOpen = false;
|
|
||||||
var hydrantIds = [];
|
|
||||||
function addMarker(hydrantId, point, color) {
|
|
||||||
var image = new google.maps.MarkerImage(color,
|
|
||||||
new google.maps.Size(27.0, 37.0),
|
|
||||||
new google.maps.Point(0, 0),
|
|
||||||
new google.maps.Point(13.0, 18.0)
|
|
||||||
);
|
|
||||||
var shadow = new google.maps.MarkerImage('/assets/markers/shadow.png',
|
|
||||||
new google.maps.Size(46.0, 37.0),
|
|
||||||
new google.maps.Point(0, 0),
|
|
||||||
new google.maps.Point(13.0, 18.0)
|
|
||||||
);
|
|
||||||
var marker = new google.maps.Marker({
|
|
||||||
animation: google.maps.Animation.DROP,
|
|
||||||
icon: image,
|
|
||||||
map: map,
|
|
||||||
position: point,
|
|
||||||
shadow: shadow
|
|
||||||
});
|
|
||||||
google.maps.event.addListener(marker, 'click', function() {
|
|
||||||
if(activeInfoWindow) {
|
|
||||||
activeInfoWindow.close();
|
|
||||||
}
|
|
||||||
var infoWindow = new google.maps.InfoWindow({
|
|
||||||
maxWidth: 350
|
|
||||||
});
|
|
||||||
google.maps.event.addListener(infoWindow, 'closeclick', function() {
|
|
||||||
isWindowOpen = false;
|
|
||||||
});
|
|
||||||
activeInfoWindow = infoWindow;
|
|
||||||
activeHydrantId = hydrantId;
|
|
||||||
activeMarker = marker;
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': hydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
// Prevent race condition, which could lead to multiple windows being open at the same time.
|
|
||||||
if(infoWindow == activeInfoWindow) {
|
|
||||||
infoWindow.setContent(data);
|
|
||||||
infoWindow.open(map, marker);
|
|
||||||
isWindowOpen = true;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
hydrantIds.push(hydrantId);
|
|
||||||
}
|
|
||||||
function addMarkersAround(lat, lng) {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrants.json',
|
|
||||||
data: {
|
|
||||||
'commit': $('#address_form input[type="submit"]').val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#address_form input[name="authenticity_token"]').val(),
|
|
||||||
'lat': lat,
|
|
||||||
'lng': lng
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
if(data.errors) {
|
|
||||||
$('#address_label').addClass('error', 500);
|
|
||||||
$('#address').addClass('error', 500);
|
|
||||||
$('#address').focus();
|
|
||||||
} else {
|
|
||||||
$('#address_label').removeClass('error', 500);
|
|
||||||
$('#address').removeClass('error', 500);
|
|
||||||
var i = -1;
|
|
||||||
$(data).each(function(index, hydrant) {
|
|
||||||
if($.inArray(hydrant.id, hydrantIds) == -1) {
|
|
||||||
i += 1;
|
|
||||||
} else {
|
|
||||||
// continue
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
setTimeout(function() {
|
|
||||||
point = new google.maps.LatLng(hydrant.lat, hydrant.lng);
|
|
||||||
color = '/assets/markers/' + (hydrant.user_id ? 'green' : 'red') + '.png';
|
|
||||||
addMarker(hydrant.id, point, color);
|
|
||||||
}, i * 100);
|
|
||||||
});
|
|
||||||
center = new google.maps.LatLng(lat, lng);
|
|
||||||
map.setCenter(center);
|
|
||||||
map.setZoom(18);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
google.maps.event.addListener(map, 'dragend', function() {
|
|
||||||
if(isWindowOpen == true) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
center = map.getCenter();
|
|
||||||
addMarkersAround(center.lat(), center.lng());
|
|
||||||
});
|
|
||||||
$('#address_form').submit(function() {
|
|
||||||
var submitButton = $("#address_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
var submitButtonText = $(submitButton).attr("value");
|
|
||||||
$(submitButton).attr("value", "Please Wait...");
|
|
||||||
if($('#address').val() === '') {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
$(submitButton).attr("value", submitButtonText);
|
|
||||||
$('#address_label').addClass('error', 500);
|
|
||||||
$('#address').addClass('error', 500);
|
|
||||||
$('#address').focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/address.json',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#address_form input[name="authenticity_token"]').val(),
|
|
||||||
'city_state': $('#city_state').val(),
|
|
||||||
'address': $('#address').val()
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
$(submitButton).attr("value", submitButtonText);
|
|
||||||
if(data.errors) {
|
|
||||||
$('#address_label').addClass('error', 500);
|
|
||||||
$('#address').addClass('error', 500);
|
|
||||||
$('#address').focus();
|
|
||||||
} else {
|
|
||||||
addMarkersAround(data[0], data[1]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#combo_form input[type="radio"]').live('click', function() {
|
|
||||||
var self = $(this);
|
|
||||||
if('new' == self.val()) {
|
|
||||||
$('#user_forgot_password_fields').slideUp();
|
|
||||||
$('#user_sign_in_fields').slideUp();
|
|
||||||
$('#user_sign_up_fields').slideDown();
|
|
||||||
$('#combo_form').data('state', 'user_sign_up');
|
|
||||||
} else if('existing' == self.val()) {
|
|
||||||
$('#user_sign_up_fields').slideUp();
|
|
||||||
$('#user_sign_in_fields').slideDown(function() {
|
|
||||||
$('#combo_form').data('state', 'user_sign_in');
|
|
||||||
$('#user_forgot_password_link').click(function() {
|
|
||||||
$('#user_sign_in_fields').slideUp();
|
|
||||||
$('#user_forgot_password_fields').slideDown(function() {
|
|
||||||
$('#user_remembered_password').click(function() {
|
|
||||||
$('#user_forgot_password_fields').slideUp();
|
|
||||||
$('#user_sign_in_fields').slideDown();
|
|
||||||
$('#combo_form').data('state', 'user_sign_in');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
$('#combo_form').data('state', 'user_forgot_password');
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$('#combo_form').live('submit', function() {
|
|
||||||
var submitButton = $("#combo_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
var errors = []
|
|
||||||
if(!/[\w\.%\+\]+@[\w\]+\.+[\w]{2,}/.test($('#user_email').val())) {
|
|
||||||
errors.push($('#user_email'));
|
|
||||||
$('#user_email_label').addClass('error', 500);
|
|
||||||
$('#user_email').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_email_label').removeClass('error');
|
|
||||||
$('#user_email').removeClass('error');
|
|
||||||
}
|
|
||||||
if(!$(this).data('state') || $(this).data('state') === 'user_sign_up') {
|
|
||||||
if($('#user_name').val() === '') {
|
|
||||||
errors.push($('#user_name'));
|
|
||||||
$('#user_name_label').addClass('error', 500);
|
|
||||||
$('#user_name').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_name_label').removeClass('error');
|
|
||||||
$('#user_name').removeClass('error');
|
|
||||||
}
|
|
||||||
if($('#user_password_confirmation').val().length < 6 || $('#user_password_confirmation').val().length > 20) {
|
|
||||||
errors.push($('#user_password_confirmation'));
|
|
||||||
$('#user_password_confirmation_label').addClass('error', 500);
|
|
||||||
$('#user_password_confirmation').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_password_confirmation_label').removeClass('error');
|
|
||||||
$('#user_password_confirmation').removeClass('error');
|
|
||||||
}
|
|
||||||
if(errors.length > 0) {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/users.json',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
|
|
||||||
'user': {
|
|
||||||
'email': $('#user_email').val(),
|
|
||||||
'name': $('#user_name').val(),
|
|
||||||
'organization': $('#user_organization').val(),
|
|
||||||
'voice_number': $('#user_voice_number').val(),
|
|
||||||
'sms_number': $('#user_sms_number').val(),
|
|
||||||
'password': $('#user_password_confirmation').val(),
|
|
||||||
'password_confirmation': $('#user_password_confirmation').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
if(data.errors) {
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
if(data.errors.email) {
|
|
||||||
errors.push($('#user_email'));
|
|
||||||
$('#user_email_label').addClass('error', 500);
|
|
||||||
$('#user_email').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.name) {
|
|
||||||
errors.push($('#user_name'));
|
|
||||||
$('#user_name_label').addClass('error', 500);
|
|
||||||
$('#user_name').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.organization) {
|
|
||||||
errors.push($('#user_organization'));
|
|
||||||
$('#user_organization_label').addClass('error', 500);
|
|
||||||
$('#user_organization').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.voice_number) {
|
|
||||||
errors.push($('#user_voice_number'));
|
|
||||||
$('#user_voice_number_label').addClass('error', 500);
|
|
||||||
$('#user_voice_number').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.sms_number) {
|
|
||||||
errors.push($('#user_sms_number'));
|
|
||||||
$('#user_sms_number_label').addClass('error', 500);
|
|
||||||
$('#user_sms_number').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.password) {
|
|
||||||
errors.push($('#user_password_confirmation'));
|
|
||||||
$('#user_password_confirmation_label').addClass('error', 500);
|
|
||||||
$('#user_password_confirmation').addClass('error', 500);
|
|
||||||
}
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} else if($(this).data('state') === 'user_sign_in') {
|
|
||||||
if($('#user_password').val().length < 6 || $('#user_password').val().length > 20) {
|
|
||||||
errors.push($('#user_password'));
|
|
||||||
$('#user_password_label').addClass('error', 500);
|
|
||||||
$('#user_password').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_password_label').removeClass('error');
|
|
||||||
$('#user_password').removeClass('error');
|
|
||||||
}
|
|
||||||
if(errors.length > 0) {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/users/sign_in.json',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
|
|
||||||
'user': {
|
|
||||||
'email': $('#user_email').val(),
|
|
||||||
'password': $('#user_password').val(),
|
|
||||||
'remember_me': $('#user_remember_me').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
if(data.errors) {
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
$('#user_password_label').addClass('error', 500);
|
|
||||||
$('#user_password').addClass('error', 500);
|
|
||||||
$('#user_password').focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} else if($(this).data('state') === 'user_forgot_password') {
|
|
||||||
if(errors.length > 0) {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/users/password.json',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#combo_form input[name="authenticity_token"]').val(),
|
|
||||||
'user': {
|
|
||||||
'email': $('#user_email').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function() {
|
|
||||||
if(data.errors) {
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
$('#user_email_label').addClass('error', 500);
|
|
||||||
$('#user_email').addClass('error', 500);
|
|
||||||
$('#user_email').focus();
|
|
||||||
} else {
|
|
||||||
$('#user_forgot_password_fields').slideUp();
|
|
||||||
$('#user_sign_in_fields').slideDown();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#adoption_form').live('submit', function() {
|
|
||||||
var submitButton = $("#adoption_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'id': $('#hydrant_id').val(),
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#adoption_form input[name="authenticity_token"]').val(),
|
|
||||||
'_method': 'put',
|
|
||||||
'hydrant': {
|
|
||||||
'user_id': $('#hydrant_user_id').val(),
|
|
||||||
'name': $('#hydrant_name').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
image = new google.maps.MarkerImage('/assets/markers/green.png',
|
|
||||||
new google.maps.Size(27.0, 37.0),
|
|
||||||
new google.maps.Point(0, 0),
|
|
||||||
new google.maps.Point(13.0, 18.0)
|
|
||||||
);
|
|
||||||
activeMarker.setIcon(image);
|
|
||||||
activeMarker.setAnimation(google.maps.Animation.BOUNCE);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#abandon_form').live('submit', function() {
|
|
||||||
var answer = window.confirm("Are you sure you want to abandon this hydrant?")
|
|
||||||
if(answer) {
|
|
||||||
var submitButton = $("#abandon_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'id': $('#hydrant_id').val(),
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#abandon_form input[name="authenticity_token"]').val(),
|
|
||||||
'_method': 'put',
|
|
||||||
'hydrant': {
|
|
||||||
'user_id': $('#hydrant_user_id').val(),
|
|
||||||
'name': $('#hydrant_name').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
image = new google.maps.MarkerImage('/assets/markers/red.png',
|
|
||||||
new google.maps.Size(27.0, 37.0),
|
|
||||||
new google.maps.Point(0, 0),
|
|
||||||
new google.maps.Point(13.0, 18.0)
|
|
||||||
);
|
|
||||||
activeMarker.setIcon(image);
|
|
||||||
activeMarker.setAnimation(null);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#steal_form').live('submit', function() {
|
|
||||||
var answer = window.confirm("Are you sure you want to steal this hydrant?")
|
|
||||||
if(answer) {
|
|
||||||
var submitButton = $("#steal_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'id': $('#hydrant_id').val(),
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#steal_form input[name="authenticity_token"]').val(),
|
|
||||||
'_method': 'put',
|
|
||||||
'hydrant': {
|
|
||||||
'user_id': $('#hydrant_user_id').val(),
|
|
||||||
'name': $('#hydrant_name').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
image = new google.maps.MarkerImage('/assets/markers/red.png',
|
|
||||||
new google.maps.Size(27.0, 37.0),
|
|
||||||
new google.maps.Point(0, 0),
|
|
||||||
new google.maps.Point(13.0, 18.0)
|
|
||||||
);
|
|
||||||
activeMarker.setIcon(image);
|
|
||||||
activeMarker.setAnimation(null);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#edit_profile_form').live('submit', function() {
|
|
||||||
var submitButton = $("#edit_profile_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/users/edit',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#edit_profile_form input[name="authenticity_token"]').val()
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#edit_form').live('submit', function() {
|
|
||||||
var submitButton = $("#edit_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
var errors = []
|
|
||||||
if(!/[\w\.%\+\]+@[\w\]+\.+[\w]{2,}/.test($('#user_email').val())) {
|
|
||||||
errors.push($('#user_email'));
|
|
||||||
$('#user_email_label').addClass('error', 500);
|
|
||||||
$('#user_email').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_email_label').removeClass('error');
|
|
||||||
$('#user_email').removeClass('error');
|
|
||||||
}
|
|
||||||
if($('#user_name').val() === '') {
|
|
||||||
errors.push($('#user_name'));
|
|
||||||
$('#user_name_label').addClass('error', 500);
|
|
||||||
$('#user_name').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_name_label').removeClass('error');
|
|
||||||
$('#user_name').removeClass('error');
|
|
||||||
}
|
|
||||||
if($('#user_password').val() && ($('#user_password').val().length < 6 || $('#user_password').val().length > 20)) {
|
|
||||||
errors.push($('#user_password'));
|
|
||||||
$('#user_password_label').addClass('error', 500);
|
|
||||||
$('#user_password').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_password_label').removeClass('error');
|
|
||||||
$('#user_password').removeClass('error');
|
|
||||||
}
|
|
||||||
if($('#user_current_password').val().length < 6 || $('#user_current_password').val().length > 20) {
|
|
||||||
errors.push($('#user_current_password'));
|
|
||||||
$('#user_current_password_label').addClass('error', 500);
|
|
||||||
$('#user_current_password').addClass('error', 500);
|
|
||||||
} else {
|
|
||||||
$('#user_current_password_label').removeClass('error');
|
|
||||||
$('#user_current_password').removeClass('error');
|
|
||||||
}
|
|
||||||
if(errors.length > 0) {
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
$.ajax({
|
|
||||||
type: 'POST',
|
|
||||||
url: '/users.json',
|
|
||||||
data: {
|
|
||||||
'id': $('#id').val(),
|
|
||||||
'hydrant_id': activeHydrantId,
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#edit_form input[name="authenticity_token"]').val(),
|
|
||||||
'_method': 'put',
|
|
||||||
'user': {
|
|
||||||
'email': $('#user_email').val(),
|
|
||||||
'name': $('#user_name').val(),
|
|
||||||
'organization': $('#user_organization').val(),
|
|
||||||
'voice_number': $('#user_voice_number').val(),
|
|
||||||
'sms_number': $('#user_sms_number').val(),
|
|
||||||
'password': $('#user_password').val(),
|
|
||||||
'password_confirmation': $('#user_password').val(),
|
|
||||||
'current_password': $('#user_current_password').val()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
if(data.errors) {
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
if(data.errors.email) {
|
|
||||||
errors.push($('#user_email'));
|
|
||||||
$('#user_email_label').addClass('error', 500);
|
|
||||||
$('#user_email').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.name) {
|
|
||||||
errors.push($('#user_name'));
|
|
||||||
$('#user_name_label').addClass('error', 500);
|
|
||||||
$('#user_name').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.organization) {
|
|
||||||
errors.push($('#user_organization'));
|
|
||||||
$('#user_organization_label').addClass('error', 500);
|
|
||||||
$('#user_organization').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.voice_number) {
|
|
||||||
errors.push($('#user_voice_number'));
|
|
||||||
$('#user_voice_number_label').addClass('error', 500);
|
|
||||||
$('#user_voice_number').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.sms_number) {
|
|
||||||
errors.push($('#user_sms_number'));
|
|
||||||
$('#user_sms_number_label').addClass('error', 500);
|
|
||||||
$('#user_sms_number').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.password) {
|
|
||||||
errors.push($('#user_password'));
|
|
||||||
$('#user_password_label').addClass('error', 500);
|
|
||||||
$('#user_password').addClass('error', 500);
|
|
||||||
}
|
|
||||||
if(data.errors.current_password) {
|
|
||||||
errors.push($('#user_current_password'));
|
|
||||||
$('#user_current_password_label').addClass('error', 500);
|
|
||||||
$('#user_current_password').addClass('error', 500);
|
|
||||||
}
|
|
||||||
errors[0].focus();
|
|
||||||
} else {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#sign_out_form').live('submit', function() {
|
|
||||||
var submitButton = $("#sign_out_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/users/sign_out.json',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#sign_out_form input[name="authenticity_token"]').val()
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#sign_in_form').live('submit', function() {
|
|
||||||
var submitButton = $("#sign_in_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/users/sign_in',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#sign_in_form input[name="authenticity_token"]').val(),
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
$('#back_form').live('submit', function() {
|
|
||||||
var submitButton = $("#back_form input[type='submit']");
|
|
||||||
$(submitButton).attr("disabled", true);
|
|
||||||
$.ajax({
|
|
||||||
type: 'GET',
|
|
||||||
url: '/hydrant',
|
|
||||||
data: {
|
|
||||||
'commit': submitButton.val(),
|
|
||||||
'utf8': '✓',
|
|
||||||
'authenticity_token': $('#back_form input[name="authenticity_token"]').val(),
|
|
||||||
'hydrant_id': activeHydrantId
|
|
||||||
},
|
|
||||||
beforeSend: function() {
|
|
||||||
$('#info_window').hide();
|
|
||||||
$('#loader').show();
|
|
||||||
},
|
|
||||||
error: function(data) {
|
|
||||||
console.log(data);
|
|
||||||
$('#loader').hide();
|
|
||||||
$('#info_window').show();
|
|
||||||
$(submitButton).attr("disabled", false);
|
|
||||||
},
|
|
||||||
success: function(data) {
|
|
||||||
activeInfoWindow.setContent(data);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return false;
|
|
||||||
});
|
|
||||||
});
|
|
|
@ -1,83 +0,0 @@
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-family: Helvetica, Arial, sans-serif;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#map_canvas {
|
|
||||||
float: left;
|
|
||||||
height: 100%;
|
|
||||||
width: 75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar {
|
|
||||||
float: left;
|
|
||||||
height: 100%;
|
|
||||||
width: 25%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
width: 90%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar #tagline {
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px;
|
|
||||||
background: #c33;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar #logos {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar #logos img {
|
|
||||||
padding: 10px 5px 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar img#hydrant-in-snow {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
label, input {
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, select, option, button, input[type="submit"] {
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
font-size: 1.0em;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"], input[type="checkbox"] {
|
|
||||||
display: inline;
|
|
||||||
width: auto;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
button, input[type="submit"] {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
label.error {
|
|
||||||
color: #c33;
|
|
||||||
}
|
|
||||||
|
|
||||||
input.error {
|
|
||||||
background-color: #ffc;
|
|
||||||
}
|
|