holderdeord/hdo-site

<% page_title "#{@issue.title} - #{t('app.issues.title')} - #{t('app.title')}" %>
<% metadata[:description] = @issue.description %>
<% metadata[:type] = 'article' %>
<% metadata[:url] = issue_url(@issue) %>

<div id="admin-info"></div>
<%= content_for :document_ready do %>
  <script>
  $(document).ready(function() {
    if (HDO.ssl && 'https:' != document.location.protocol) {
      return;
    }

    $.ajax({
      url: '<%= admin_info_issue_path(@issue) %>',
      type: 'GET',
      dataType: 'html',
      success: function(data, textStatus, xhr) { $("#admin-info").html(data); }
    });
  });
  </script>
<% end %>

<article class="issue-timeline">
  <div class="page-header">
    <h1 class="issue-title"><%= @issue.title %></h1>
    <div class="row-fluid">
      <div class="span6">
        <%= render partial: 'aside', locals: { issue: @issue } %>
      </div>

      <div class="pull-right">
        <%= render partial: 'shared/social_sharing' %>
      </div>
    </div>
  </div>

  <p class="issue-description"><%= @issue.description %></p>

  <% @issue.periods.each do |period| %>
    <%= render partial: 'period_summary', locals: {period: period} %>

    <div class="timeline">
      <% period.years.each do |year| %>
        <div class="yearmarker"><%= year.year %></div>

        <% year.days.each do |day| %>
          <div class="row-fluid timeline-entry">
            <div class="span6"></div>
            <div class="date span6">
              <div class="day"><%= day.day %></div>
              <div class="month"><%= day.month %></div>
            </div>
          </div>

          <% day.votes.in_groups_of(2, false).each do |votes| %>
            <div class="row-fluid votes">
            <% votes.each do |vote| %>
              <div class="span6 vote">
                <%= link_to vote.title_with_fallback, vote.vote, class: 'vote-title' %>
                <div class="vote-detail"><%= vote.html_comment.html_safe %></div>

                <div class="row-fluid">
                  <small>
                    <div class="span6">
                      <strong>For</strong> <small>(<%= vote.vote.stats.for_percent %>%)</small>
                      <ul class="unstyled">
                        <% vote.proposition.decorate.supporters.map(&:name).each do |name| %>
                          <li><%= name %></li>
                        <% end %>
                      </ul>
                    </div>

                    <div class="span6">
                      <strong>Mot</strong> <small>(<%= vote.vote.stats.against_percent %>%)</small>
                      <ul class="unstyled">
                        <% vote.proposition.decorate.opposers.map(&:name).each do |name| %>
                          <li><%= name %></li>
                        <% end %>
                      </ul>
                    </div>
                  </small>
                </div>

                <hr class="soften">
              </div>
              <% end %>
            </div>
          <% end %>
        <% end %>
      <% end %>
    </div>
  <% end %>
</article>

<% content_for :document_ready do %>
  <script type="text/javascript" charset="utf-8">
    var lists = $(".promise-list")

    lists.on('click', '.expandable, .expanded, .teaser', function (e) {
      var dt = $(e.delegateTarget);

      dt.find('.expandable, .expanded').toggleClass('expandable expanded');
      dt.find('.teaser, .promises').toggle();
    });
  </script>
<% end %>