cosmetic tweaks to diary interface. icon for new entries link
authorHarry Wood <mail@harrywood.co.uk>
Mon, 24 Nov 2008 00:40:04 +0000 (00:40 +0000)
committerHarry Wood <mail@harrywood.co.uk>
Mon, 24 Nov 2008 00:40:04 +0000 (00:40 +0000)
app/views/diary_entry/edit.rhtml
app/views/diary_entry/list.rhtml
public/images/new.png [new file with mode: 0644]
public/stylesheets/site.css

index 87f5e9fac6bddce7c6509049c687e5b7082d0d49..a69f4fd9c9240bc7a666099ac806678ade8032e9 100644 (file)
@@ -5,24 +5,28 @@
 <% form_for :diary_entry do |f| %>
   <table>
     <tr valign="top">
-      <th>Subject</th>
+      <td class="fieldName">Subject:</td>
       <td><%= f.text_field :title, :size => 60 %></td>
     </tr>
     <tr valign="top">
-      <th>Body</th>
+      <td class="fieldName">Body:</td>
       <td><%= f.text_area :body, :cols => 80 %></td>
     </tr>
     <tr valign="top">
-      <th>Location</th>
+      <td class="fieldName">Location:</td>
       <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>
+        <br/><br/>
       </td>
     </tr>
     <tr>
-      <th></th>
-      <td><%= submit_tag 'Save' %></td>
+      <td></td>
+      <td>
+         <%= submit_tag 'Save' %>
+         <%# TODO: button should say 'publish' or 'save changes' depending on new/edit state %>
+      </td>
     </tr>
   </table>
 <% end %>
index 7a2ccf74d6bea047b5cf9c7659e900306cf103ff..9852313bbd7e669d308af8586fd2ed0c49562580 100644 (file)
@@ -4,29 +4,40 @@
  <%= image_tag url_for_file_column(@this_user, "image") %>
 <% end %>
 
-<br />
 
 <% if @this_user %>
   <% if @user == @this_user %>
-    <%= link_to 'New diary entry', :controller => 'diary_entry', :action => 'new', :display_name => @user.display_name %>
+    <%= link_to image_tag("new.png", :border=>0) + 'New diary entry', {:controller => 'diary_entry', :action => 'new', :display_name => @user.display_name}, {:title => 'Compose a new entry in your user diary'} %>
   <% end %>
 <% else %>
   <% if @user %>
-    <%= link_to 'New diary entry', :controller => 'diary_entry', :action => 'new', :display_name => @user.display_name %>
+    <%= link_to image_tag("new.png", :border=>0) + 'New diary entry', {:controller => 'diary_entry', :action => 'new', :display_name => @user.display_name}, {:title => 'Compose a new entry in your user diary'} %>
   <% end %>
 <% end %>
 
-<h3>Recent diary entries:</h3>
 
-<%= render :partial => 'diary_entry', :collection => @entries %>
+<% if @entries.empty? %>
+       <p>No diary entries</p>
 
-<%= link_to "Older Entries", { :page => @entry_pages.current.next } if @entry_pages.current.next %>
-<% if @entry_pages.current.next and @entry_pages.current.previous %>
-|
+<% else %>
+       
+       <p>Recent diary entries:</p>
+       <hr />
+       <%= render :partial => 'diary_entry', :collection => @entries %>
+       
+       <%= link_to "Older Entries", { :page => @entry_pages.current.next } if @entry_pages.current.next %>
+       <% if @entry_pages.current.next and @entry_pages.current.previous %>
+       |
+       <% end %>
+       <%= link_to "Newer Entries", { :page => @entry_pages.current.previous } if @entry_pages.current.previous %>
+       
+       <br />
+       
 <% end %>
-<%= link_to "Newer Entries", { :page => @entry_pages.current.previous } if @entry_pages.current.previous %>
-
-<br />
 
 <%= rss_link_to :action => 'rss' %>
 <%= auto_discovery_link_tag :atom, :action => 'rss' %>
+
+
+<br />
+<br />
\ No newline at end of file
diff --git a/public/images/new.png b/public/images/new.png
new file mode 100644 (file)
index 0000000..202e10e
Binary files /dev/null and b/public/images/new.png differ
index 2bfe21d246f4ef8b1b50e4bc6ea7afee28554aa4..764d8971b84f0b0d6f5dbd72979d2ac33f516180 100644 (file)
@@ -277,6 +277,12 @@ hides rule from IE5-Mac \*/
   font-size: 10px;
 }
 
+hr {
+  border: none;
+  background-color: #ccc;
+  color: #ccc;
+  height: 1px;
+}
 
 .gpxsummary {
   font-size: 12px;