Improve styling of notes popups

This commit is contained in:
Tom Hughes 2012-10-14 15:39:44 +01:00
parent 513bec8044
commit 352d9365e4
3 changed files with 50 additions and 31 deletions

View file

@ -1,11 +1,15 @@
<p>
<%- I18n.t('javascripts.notes.new.intro_1') %><br/>
<%- I18n.t('javascripts.notes.new.intro_2') %>
</p>
<form action="#">
<input type="hidden" name="lon">
<input type="hidden" name="lat">
<textarea name="text" cols="40" rows="10"></textarea>
<br/>
<input type="submit" name="add" value="<%- I18n.t('javascripts.notes.new.add') %>" id="note-add">
</form>
<div class="note">
<p>
<%- I18n.t('javascripts.notes.new.intro_1') %><br/>
<%- I18n.t('javascripts.notes.new.intro_2') %>
</p>
<form action="#">
<input type="hidden" name="lon">
<input type="hidden" name="lat">
<textarea name="text" cols="40" rows="10"></textarea>
<br/>
<div class="buttons">
<input type="submit" name="add" value="<%- I18n.t('javascripts.notes.new.add') %>" id="note-add">
</div>
</form>
</div>

View file

@ -1,20 +1,24 @@
<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/>
<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">
</form>
<% } %>
<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>