notebook/app/views/basil/help_rate.html.erb

<div>
  <%= link_to 'Back to Basil', basil_path %>
</div>

<div class="row">
  <div class="col s12 m4 l3">
    <div class="center" style="margin-bottom: 2em">
      <h1 style="margin-bottom: 0"><%= number_with_delimiter @reviewed_commission_ids.count %></h1>
      <div class="grey-text text-darken-2">Images rated</div>
    </div>
  </div>

  <div class="col s12 m8 l9">
    <div class="card-panel purple white-text">
      <div>
        <strong>
          You have
          <%= 'at least' if @commissions.count >= 50 %>
          <%= pluralize @commissions.count, 'generated images' %>
          without feedback.
        </strong>
      </div>
      <p>
        Feedback is optional but helps Basil understand what he does well and what he could improve on.
        Below are 50 random images of yours that haven't been rated. You can refresh the page at any time for 50 more.
        <%= link_to 'View global stats.', basil_stats_path, class: 'orange-text' %>
      </p>
    </div>
  </div>
</div>

<% if @commissions.empty? %>
  <div class="center" style="margin-top: 5em">
    <h1 class="font-size: 2em">Hurrah, inbox zero!</h1>
    <br />
    <p>
      Your images will appear here when you have any that you haven't rated.
    </p>
  </div>
<% end %>

<% @commissions.each do |commission| %>
  <div>
    <% if commission.complete? %>
      <%
        s3 = Aws::S3::Resource.new(region: "us-east-1")
        obj = s3.bucket(commission.s3_bucket).object("job-#{commission.job_id}.png")
      %>
      <div class="card horizontal">
        <div class="card-image">
          <%= link_to obj.presigned_url(:get) do %>
            <%= image_tag obj.presigned_url(:get) %>
          <% end %>
        </div>
        <div class="card-stacked">
          <div class="card-content">
            <div>
              <strong><%= link_to commission.entity.name, basil_content_path(content_type: commission.entity_type, id: commission.entity_id) %></strong>
              <% if commission.style? %>
                <em>(<%= commission.style.humanize %>)</em>
              <% end %>
            </div>
            <div class="grey-text text-darken-2">
              <span style="font-size: 0.8em">Completed <%= time_ago_in_words commission.completed_at %> ago</span>
              &middot;<br />
              <span style="font-size: 0.8em">Took <%= distance_of_time_in_words commission.completed_at - commission.created_at %></span>
            </div>
            <div style="margin-top: 1em">
              <div class="center" style="font-size: 0.9em"><strong>Feedback for Basil</strong></div>
              <div class="row">
                <%= form_for commission.basil_feedbacks.find_or_initialize_by(user: current_user), url: basil_feedback_path(commission.job_id), method: :POST, remote: true do |f| %>
                  <% f.object.score_adjustment = nil if !f.object.persisted? %>
                  <div class="col s2 red lighten-3">
                    <label>
                      <%= f.radio_button :score_adjustment, '-2', { class: 'autosave-closest-form-on-change' } %>
                      <span class="black-text" style="font-size: 3em;">:'(</span>
                    </label>
                  </div>
                  <div class="col s2 orange lighten-3">
                    <label>
                      <%= f.radio_button :score_adjustment, '-1', { class: 'autosave-closest-form-on-change' } %>
                      <span class="black-text" style="font-size: 3em;">:(</span>
                    </label>
                  </div>
                  <div class="col s2 grey lighten-3 black-text lighten-3">
                    <label>
                      <%= f.radio_button :score_adjustment, '0', { class: 'autosave-closest-form-on-change' } %>
                      <span class="black-text" style="font-size: 3em;">:|</span>
                    </label>
                  </div>
                  <div class="col s2 green lighten-3">
                    <label>
                      <%= f.radio_button :score_adjustment, '1', { class: 'autosave-closest-form-on-change' } %>
                      <span class="black-text" style="font-size: 3em;">:)</span>
                    </label>
                  </div>
                  <div class="col s2 blue lighten-3">
                    <label>
                      <%= f.radio_button :score_adjustment, '2', { class: 'autosave-closest-form-on-change' } %>
                      <span class="black-text" style="font-size: 3em;">:D</span>
                    </label>
                  </div>
                  <div class="col s2 red lighten-4">
                    <label>
                      <%= f.radio_button :score_adjustment, '3', { class: 'autosave-closest-form-on-change' } %>
                      <span class="red-text text-darken-4" style="font-size: 3em;">&hearts;<small>u</small>&hearts;</span>
                    </label>
                  </div>
                <% end %>
              </div>
            </div>
          </div>
        </div>
      </div>
    <% else %>
      <div class="card-panel green white-text darken-4">
        Basil is still working on this commission... (style: <%= commission.style %>)
        <div style="font-size: 0.8em">
          (Requested <%= time_ago_in_words(commission.created_at) %> ago)
        </div>
      </div>
    <% end %>
  </div>
<% end %>