choteaumt
/
adopt-a-hydrant
mirror of https://github.com/choteaumt/adopt-a-hydrant.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
adopt-a-hydrant/app/views/layouts/application.html.erb

241 lines
10 KiB
Plaintext
Raw Normal View History

first commit
2011-02-14 18:28:51 +00:00
<!DOCTYPE html>
<html>
Add welcome page with Google Map
2011-02-14 18:49:00 +00:00
<head>
Reformat welcome page
2011-02-23 22:24:08 +00:00
<title>Adopt a Hydrant</title>
Add welcome page with Google Map
2011-02-14 18:49:00 +00:00
<%= stylesheet_link_tag "main" %>
<%= javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false" %>
Add validation
2011-03-05 01:43:25 +00:00
<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" %>
Added validation
2011-03-05 04:22:03 +00:00
<%= javascript_include_tag "https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js" %>
Hosted snowstorm
2011-03-04 23:21:08 +00:00
<%= javascript_include_tag "https://github.com/scottschiller/Snowstorm/raw/master/snowstorm-min.js" %>
Zoom after search
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 = {
New markers with shadows
2011-03-01 08:20:55 +00:00
mapTypeControl: false,
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_CENTER
},
Zoom after search
2011-02-25 21:34:01 +00:00
zoom: <%= @zoom %>,
New markers with shadows
2011-03-01 08:20:55 +00:00
zoomControl: false,
Zoom after search
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);
Optimize
2011-03-01 05:11:07 +00:00
var openInfoWindow;
Added validation
2011-03-05 04:22:03 +00:00
var formString = '<%= render(:partial => "combo_form").gsub("\n", "") %>'
New markers with shadows
2011-03-01 08:20:55 +00:00
function addMarker(point, color, contentString) {
var image = new google.maps.MarkerImage(color,
Update markers
2011-03-03 18:26:41 +00:00
new google.maps.Size(27.0, 37.0),
New markers with shadows
2011-03-01 08:20:55 +00:00
new google.maps.Point(0, 0),
Update markers
2011-03-03 18:26:41 +00:00
new google.maps.Point(13.0, 18.0)
New markers with shadows
2011-03-01 08:20:55 +00:00
);
var shadow = new google.maps.MarkerImage('/images/markers/shadow.png',
Update markers
2011-03-03 18:26:41 +00:00
new google.maps.Size(46.0, 37.0),
New markers with shadows
2011-03-01 08:20:55 +00:00
new google.maps.Point(0, 0),
Update markers
2011-03-03 18:26:41 +00:00
new google.maps.Point(13.0, 18.0)
New markers with shadows
2011-03-01 08:20:55 +00:00
);
var marker = new google.maps.Marker({
position: point,
map: map,
icon: image,
shadow: shadow
});
var infoWindow = new google.maps.InfoWindow({
Wire up sign-up form
2011-03-06 18:28:00 +00:00
content: contentString
New markers with shadows
2011-03-01 08:20:55 +00:00
});
google.maps.event.addListener(marker, 'click', function() {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
if(openInfoWindow != undefined) {
New markers with shadows
2011-03-01 08:20:55 +00:00
openInfoWindow.close();
}
infoWindow.open(map, marker);
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$('.combo_form').data('state', 'user_new');
Added validation
2011-03-05 04:22:03 +00:00
$('.combo_form').submit(function() {
Refactor error handling
2011-03-05 16:38:44 +00:00
var errors = []
Fix bug in regex
2011-03-07 07:56:55 +00:00
if(!/[\w\.%\+\-]+@[\w\-]+\.+[\w]{2,}/.test($('#user_email').val())) {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
errors.push($('#user_email'));
$('#user_email_label').addClass('error', 500);
$('#user_email').addClass('error', 500);
Refactor error handling
2011-03-05 16:38:44 +00:00
} else {
AJAX error handling
2011-03-07 02:40:29 +00:00
$('#user_email_label').removeClass('error');
$('#user_email').removeClass('error');
Refactor error handling
2011-03-05 16:38:44 +00:00
}
Wire up sign-up form
2011-03-06 18:28:00 +00:00
if($(this).data('state') === 'user_new') {
if($('#user_name').val() === '') {
errors.push($('#user_name'));
$('#user_name_label').addClass('error', 500);
$('#user_name').addClass('error', 500);
Added validation
2011-03-05 04:22:03 +00:00
} else {
AJAX error handling
2011-03-07 02:40:29 +00:00
$('#user_name_label').removeClass('error');
$('#user_name').removeClass('error');
Added validation
2011-03-05 04:22:03 +00:00
}
Wire up sign-up form
2011-03-06 18:28:00 +00:00
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);
Refactor error handling
2011-03-05 16:38:44 +00:00
} else {
AJAX error handling
2011-03-07 02:40:29 +00:00
$('#user_password_confirmation_label').removeClass('error');
$('#user_password_confirmation').removeClass('error');
Refactor error handling
2011-03-05 16:38:44 +00:00
}
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
if(errors.length > 0) {
errors[0].focus();
} else {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$.post('<%= user_registration_path :format => "json" %>', {
'remote' : true,
'commit' : $('#user_new_submit').val(),
'utf8' : '✓',
'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()
}
}, function(data) {
AJAX error handling
2011-03-07 02:40:29 +00:00
if(data.errors) {
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 {
}
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
});
}
Wire up sign-up form
2011-03-06 18:28:00 +00:00
} else if($(this).data('state') === 'user_existing') {
AJAX error handling
2011-03-07 02:40:29 +00:00
if($('#user_password').val().length < 6 || $('#user_password').val().length > 20) {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
errors.push($('#user_password'));
$('#user_password_label').addClass('error', 500);
$('#user_password').addClass('error', 500);
Added validation
2011-03-05 04:22:03 +00:00
} else {
AJAX error handling
2011-03-07 02:40:29 +00:00
$('#user_password_label').removeClass('error');
$('#user_password').removeClass('error');
Added validation
2011-03-05 04:22:03 +00:00
}
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
if(errors.length > 0) {
errors[0].focus();
} else {
Wire up sign in action
2011-03-07 01:46:06 +00:00
$.post('<%= user_session_path :format => "json" %>', {
'remote' : true,
'commit' : $('#user_existing_submit').val(),
'utf8' : '✓',
'user' : {
'email' : $('#user_email').val(),
'password' : $('#user_password').val()
}
}, function(data) {
AJAX error handling
2011-03-07 02:40:29 +00:00
if(data.errors) {
$('#user_password').focus();
$('#user_password_label').addClass('error', 500);
$('#user_password').addClass('error', 500);
} else {
}
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
});
}
Wire up sign-up form
2011-03-06 18:28:00 +00:00
} else if($(this).data('state') === 'user_forgot_password') {
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
if(errors.length > 0) {
errors[0].focus();
} else {
Wire up forgot password action
2011-03-07 02:32:11 +00:00
$.post('<%= user_password_path :format => "json" %>', {
'remote' : true,
'commit' : $('#user_forgot_password_submit').val(),
'utf8' : '✓',
'user' : {
'email' : $('#user_email').val()
}
}, function(data) {
AJAX error handling
2011-03-07 02:40:29 +00:00
if(data.errors) {
$('#user_email').focus();
$('#user_email_label').addClass('error', 500);
$('#user_email').addClass('error', 500);
} else {
}
Stubs for AJAX posts
2011-03-05 17:22:42 +00:00
});
}
Added validation
2011-03-05 04:22:03 +00:00
}
return false;
});
New markers with shadows
2011-03-01 08:20:55 +00:00
openInfoWindow = infoWindow;
});
}
Optimize
2011-03-01 05:11:07 +00:00
<% @hydrants.each do |hydrant| %>
New markers with shadows
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'" %>;
Optimize
2011-03-01 05:11:07 +00:00
<% if user = hydrant.user %>
New markers with shadows
2011-03-01 08:20:55 +00:00
contentString = '<%= render(:partial => "user_profile", :locals => {:user => user}).gsub("\n", "") %>'
Optimize
2011-03-01 05:11:07 +00:00
<% else %>
New markers with shadows
2011-03-01 08:20:55 +00:00
contentString = formString;
Create hybrid signup/signin form
2011-03-01 04:13:31 +00:00
<% end %>
New markers with shadows
2011-03-01 08:20:55 +00:00
addMarker(point, color, contentString);
Display hydrants on the map
2011-02-25 21:49:45 +00:00
<% end %>
Add validation
2011-03-05 01:43:25 +00:00
$('#location_form').submit(function() {
Added validation
2011-03-05 04:22:03 +00:00
if($('#address').val() === '') {
$('#address').focus();
Add validation
2011-03-05 01:43:25 +00:00
$('#address_label').addClass('error', 500);
$('#address').addClass('error', 500);
return false;
}
});
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$('.combo_form input[type="radio"]').live('click', function() {
Create hybrid signup/signin form
2011-03-01 04:13:31 +00:00
var self = $(this);
if('new' == self.val()) {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$('#user_forgot_password_fields').slideUp();
$('#user_existing_fields').slideUp();
$('#user_new_fields').slideDown();
$('.combo_form').data('state', 'user_new');
Create hybrid signup/signin form
2011-03-01 04:13:31 +00:00
} else if('existing' == self.val()) {
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$('#user_new_fields').slideUp();
$('#user_existing_fields').slideDown(function() {
$('.combo_form').data('state', 'user_existing');
$('#user_forgot_password_link').click(function() {
$('#user_existing_fields').slideUp();
$('#user_forgot_password_fields').slideDown(function() {
$('#user_remembered_password').click(function() {
$('#user_forgot_password_fields').slideUp();
$('#user_existing_fields').slideDown();
$('.combo_form').data('state', 'user_existing');
Create hybrid signup/signin form
2011-03-01 04:13:31 +00:00
});
});
Wire up sign-up form
2011-03-06 18:28:00 +00:00
$('.combo_form').data('state', 'user_forgot_password');
Create hybrid signup/signin form
2011-03-01 04:13:31 +00:00
});
});
}
});
Zoom after search
2011-02-25 21:34:01 +00:00
})
</script>
Add welcome page with Google Map
2011-02-14 18:49:00 +00:00
<%= csrf_meta_tag %>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
</head>
adding geojson google maps library
2011-02-14 20:27:18 +00:00
<body>
Add welcome page with Google Map
2011-02-14 18:49:00 +00:00
<%= yield -%>
</body>
first commit
2011-02-14 18:28:51 +00:00
</html>