app/views/diary_entry/new.rhtml

   1 <%= error_messages_for 'diary_entry' %>
   2
   3 <% form_for :diary_entry do |f| %>
   4   <table>
   5     <tr valign="top">
   6       <th>Subject</th>
   7       <td><%= f.text_field :title, :size => 60 %></td>
   8     </tr>
   9     <tr valign="top">
  10       <th>Body</th>
  11       <td><%= f.text_area :body, :cols => 80 %></td>
  12     </tr>
  13     <tr valign="top">
  14       <th>Location</th>
  15       <td>
  16         <div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 400px; display: none;"></div>
  17         <span class="location">Latitude: <%= f.text_field :latitude, :size => 20, :id => "latitude" %> Longitude: <%= f.text_field :longitude, :size => 20, :id => "longitude" %></span>
  18         <a href="javascript:openMap()" id="usemap">use map</a>
  19       </td>
  20     </tr>
  21     <tr>
  22       <th></th>
  23       <td><%= submit_tag 'Save' %></td>
  24     </tr>
  25   </table>
  26 <% end %>
  27
  28 <% if @user.home_lat.nil? or @user.home_lon.nil? %>
  29   <% lon = h(params['lon'] || '-0.1') %>
  30   <% lat = h(params['lat'] || '51.5') %>
  31   <% zoom = h(params['zoom'] || '4') %>
  32 <% else %>
  33   <% lon = @user.home_lon %>
  34   <% lat = @user.home_lat %>
  35   <% zoom = '12' %>
  36 <% end %>
  37
  38 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
  39 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
  40 <%= javascript_include_tag 'map.js' %>
  41
  42 <script type="text/javascript">
  43   <!--
  44   var marker;
  45
  46   function init() {
  47     var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
  48     var zoom = <%= zoom %>;
  49
  50     var map = createMap("map");
  51
  52     setMapCenter(centre, zoom);
  53
  54     map.events.register("click", map, setLocation);
  55   }
  56
  57   function setLocation( e ) {
  58     closeMapPopup();
  59
  60     var lonlat = getEventPosition(e);
  61
  62     document.getElementById('latitude').value = lonlat.lat;
  63     document.getElementById('longitude').value = lonlat.lon;
  64
  65     if (marker) {
  66       removeMarkerFromMap(marker);
  67     }
  68
  69     marker = addMarkerToMap(lonlat, null, "Diary entry location");
  70   }
  71
  72   function openMap() {
  73     $("map").style.display = "block";
  74     $("usemap").style.display = "none";
  75   }
  76
  77   window.onload = init;
  78 // -->
  79 </script>