holderdeord/hdo-site

<div class="new-positions">
  <div class="row-fluid">
    <div class="span8 offset2">
      <h3><%= period.name %> oppsummert</h3>
    </div>
  </div>

  <!-- promises -->
  <div class="row-fluid <%= 'hidden' if period.promisors.empty? %>">
    <div class="row-fluid">
      <div class="span9 offset2">
        <h4>Hva har blitt lovet</h4>
      </div>
    </div>

    <% period.promisors.each do |promisor| %>
      <div class="row-fluid group">
        <div class="span1 offset1">
          <% promisor.parties.reverse.each do |party| %>
            <%= image_tag party.logo.versions[:medium], alt: "#{party.name}s logo" %>
          <% end %>
        </div>

        <div class="span10 promise-list">
          <% if promisor.expandable? %>
            <span class="expandable <%= 'muted' if promisor.teaser_connection.related? %>"></span>
          <% else %>
            <span style="padding: 0 5px;">&nbsp;&nbsp;&nbsp;</span>
          <% end %>

          <span class="teaser <%= 'muted' if promisor.teaser_connection.related? %>">
            <%= promisor.teaser %>
          </span>

          <div class="promises">
            <ul class="unstyled">
              <% promisor.promises.each do |promise, connection| %>
                <li class="<%= 'muted' if connection.related? %>">
                  <%= promise.body %>
                  <%= link_to promise, target: '_blank' do %>
                    <%= image_tag 'link.png', width: '12' %>
                  <% end %>
                </li>
              <% end %>
            </ul>
          </div>
        </div>
      </div>
    <% end %>

    <hr class="divider">
  </div>

  <!-- positions -->
  <div class="row-fluid">
    <div class="row-fluid">
      <div class="span9 offset2">
        <h4>Hva har blitt stemt</h4>
        <small class="muted"><%= period.explanation %></small>
      </div>
    </div>

    <% if period.positions.empty? %>
      <div class="row-fluid">
        <i class="offset2">Vi har foreløpig ikke nok relevante avstemninger i denne perioden til å oppsummere posisjonene.</i>
      </div>
    <% else %>
      <% period.positions.each do |position| %>
        <div class="row-fluid group position">
          <div class="span1 offset1">
            <% position.parties.reverse.each do |party| %>
              <%= image_tag party.logo.versions[:medium], alt: "#{party.name}s logo" %>
            <% end %>
          </div>

          <div class="span9">
            <div><strong><%= position.title %></strong></div>
            <div><%= position.description %></div>
          </div>
        </div>
      <% end %>
    <% end %>
  </div>
  <hr class="divider">

  <!-- accountability -->
  <div class="row-fluid">
    <div class="span9 offset2">
      <h4>Vår vurdering</h4>
    </div>
  </div>

  <% if period.positions.empty? %>
    <div class="row-fluid">
      <i class="offset2">Vi har foreløpig ikke nok relevante avstemninger i denne perioden til å vurdere løftebrudd.</i>
    </div>
  <% else %>
    <% period.positions.flat_map(&:parties).uniq.sort_by(&:name).each do |party| %>
      <div class="row-fluid group">
        <div class="span1 offset1"><%= image_tag party.logo.versions[:medium], alt: "#{party.name}s logo" %></div>
        <div class="span10">
          <%= party.accountability %>

          <% if party.comment.present? %>
            <small>
              <a data-toggle="collapse" href="#<%= [party.slug, period.name, 'comments'].join('-') %>"><%= party.name %>s kommentar</a>
            </small>

            <div class="collapse party-comments" id="<%= [party.slug, period.name, 'comments'].join('-') %>">
              <small class="muted">Kommentar fra <%= party.name %>, <%= l party.comment.created_at, format: :text %></small>
              <blockquote><%= markdown(party.comment.body).html_safe %></blockquote>
            </div>
          <% end %>
        </div>
      </div>
    <% end %>
  <% end %>
</div>