Improve styling of notes popups

[rails.git] / app / assets / javascripts / templates / notes / show.jst.ejs

diff --git a/app/assets/javascripts/templates/notes/show.jst.ejs b/app/assets/javascripts/templates/notes/show.jst.ejs
index cf5d9010a9e57955d635ac3818d975575b749101..cf8ea0a40ce2121fffb82f590efef120d01c905e 100644 (file)
--- a/app/assets/javascripts/templates/notes/show.jst.ejs
+++ b/app/assets/javascripts/templates/notes/show.jst.ejs
@@ -1,10 +1,24 @@
-<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">
+      <%- I18n.t('javascripts.notes.show.event', {
+         action: comment.action, user: comment.user, 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') %>" id="note-close">
+      <input type="submit" name="comment" value="<%- I18n.t('javascripts.notes.show.comment') %>" id="note-comment">
+    </div>
+  </form>
+  <% } %>
+</div>