work on notes js

This commit is contained in:
albert
2011-05-16 09:27:39 -04:00
parent 158810d9f0
commit 5a668457d2
9 changed files with 505 additions and 0 deletions

View File

@@ -0,0 +1,28 @@
<div id="c-notes">
<div id="a-index">
<table>
<thead>
<tr>
<th>Post</th>
<th>Created by</th>
<th>Created at</th>
<th>Active?</th>
<th>Body</th>
</tr>
</thead>
<tbody>
<% @notes.each do |note| %>
<tr>
<td><%= link_to note.post_id, post_path(note.post_id) %></td>
<td><%= link_to note.creator.name, user_path(note.creator_id) %></td>
<td><%= time_ago_in_words(note.created_at) %> ago</td>
<td><%= note.is_active? %></td>
<td><%= format_text(note.body) %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
</div>
<%= render "notes/secondary_links" %>

View File

View File

View File

@@ -0,0 +1,11 @@
<div id="c-pools">
<div id="a-search">
<%= simple_form_for @search, :method => :get do |f| %>
<%= f.input :name_contains, :label => "Name", :required => false %>
<%= f.input :description_contains, :label => "Description", :required => false %>
<%= f.button :submit, "Search" %>
<% end %>
</div>
</div>
<%= render "secondary_links" %>

View File

@@ -0,0 +1,40 @@
<div id="jquery-test">
<div class="note" id="lots-of-text-1">
Lorem ipsum
</div>
<div class="note" id="lots-of-text-2" style="left: 400px;">
Lorem ipsum
</div>
</div>
<script type="text/javascript">
var body = $("#lots-of-text-2");
body.css({height: "auto", minWidth: 140});
var w = body[0].offsetWidth;
var h = body[0].offsetHeight;
var lo = null;
var hi = null;
var x = null;
var last = null;
if (body[0].scrollWidth <= body[0].clientWidth) {
lo = 20, hi = w
do {
x = (lo+hi)/2
body.css({minWidth: x});
if (body[0].offsetHeight > h) {
lo = x;
} else {
hi = x;
}
} while ((hi - lo) > 4);
if (body[0].offsetHeight > h) {
body.css({minWidth: hi});
}
}
</script>