2011-02-14 18:28:51 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2011-02-14 18:49:00 +00:00
|
|
|
<head>
|
2011-02-23 22:24:08 +00:00
|
|
|
<title>Adopt a Hydrant</title>
|
2011-02-14 18:49:00 +00:00
|
|
|
<%= stylesheet_link_tag "main" %>
|
2011-02-14 20:27:18 +00:00
|
|
|
<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" %>
|
2011-02-14 18:49:00 +00:00
|
|
|
<%= javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false" %>
|
2011-02-25 20:34:39 +00:00
|
|
|
<%= javascript_include_tag "snowstorm" %>
|
2011-02-25 21:34:01 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
var map;
|
|
|
|
|
var latlng = new google.maps.LatLng(<%= @lat %>, <%= @lng %>);
|
|
|
|
|
var myOptions = {
|
2011-03-01 08:20:55 +00:00
|
|
|
mapTypeControl: false,
|
|
|
|
|
scaleControl: true,
|
|
|
|
|
scaleControlOptions: {
|
|
|
|
|
position: google.maps.ControlPosition.BOTTOM_CENTER
|
|
|
|
|
},
|
2011-02-25 21:34:01 +00:00
|
|
|
zoom: <%= @zoom %>,
|
2011-03-01 08:20:55 +00:00
|
|
|
zoomControl: false,
|
2011-02-25 21:34:01 +00:00
|
|
|
center: latlng,
|
|
|
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
|
|
|
};
|
|
|
|
|
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
|
2011-03-01 05:11:07 +00:00
|
|
|
var openInfoWindow;
|
2011-03-01 06:42:16 +00:00
|
|
|
var formString = '<%= render(:partial => "adoption_form").gsub("\n", "") %>'
|
2011-03-01 08:20:55 +00:00
|
|
|
function addMarker(point, color, contentString) {
|
|
|
|
|
var image = new google.maps.MarkerImage(color,
|
|
|
|
|
new google.maps.Size(25.0, 44.0),
|
|
|
|
|
new google.maps.Point(0, 0),
|
|
|
|
|
new google.maps.Point(12.0, 22.0)
|
|
|
|
|
);
|
|
|
|
|
var shadow = new google.maps.MarkerImage('/images/markers/shadow.png',
|
|
|
|
|
new google.maps.Size(48.0, 44.0),
|
|
|
|
|
new google.maps.Point(0, 0),
|
|
|
|
|
new google.maps.Point(12.0, 22.0)
|
|
|
|
|
);
|
|
|
|
|
var marker = new google.maps.Marker({
|
|
|
|
|
position: point,
|
|
|
|
|
map: map,
|
|
|
|
|
icon: image,
|
|
|
|
|
shadow: shadow
|
|
|
|
|
});
|
|
|
|
|
var infoWindow = new google.maps.InfoWindow({
|
|
|
|
|
content: contentString
|
|
|
|
|
});
|
|
|
|
|
google.maps.event.addListener(marker, 'click', function() {
|
|
|
|
|
if(openInfoWindow) {
|
|
|
|
|
openInfoWindow.close();
|
|
|
|
|
}
|
|
|
|
|
infoWindow.open(map, marker);
|
|
|
|
|
openInfoWindow = infoWindow;
|
|
|
|
|
});
|
|
|
|
|
}
|
2011-03-01 05:11:07 +00:00
|
|
|
<% @hydrants.each do |hydrant| %>
|
2011-03-01 08:20:55 +00:00
|
|
|
point = new google.maps.LatLng(<%= hydrant.lat %>, <%= hydrant.lng %>);
|
|
|
|
|
color = <%= hydrant.user_id ? "'/images/markers/green.png'" : "'/images/markers/red.png'" %>;
|
2011-03-01 05:11:07 +00:00
|
|
|
<% if user = hydrant.user %>
|
2011-03-01 08:20:55 +00:00
|
|
|
contentString = '<%= render(:partial => "user_profile", :locals => {:user => user}).gsub("\n", "") %>'
|
2011-03-01 05:11:07 +00:00
|
|
|
<% else %>
|
2011-03-01 08:20:55 +00:00
|
|
|
contentString = formString;
|
2011-03-01 04:13:31 +00:00
|
|
|
<% end %>
|
2011-03-01 08:20:55 +00:00
|
|
|
addMarker(point, color, contentString);
|
2011-02-25 21:49:45 +00:00
|
|
|
<% end %>
|
2011-03-01 04:13:31 +00:00
|
|
|
$('.box input[type="radio"]').live('click', function() {
|
|
|
|
|
var self = $(this);
|
|
|
|
|
if('new' == self.val()) {
|
|
|
|
|
$('.forgot_password_fields').slideUp();
|
|
|
|
|
$('.account_existing_fields').slideUp();
|
|
|
|
|
$('.account_new_fields').slideDown();
|
|
|
|
|
} else if('existing' == self.val()) {
|
|
|
|
|
$('.account_new_fields').slideUp();
|
|
|
|
|
$('.account_existing_fields').slideDown(function() {
|
|
|
|
|
$('.forgot_password').click(function() {
|
|
|
|
|
$('.account_existing_fields').slideUp();
|
|
|
|
|
$('.forgot_password_fields').slideDown(function() {
|
|
|
|
|
$('.remembered_password').click(function() {
|
|
|
|
|
$('.forgot_password_fields').slideUp();
|
|
|
|
|
$('.account_existing_fields').slideDown();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
2011-02-25 21:34:01 +00:00
|
|
|
})
|
|
|
|
|
</script>
|
2011-02-14 18:49:00 +00:00
|
|
|
<%= csrf_meta_tag %>
|
|
|
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
|
|
|
|
</head>
|
2011-02-14 20:27:18 +00:00
|
|
|
<body>
|
2011-02-14 18:49:00 +00:00
|
|
|
<%= yield -%>
|
|
|
|
|
</body>
|
2011-02-14 18:28:51 +00:00
|
|
|
</html>
|
