Legislation annotations/comments page

app/views/legislation/annotations/_comments.html.erb

@@ -0,0 +1,29 @@
+<% cache [locale_and_user_status, @current_order, commentable_cache_key(commentable), @comment_tree.comments, @comment_tree.comment_authors, commentable.comments_count, @comment_flags] do %>
+  <div class="row comments">
+    <div id="comments" class="small-12 column">
+      <h3>
+        <%= t("legislation.annotations.show.comments") %>
+        <span class="js-comments-count">(<%= commentable.comments_count %>)</span>
+      </h3>
+
+      <%= render 'shared/wide_order_selector', i18n_namespace: "comments" %>
+
+      <% if user_signed_in? %>
+        <%= render 'comments/form', {commentable: commentable, parent_id: nil, toggeable: false} %>
+      <% else %>
+      <br>
+
+      <div data-alert class="callout primary">
+        <%= t("debates.show.login_to_comment",
+            signin: link_to(t("votes.signin"), new_user_session_path),
+            signup: link_to(t("votes.signup"), new_user_registration_path)).html_safe %>
+        </div>
+      <% end %>
+
+      <% @comment_tree.root_comments.each do |comment| %>
+        <%= render 'comments/comment', comment: comment  %>
+      <% end %>
+      <%= paginate @comment_tree.root_comments %>
+    </div>
+  </div>
+<% end %>

app/views/legislation/annotations/_version_chooser.html.erb

@@ -0,0 +1,16 @@
+<div class="row draft-chooser">
+  <div class="small-12 medium-9 column">
+    <h3><%= t('.seeing_version') %></h3>
+    <div class="select-box">
+      <%= form_tag go_to_version_legislation_process_draft_versions_path(process), method: :get, id: "draft_version_go_to_version" do %>
+        <%= select_tag "draft_version_id", options_from_collection_for_select(process.draft_versions.published, 'id', 'display_title', draft_version.id), "aria-label": t('legislation.draft_versions.show.select_draft_version') %>
+        <%= hidden_field_tag "redirect_action", "annotations" %>
+        <%= submit_tag t('legislation.draft_versions.show.select_version_submit'), class: "button" %>
+      <% end %>
+    </div>
+    <span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
+  </div>
+  <div class="small-12 medium-3 column">
+    <%= link_to t('.see_text'), legislation_process_draft_version_annotations_path(process, draft_version), title: t('.see_text'), class: "button strong" %>
+  </div>
+</div>

app/views/legislation/annotations/index.html.erb

@@ -0,0 +1,35 @@
+<% provide :title do %><%= "#{t('.title')} - #{@draft_version.title} - #{@process.title}" %><% end %>
+
+<%= render 'legislation/processes/header', process: @process, header: :small %>
+
+<div class="column row">
+  <%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>
+
+  <div class="draft-panels small-12 column row">
+    <%= render 'version_chooser', process: @process, draft_version: @draft_version %>
+
+    <div class="row">
+      <div class="small-12 medium-8 column legislation-comments">
+
+        <% @annotations.each do |annotation| %>
+          <div class="comment">
+            <strong><%= t('.comments_about') %></strong>
+            <span class="pull-right">
+              <%= link_to legislation_process_draft_version_path(@process, @draft_version, anchor: "annotation-id-#{annotation.id}") do %>
+                <span><%= t('.see_in_context') %></span> <span class="icon-expand" aria-hidden="true"></span>
+              <% end %>
+            </span>
+            <div class="comment-section">
+              <%= annotation.quote %>
+            </div>
+            <%= link_to legislation_process_draft_version_annotation_path(@process, @draft_version, annotation) do %>
+              <span class="icon-comments" aria-hidden="true"></span> <span><%= t('.comments_count', count: annotation.comments_count + 1) %></span></a>
+            <% end %>
+          </div>
+        <% end %>
+
+      </div>
+    </div>
+
+  </div>
+</div>

app/views/legislation/annotations/show.html.erb

@@ -0,0 +1,42 @@
+<% provide :title do %><%= "#{t('.title')} - #{@draft_version.title} - #{@process.title}" %><% end %>
+
+<%= render 'legislation/processes/header', process: @process, header: :small %>
+
+<div class="column row">
+  <%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>
+
+  <div class="draft-panels small-12 column row">
+    <%= render 'version_chooser', process: @process, draft_version: @draft_version %>
+
+    <div class="row">
+      <div class="small-12 medium-12 column legislation-comment">
+        <div class="annotation-comment">
+          <strong><%= t('legislation.annotations.index.comments_about') %></strong>
+          <div class="comment-section">
+            <div class="row">
+              <div class="small-12 medium-10 column legislation-comment">
+                <%= @annotation.quote %>
+              </div>
+              <div class="small-12 medium-2 column legislation-comment">
+                <span class="pull-right">
+                  <%= link_to legislation_process_draft_version_path(@process, @draft_version, anchor: "annotation-id-#{@annotation.id}") do %>
+                    <span><%= t('legislation.annotations.index.see_in_context') %></span> <span class="icon-expand" aria-hidden="true"></span>
+                  <% end %>
+                </span>
+              </div>
+            </div>
+        </div>
+
+        <div class="row">
+          <div class="small-12 medium-10 column legislation-comment">
+            <%= @annotation.text %>
+          </div>
+        </div>
+
+        <%= render 'comments', commentable: @annotation %>
+
+      </div>
+    </div>
+
+  </div>
+</div>