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 class="diary_entry">
   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><%= richtext_area :diary_entry, :body, :cols => 80, :format => @diary_entry.body_format %></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.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         <%= content_tag "div", "", :id => "map", :data => {:lat => @lat, :lon => @lon, :zoom => @zoom} %>
  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 <script type="text/javascript">
  39   <!--
  40   var marker;
  41
  42   function setLocation( e ) {
  43     closeMapPopup();
  44
  45     var lonlat = getEventPosition(e);
  46
  47     $("#latitude").val(lonlat.lat);
  48     $("#longitude").val(lonlat.lon);
  49
  50     if (marker) {
  51       removeMarkerFromMap(marker);
  52     }
  53
  54     marker = addMarkerToMap(lonlat, null, I18n.t('diary_entry.edit.marker_text'));
  55   }
  56
  57   function openMap() {
  58     $("#map").show();
  59     $("#usemap").hide();
  60
  61     var params = $("#map").data();
  62     var centre = new OpenLayers.LonLat(params.lon, params.lat);
  63     var map = createMap("map");
  64
  65     setMapCenter(centre, params.zoom);
  66
  67     if ($("#latitude").val() && $("#longitude").val()) {
  68       marker = addMarkerToMap(centre, null, I18n.t('diary_entry.edit.marker_text'));
  69     }
  70
  71     map.events.register("click", map, setLocation);
  72   }
  73 // -->
  74 </script>