app/views/diary_entry/edit.html.erb

   1 <h1><%= @title %></h1>
   2
   3 <%= error_messages_for 'diary_entry' %>
   4
   5 <% form_for :diary_entry do |f| %>
   6   <table>
   7     <tr valign="top">
   8       <td class="fieldName"><%= t 'diary_entry.edit.subject' -%></td>
   9       <td><%= f.text_field :title, :size => 60 %></td>
  10     </tr>
  11     <tr valign="top">
  12       <td class="fieldName"><%= t 'diary_entry.edit.body' -%></td>
  13       <td><%= f.text_area :body, :cols => 80 %></td>
  14     </tr>
  15     <tr valign="top">
  16       <td class="fieldName"><%= t 'diary_entry.edit.language' -%></td>
  17       <td><%= f.collection_select :language_code, Language.find(:all, :order => :english_name), :code, :name %></td>
  18     </tr>
  19     <tr valign="top">
  20       <td class="fieldName"><%= t 'diary_entry.edit.location' -%></td>
  21       <td>
  22         <div id="map" style="border: 1px solid black; position: relative; width : 90%; height : 400px; display: none;"></div>
  23         <span class="location"><%= t 'diary_entry.edit.latitude' -%> <%= f.text_field :latitude, :size => 20, :id => "latitude" %> <%= t 'diary_entry.edit.longitude' -%> <%= f.text_field :longitude, :size => 20, :id => "longitude" %></span>
  24         <a href="javascript:openMap()" id="usemap"><%= t 'diary_entry.edit.use_map_link' -%></a>
  25         <br/><br/>
  26       </td>
  27     </tr>
  28     <tr>
  29       <td></td>
  30       <td>
  31           <%= submit_tag t('diary_entry.edit.save_button') %>
  32           <%# TODO: button should say 'publish' or 'save changes' depending on new/edit state %>
  33       </td>
  34     </tr>
  35   </table>
  36 <% end %>
  37
  38 <% if @user.home_lat.nil? or @user.home_lon.nil? %>
  39   <% lon = h(params['lon'] || '-0.1') %>
  40   <% lat = h(params['lat'] || '51.5') %>
  41   <% zoom = h(params['zoom'] || '4') %>
  42 <% else %>
  43   <% lon = @user.home_lon %>
  44   <% lat = @user.home_lat %>
  45   <% zoom = '12' %>
  46 <% end %>
  47
  48 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
  49 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
  50 <%= javascript_include_tag 'map.js' %>
  51
  52 <script type="text/javascript">
  53   <!--
  54   var marker;
  55
  56   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
  57
  58   function init() {
  59     var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
  60     var zoom = <%= zoom %>;
  61
  62     var map = createMap("map");
  63
  64     setMapCenter(centre, zoom);
  65
  66     map.events.register("click", map, setLocation);
  67   }
  68
  69   function setLocation( e ) {
  70     closeMapPopup();
  71
  72     var lonlat = getEventPosition(e);
  73
  74     document.getElementById('latitude').value = lonlat.lat;
  75     document.getElementById('longitude').value = lonlat.lon;
  76
  77     if (marker) {
  78       removeMarkerFromMap(marker);
  79     }
  80
  81     marker = addMarkerToMap(lonlat, null, "<%= t 'diary_entry.edit.marker_text' -%>");
  82   }
  83
  84   function openMap() {
  85     $("map").style.display = "block";
  86     $("usemap").style.display = "none";
  87   }
  88
  89   window.onload = init;
  90 // -->
  91 </script>