-<h2>Note <%- note.id %></h2>
-<% note.comments.forEach(function (comment) { %>
-<p>
- <small class="deemphasize">
- <%- comment.action %> by <%- comment.user %> at <%- comment.date %>
- </small>
- <br/>
- <%- comment.text %>
-</p>
-<% }) %>
+<div class="note">
+ <h2><%- I18n.t('javascripts.notes.show.title', { id: note.id }) %></h2>
+ <% note.comments.forEach(function (comment) { %>
+ <p>
+ <small class="deemphasize">
+ <% if (comment.user) { %>
+ <%= I18n.t('javascripts.notes.show.event', {
+ action: comment.action, user: comment.user,
+ user_url: comment.user_url, time: comment.date
+ }) %>
+ <% } else { %>
+ <%- I18n.t('javascripts.notes.show.anonymous_event', {
+ action: comment.action, time: comment.date
+ }) %>
+ <% } %>
+ </small>
+ <br/>
+ <%- comment.text %>
+ </p>
+ <% }) %>
+ <% if (note.status == "open") { %>
+ <form action="#">
+ <textarea name="text" cols="40" rows="5"></textarea>
+ <br/>
+ <div class="buttons">
+ <input type="submit" name="close" value="<%- I18n.t('javascripts.notes.show.close') %>" data-url="<%- note.close_url %>">
+ <input type="submit" name="comment" value="<%- I18n.t('javascripts.notes.show.comment') %>" data-url="<%- note.comment_url %>" disabled="1">
+ </div>
+ </form>
+ <% } %>
+</div>