X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/169aac77d87744b72f43dd6bf8c806fd9aba0b48..8dbaf76e7cbdaa3aa0c6a9ac8d1fb886c1fe9fcd:/app/views/diary_entry/new.rhtml?ds=sidebyside

diff --git a/app/views/diary_entry/new.rhtml b/app/views/diary_entry/new.rhtml
index c0ddaef23..0a5203a66 100644
--- a/app/views/diary_entry/new.rhtml
+++ b/app/views/diary_entry/new.rhtml
@@ -1,6 +1,6 @@
 <%= error_messages_for 'diary_entry' %>
 
-<% form_for :controller => 'diary_entry', :action => 'new' do |f| %>
+<% form_for :diary_entry do |f| %>
   <table>
     <tr valign="top">
       <th>Subject</th>
@@ -10,9 +10,70 @@
       <th>Body</th>
       <td><%= f.text_area :body, :cols => 80 %></td>
     </tr>
+    <tr valign="top">
+      <th>Location</th>
+      <td>
+        <div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 400px; display: none;"></div>
+        <span class="location">Latitude: <%= f.text_field :latitude, :size => 20, :id => "latitude" %> Longitude: <%= f.text_field :longitude, :size => 20, :id => "longitude" %></span>
+        <a href="javascript:openMap()" id="usemap">use map</a>
+      </td>
+    </tr>
     <tr>
       <th></th>
       <td><%= submit_tag 'Save' %></td>
     </tr>
   </table>
 <% end %>
+
+<% if @user.home_lat.nil? or @user.home_lon.nil? %>
+  <% lon = h(params['lon'] || '-0.1') %>
+  <% lat = h(params['lat'] || '51.5') %>
+  <% zoom = h(params['zoom'] || '4') %> 
+<% else %>
+  <% lon = @user.home_lon %>
+  <% lat = @user.home_lat %>
+  <% zoom = '12' %>
+<% end %>
+
+<%= javascript_include_tag '/openlayers/OpenLayers.js' %>
+<%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
+<%= javascript_include_tag 'map.js' %>
+
+<script type="text/javascript">
+  <!--
+  var marker;
+
+  function init() {
+    var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
+    var zoom = <%= zoom %>;
+
+    var map = createMap("map");
+
+    setMapCenter(centre, zoom);
+
+    map.events.register("click", map, setLocation);
+  }        
+
+  function setLocation( e ) { 
+    closeMapPopup();
+
+    var lonlat = getEventPosition(e);
+
+    document.getElementById('latitude').value = lonlat.lat;
+    document.getElementById('longitude').value = lonlat.lon;
+
+    if (marker) {
+      removeMarkerFromMap(marker);
+    }
+
+    marker = addMarkerToMap(lonlat, null, "Diary entry location");
+  }
+
+  function openMap() {
+    $("map").style.display = "block";
+    $("usemap").style.display = "none";
+  }
+
+  window.onload = init;
+// -->
+</script>