opengovernment/askthem

<div class="progress">
  <div class="actions scroll_this">
    <h4>Your Question</h4>
    <div class="row">
      <div class="question_progress">
        <div class="progress_filler" style="width: 0%;"> </div>
      </div>
      <span class="question_progress_count">
        <strong>0</strong> out of <strong>500</strong> Signatures
      </span>
    </div>
    <div class="row">
      <ul class="recipient">
        <li>
          <div class="avatar" <%= raw('style="display:none;"') unless person -%>>
            <% if person %>
              <% if person.image? %>
                <%= cdn_image_tag(person.image, size: '80x80', alt: '', class: 'person_photo') %>
              <% else %>
                <%= image_tag('placeholder.png', size: '60x60', alt: '') %>
              <% end %>
            <% end %>
          </div>

          <div class="person-info">
            <h2><%= person.name if person -%></h2>
            <span class="jurisdiction"><%= person_attributes(person) if person -%></span>
          </div>
        </li>
      </ul>
    </div>
    <div class="row">
      <div class="question_preview">
        <% if question.title.present? && question.body.present? %>
          <h5><%= question.title -%></h5>
          <p><%= question.body -%></p>
        <% else%>
          <h5 class="empty">Nothing yet&hellip;</h5>
          <p></p>
        <% end %>
      </div>
    </div>
    <!--
      If issue is selected, otherwise add "last" class to .row above
    -->
    <% if question.subject.present? %>
      <div id="progress-issue" class="row last">
        <div class="question_issue">
          <span>Issue: <strong><span id="question-subject"><%= question.subject -%></span></strong></span>
        </div>
      </div>
    <% else %>
      <div style="display:none" id="progress-issue" class="row last">
        <div class="question_issue">
          <span>Issue: <strong><span id="question-subject"></span></strong></span>
        </div>
      </div>
    <% end %>
  </div>
</div>