htwkmooc/codeocean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor RfC UI; decouple style from structure

Browse Source
This commit is contained in:
Maximilian Grundke
2017-09-24 11:15:05 +02:00
parent d119ef6a38
commit 7a0c7389d4
2 changed files with 82 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/request-for-comments.css.scss
View File

@ -152,6 +152,28 @@ input#subscribe {
margin-top: 10px;
}
.rfc {
h5 {
text-decoration: underline;
}
.text {
font-size: larger;
}
.question {
display: flex;
align-items: baseline;
.text {
margin-left: 10px;
}
}
}
.testrun-assess-results {
display: flex;

30
app/views/request_for_comments/show.html.erb
View File

@ -14,18 +14,24 @@
<%= user.displayname %> | <%= @request_for_comment.created_at.localtime %>
</p>
<div class="rfc">
<div class="description">
<h5>
<u><%= t('activerecord.attributes.exercise.description') %>:</u> <%= render_markdown(@request_for_comment.exercise.description) %>
<%= t('activerecord.attributes.exercise.description') %>:
</h5>
<div class="text">
<%= render_markdown(@request_for_comment.exercise.description) %>
</div>
</div>
<div class="question">
<h5>
<% if @request_for_comment.question and not @request_for_comment.question == '' %>
<u><%= t('activerecord.attributes.request_for_comments.question')%>:</u> "<%= @request_for_comment.question %>"
<% else %>
<u><%= t('activerecord.attributes.request_for_comments.question')%>:</u> <%= t('request_for_comments.no_question') %>
<% end %>
<%= t('activerecord.attributes.request_for_comments.question')%>:
</h5>
<div class="text">
<%= @request_for_comment.question or t('request_for_comments.no_question')%>
</div>
</div>
<% if policy(@request_for_comment).mark_as_solved? and not @request_for_comment.solved? %>
<%= render('mark_as_solved') %>
@ -35,9 +41,14 @@
<%= render('admin_menu') %>
<% end %>
<div class="howto">
<h5>
<u><%= t('request_for_comments.howto_title') %></u><br> <%= render_markdown(t('request_for_comments.howto')) %>
<%= t('request_for_comments.howto_title') %>
</h5>
<div class="text">
<%= render_markdown(t('request_for_comments.howto')) %>
</div>
</div>
<!-- check cause: assess/run; display success, output (if any), make collapsible-->
<% if testruns.size > 0 %>
@ -45,7 +56,7 @@
<% output_runs = testruns.select { |run| run.cause == 'run' } %>
<% if output_runs.size > 0 %>
<h5><%= t('request_for_comments.runtime_output') %></h5>
<div class="testrun-output">
<div class="testrun-output text">
<% output_runs.each do |testrun| %>
<p><%= testrun.try(:output) or t('request_for_comments.no_output') %></p>
<% end %>
@ -63,6 +74,7 @@
<% end %>
</div>
<% end %>
</div>
</div>
<hr>