]> git.openstreetmap.org Git - rails.git/blob - app/views/user/account.rhtml
Removing list of nearby users from account page (now duplicated publicly on user...
[rails.git] / app / views / user / account.rhtml
1 <h2>User details</h2>
2 <%= error_messages_for 'user' %>
3 <% form_tag :controller => 'user', :action => 'account', :display_name => @user.display_name do %>
4 <table style="width : 100%">
5   <tr><td>Email</td><td><%= @user.email %></td></tr>
6   <tr><td>Mapper since</td><td><%= @user.creation_time %> (<%= time_ago_in_words(@user.creation_time) %> ago)</td></tr>
7   <tr><td>Display Name</td><td><%= text_field :user, :display_name, :value => @user.display_name %></td></tr>
8   <tr><td>Password</td><td><%= password_field('user', 'pass_crypt',{:value => '', :size => 50, :maxlength => 255}) %></td></tr>
9   <tr><td>Confirm Password</td><td><%= password_field('user', 'pass_crypt_confirmation',{:value => '', :size => 50, :maxlength => 255}) %></td></tr>
10
11   <tr><td valign="top">Description</td><td><%= text_area :user, :description, :value => @user.description, :class => "editDescription" %></td></tr>
12
13   <tr id="homerow" <% unless @user.home_lat and @user.home_lon %> class="nohome" <%end%> ><td>Your home</td><td><em class="message">You have not entered your home location.</em><span class="location">Latitude: <%= text_field :user, :home_lat, :value => @user.home_lat, :size => 20, :id => "home_lat" %> Longitude <%= text_field :user, :home_lon, :value => @user.home_lon, :size => 20, :id => "home_lon" %></span>  </td></tr>
14
15   <tr><td></td><td>
16   <p>Update home location when I click on the map? <input type="checkbox" value="1" <% unless @user.home_lat and @user.home_lon %> checked="checked" <% end %> id="updatehome" /> </p>
17   <div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 300px;">
18     <% # This now just used to detect the width/height required for the popup. %>
19     <p id="highlightinfo"></p>
20   </div>
21   </td></tr>
22 </table>
23 <%= submit_tag 'Save Changes' %>
24 <% end %>
25
26 <% nearest_str = "" %>
27 <% if @user.home_lat and @user.home_lon %>
28   <% if !@user.nearby.empty? %>
29     <% @user.nearby.each do |nearby| %>
30     <% nearest_str += "nearest.push( { 'display_name' : '#{nearby.display_name}', 'home_lat' : #{nearby.home_lat}, 'home_lon' : #{nearby.home_lon} } );\n" %>
31     <% end %>
32   <% end %>
33 <% end %>
34 <script type="text/javascript">
35     var nearest = [], friends = [];
36     <%= nearest_str %>
37 </script>
38
39 <% if @user.home_lat and @user.home_lon %>
40     <% marker = true %>
41     <% mlon = @user.home_lon %> 
42     <% mlat = @user.home_lat %>
43     <% lon =  @user.home_lon %>
44     <% lat =  @user.home_lat  %>
45     <% zoom =  '12' %>
46 <script type="text/javascript">
47   var mlat = <%= mlat %>;
48   var mlon = <%= mlon %>;
49 </script>
50 <% else %>
51     <% lon =  params['lon'] || '-0.1' %>
52     <% lat =  params['lat'] || '51.5' %>
53     <% zoom =  params['zoom'] || '4' %> 
54 <% end %>
55
56
57
58 <script type="text/javascript">
59   var lat = <%= lat %>;
60   var lon = <%= lon %>;
61   var zoom = <%= zoom %>;
62   var PI = 3.14159265358979323846;
63
64
65
66   <% if params['scale'] and params['scale'].length > 0 then %>
67   zoom = Math.log(360.0/(( <% print params['scale'].to_f() %> ) * 512.0)) / Math.log(2.0);
68   <% end %>
69   zoom = zoom;
70   lon = lon * 20037508.34 / 180;
71   lat = Math.log(Math.tan( (90 + lat) * PI / 360)) / (PI / 180);
72   lat = lat * 20037508.34 / 180;
73   <% if marker %>
74   mlon = mlon * 20037508.34 / 180;
75   mlat = Math.log(Math.tan( (90 + mlat) * PI / 360)) / (PI / 180);
76   mlat = mlat * 20037508.34 / 180;
77   <%end%>
78
79 </script>
80 <script type="text/javascript" src="/openlayers/OpenLayers.js"></script>
81
82 <script type="text/javascript">
83   <!--
84   var map, layer, markers, marker, popup;
85
86   function mercator2lonlat( merc ) {
87     var lon_deg = (merc.lon / 20037508.34) * 180;
88     var lat_deg = (merc.lat / 20037508.34) * 180;
89     var PI = 3.14159265358979323846;
90     lat_deg = 180/PI * (2 * Math.atan(Math.exp(lat_deg * PI / 180)) - PI / 2);
91     return new OpenLayers.LonLat(lon_deg,lat_deg);
92   }
93
94   function lonlat2mercator( ll ) {
95       var lon = ll.lon * 20037508.34 / 180;
96       var lat = Math.log(Math.tan( (90 + ll.lat) * PI / 360)) / (PI / 180);
97       lat = lat * 20037508.34 / 180;
98       return new OpenLayers.LonLat(lon,lat);
99   }
100
101   function init(){
102
103     OpenLayers.Util.onImageLoadError = function() {
104       this.src = OpenLayers.Util.getImagesLocation() + "404.png";
105     }
106     map = new OpenLayers.Map( "map", 
107         {maxExtent: new OpenLayers.Bounds(-20037508.34,-20037508.34,20037508.34,20037508.34), maxZoomLevel:18, maxResolution:156543, units:'m', projection: "EPSG:41001"} );
108     layer = new OpenLayers.Layer.TMS( "Mapnik", "http://tile.openstreetmap.org/", {type:'png', getURL:getTileURL} );
109     map.addLayer(layer);
110     layer = new OpenLayers.Layer.TMS( "Osmarender", "http://dev.openstreetmap.org/~ojw/Tiles/tile.php/", {type:'png', getURL:getTileURL} );
111     map.addLayer(layer);
112
113     //Marker stuff
114
115     markers = new OpenLayers.Layer.Markers("markers");
116     map.addLayer(markers); 
117
118     <% if marker %>
119     marker = new OpenLayers.Marker(new OpenLayers.LonLat(mlon,mlat));
120     marker.events.register("click", "marker", markerOnClick );
121     markers.addMarker(marker);
122     <%end%>
123
124     var near_icon = OpenLayers.Marker.defaultIcon();
125     near_icon.url = OpenLayers.Util.getImagesLocation() + "marker-green.png";;
126     var i = nearest.length;
127     while( i-- ) {
128         var nearmarker = new OpenLayers.Marker( lonlat2mercator( new OpenLayers.LonLat( nearest[i].home_lon, nearest[i].home_lat ) ), near_icon.clone() );
129         markers.addMarker( nearmarker );
130         nearmarker.events.register("click", "nearmarker", makeMarkerFunction( i ) );
131     }
132
133     map.addControl(new OpenLayers.Control.LayerSwitcher());
134     map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);
135
136     map.events.register("click", map, setHome);
137   }        
138
139   function getTileURL( bounds ) {
140     var res = this.map.getResolution();
141     var x = Math.round ((bounds.left - this.maxExtent.left) / (res * this.tileSize.w));
142     var y = Math.round ((this.maxExtent.top - bounds.top) / (res * this.tileSize.h));
143     var z = this.map.getZoom();
144     return this.url + z + "/" + x + "/" + y + "." + this.type; 
145   }
146
147   function makeMarkerFunction( i ) {
148     return function() { markerOnClick( i ); };
149   }
150
151   function markerOnClick( i ) {
152     var html, position;
153     if( typeof( i ) == 'number'  ) {
154         html = '<p>Nearby mapper: <a href="/user/'+nearest[i].display_name+'">'+nearest[i].display_name+'</a></p>';
155         html += '<p style="text-align:right">(<a href="#" onclick="return closePopup();">close</a>)</p>';
156         position = lonlat2mercator( new OpenLayers.LonLat( nearest[i].home_lon, nearest[i].home_lat ) );
157     } else {
158         html = '<p>Your location (<a href="#" onclick="return closePopup()">close</a>)</p>';
159         position = new OpenLayers.LonLat(mlon,mlat);
160     }
161     var box = document.getElementById( 'highlightinfo' );
162     box.innerHTML = html;
163     closePopup();
164     popup = new OpenLayers.Popup.AnchoredBubble( 'popup', position, new OpenLayers.Size( box.offsetWidth, box.offsetHeight ), html, OpenLayers.Marker.defaultIcon(), true );
165     map.addPopup( popup );
166   }
167   
168     function closePopup() {
169         if( popup ) {
170             map.removePopup( popup );
171             delete popup;
172         }
173         return false;
174     }
175
176     function setHome( e ) { 
177         closePopup();
178         if( ! document.getElementById( 'updatehome' ).checked )
179             return;
180         var lonlat = map.getLonLatFromViewPortPx(e.xy)
181
182         var lon_deg = (lonlat.lon / 20037508.34) * 180;
183         var lat_deg = (lonlat.lat / 20037508.34) * 180;
184         var PI = 3.14159265358979323846;
185         lat_deg = 180/PI * (2 * Math.atan(Math.exp(lat_deg * PI / 180)) - PI / 2);
186         var homerow = document.getElementById( 'homerow' );
187         var home_lat = document.getElementById( 'home_lat' );
188         var home_lon = document.getElementById( 'home_lon' );
189         homerow.className = '';
190         home_lat.value = lat_deg;
191         home_lon.value = lon_deg;
192         if( marker ) {
193             markers.removeMarker(marker);
194         }
195         marker = new OpenLayers.Marker(lonlat);
196         markers.addMarker(marker);
197     }
198 window.onload = init;
199 // -->
200 </script>
201
202 <h2>Privacy</h2>
203 <% if @user.data_public? %>
204   All your edits are public.
205 <% else %>
206   Currently your edits are anonymous and people can't find out where you are located. To show what you edited and allow people to contact you through the website, click the button below. This action cannot be reversed.
207   <br /><br />
208   <% form_tag :controller => 'user', :action => 'go_public' do %>
209   <%= submit_tag 'Make all my edits public, forever' %>
210   <% end %>
211 <% end %>