decidim-consultations 0.11.0.pre1

data/app/views/decidim/consultations/questions/_technical_data.html.erb

@@ -0,0 +1,38 @@
+<div class="section">
+  <h2 class=section-heading>
+    <%= t "questions.technical_info.technical_data", scope: "decidim" %>
+  </h2>
+
+  <% unless translated_attribute(current_question.origin_scope).blank? %>
+    <h3 class="heading6"><%= t "question.origin_scope", scope: "activemodel.attributes" %></h3>
+    <p><%= translated_attribute current_question.origin_scope %></p>
+  <% end %>
+
+  <h3 class="heading6"><%= t "question.promoter_group", scope: "activemodel.attributes" %></h3>
+  <p><%= translated_attribute current_question.promoter_group %></p>
+
+  <% unless translated_attribute(current_question.origin_title).blank? %>
+    <h3 class="heading6"><%= t "question.origin_title", scope: "activemodel.attributes" %></h3>
+    <p>
+      <% if current_question.origin_url.blank? %>
+        <%= translated_attribute current_question.origin_title %>
+      <% else %>
+        <%= link_to translated_attribute(current_question.origin_title),
+                   current_question.origin_url,
+                   target: "_blank" %>
+      <% end %>
+    </p>
+  <% end %>
+
+  <h3 class="heading6"><%= t "question.scope", scope: "activemodel.attributes" %></h3>
+  <p><%= translated_attribute current_question.scope.name %></p>
+
+  <h3 class="heading6"><%= t "question.participatory_scope", scope: "activemodel.attributes" %></h3>
+  <p><%= translated_attribute current_question.participatory_scope %></p>
+
+  <h3 class="heading6"><%= t "consultation.start_voting_date", scope: "activemodel.attributes" %></h3>
+  <p><%= l current_question.start_voting_date, format: :long %></p>
+
+  <h3 class="heading6"><%= t "consultation.end_voting_date", scope: "activemodel.attributes" %></h3>
+  <p><%= l current_question.end_voting_date, format: :long %></p>
+</div>

data/app/views/decidim/consultations/questions/_vote_button.html.erb

@@ -0,0 +1,76 @@
+<div class="row question-vote-cabin">
+  <div class="columns mediumlarge-4 mediumlarge-push-4">
+    <% if question.consultation.upcoming? %>
+      <%= action_authorized_button_to :vote,
+                                    decidim_consultations.question_question_votes_path(question),
+                                    remote: true,
+                                    data: { disable: true },
+                                    class: "card__button button expanded disabled",
+                                    id: "vote_button" do %>
+        <div class="vote-button-caption"><%= t("questions.vote_button.vote", scope: "decidim") %></div>
+        <div>
+          <%= t "questions.vote_button.starting_from",
+                scope: "decidim",
+                date: l(question.start_voting_date) %>
+        </div>
+      <% end %>
+    <% end %>
+
+    <% if question.consultation.finished? && signed_in? && question.voted_by?(current_user) %>
+      <%= action_authorized_button_to :unvote,
+                                      decidim_consultations.question_question_votes_path(question),
+                                      method: :delete,
+                                      remote: true,
+                                      data: { disable: true },
+                                      class: "card__button button expanded success disabled",
+                                      id: "unvote_button" do %>
+        <div class="vote-button-caption">
+          <%= t("questions.vote_button.already_voted", scope: "decidim") %>
+        </div>
+      <% end %>
+    <% end %>
+
+    <% if signed_in? && question.consultation.active? %>
+      <% if can? :unvote, question %>
+        <%= action_authorized_button_to :unvote,
+                                        decidim_consultations.question_question_votes_path(question),
+                                        method: :delete,
+                                        remote: true,
+                                        data: {
+                                          disable: true
+                                        },
+                                        class: "card__button button expanded success",
+                                        id: "unvote_button" do %>
+          <div class="vote-button-caption"
+               data-original="<%= t("questions.vote_button.already_voted", scope: "decidim") %>"
+               data-replace="<%= t("questions.vote_button.already_voted_hover", scope: "decidim") %>">
+            <%= t("questions.vote_button.already_voted", scope: "decidim") %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <% if can? :vote, question %>
+        <%= link_to "#", class: "card__button button expanded", id: "vote_button" do %>
+          <div class="vote-button-caption"><%= t "questions.vote_button.vote", scope: "decidim" %></div>
+        <% end %>
+      <% end %>
+    <% else %>
+      <% if question.consultation.active? %>
+        <%= action_authorized_button_to :vote,
+                                      decidim_consultations.question_question_votes_path(question),
+                                      class: "card__button button expanded",
+                                      data: { disable: true },
+                                      id: "vote_button" do %>
+          <div class="vote-button-caption">
+            <%= t("questions.vote_button.vote", scope: "decidim") %>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</div>
+
+<%= render partial: "decidim/consultations/questions/vote_modal", locals: { question: question } %>
+<%= render partial: "decidim/consultations/questions/vote_modal_confirm", locals: { question: question } %>
+<%= javascript_include_tag "decidim/consultations/utils" %>
+<%= javascript_include_tag "decidim/consultations/vote_dialog" %>

data/app/views/decidim/consultations/questions/_vote_modal.html.erb

@@ -0,0 +1,27 @@
+<div class="reveal" data-reveal id="question-vote-modal">
+  <div class="reveal__header">
+    <h3 class="reveal__title">
+      <%= t "questions.vote_modal.title", scope: "decidim" %>
+    </h3>
+    <button class="close-button" data-close aria-label="Close modal" type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <p><%= t "questions.vote_modal.contextual_help", scope: "decidim" %></p>
+  <div class="card card--secondary">
+    <div class="card__content">
+      <h4 class="heading5 text-center"><%= translated_attribute question.title %></h4>
+    </div>
+  </div>
+
+  <% question.responses.each do |response| %>
+    <div class="row">
+      <div class="columns medium-8 medium-offset-2">
+        <button class="button hollow expanded response-title"
+                data-response-id="<%= response.id %>">
+          <%= translated_attribute response.title %>
+        </button>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/consultations/questions/_vote_modal_confirm.html.erb

@@ -0,0 +1,33 @@
+<div class="reveal" data-reveal id="question-vote-confirm-modal">
+  <div class="reveal__header">
+    <h3 class="reveal__title">
+      <%= t "questions.vote_modal_confirm.title", scope: "decidim" %>
+    </h3>
+    <button class="close-button" data-close aria-label="Close modal" type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <p><%= t "questions.vote_modal_confirm.contextual_help", scope: "decidim" %></p>
+  <div class="card card--secondary">
+    <div class="card__content">
+      <h4 class="heading5 text-center"><%= translated_attribute question.title %></h4>
+      <h5 class="heading6 text-center" id="question-vote-confirm-modal-question-title"></h5>
+    </div>
+  </div>
+  <div class="row">
+    <div class="columns medium-8 medium-offset-2">
+      <%= form_with url: decidim_consultations.question_question_votes_path(question),
+                    id: "confirm-vote-form" do |form| %>
+        <%= form.hidden_field :decidim_consultations_response_id, id: "decidim_consultations_response_id" %>
+        <%= form.submit t("questions.vote_modal_confirm.confirm", scope: "decidim"),
+                        class: "button expanded",
+                        data: { disable: true } %>
+      <% end %>
+    </div>
+  </div>
+  <div class="text-center">
+    <button class="link" id="question-vote-confirm-modal-button-change">
+      <%= t "questions.vote_modal_confirm.change", scope: "decidim" %>
+    </button>
+  </div>
+</div>

data/app/views/decidim/consultations/questions/show.html.erb

@@ -0,0 +1,58 @@
+<div class="row column">
+  <div class="row">
+    <div class="columns medium-7 mediumlarge-8">
+      <div class="section">
+        <%= decidim_sanitize translated_attribute current_question.question_context %>
+
+        <div class="show-more">
+          <button class="button button--muted small"><%= t "read_more", scope: "decidim.questions.show" %></button>
+        </div>
+
+        <div class="hide show-more-panel">
+          <%= render partial: "technical_data" %>
+
+          <div class="section">
+            <h2 class=section-heading><%= t "question.what_is_decided", scope: "activemodel.attributes" %></h2>
+            <p><%= decidim_sanitize translated_attribute current_question.what_is_decided %></p>
+          </div>
+
+          <div class="section">
+            <h2 class=section-heading><%= t "question.question_context", scope: "activemodel.attributes" %></h2>
+            <p><%= decidim_sanitize translated_attribute current_question.question_context %></p>
+          </div>
+        </div>
+      </div>
+
+      <%= attachments_for current_question %>
+    </div>
+
+    <%= render partial: "right_column", locals: { question: current_question } %>
+  </div>
+</div>
+
+<%= javascript_include_tag "decidim/consultations/show_more" %>
+<%= comments_for current_question if current_question.published? %>
+
+<%= content_for :question_header_details do %>
+  <div id="question-header-details" class="row consultations-home-intro">
+    <div class="columns medium-5">
+      <img src="<%= current_question.hero_image&.url %>" />
+    </div>
+
+    <div class="columns medium-5">
+      <% unless translated_attribute(current_question.origin_scope).blank? %>
+        <h4 class="heading6"><%= t "question.origin_scope", scope: "activemodel.attributes" %></h4>
+        <p><%= translated_attribute current_question.origin_scope %></p>
+      <% end %>
+
+      <h4 class="heading6"><%= t "question.promoter_group", scope: "activemodel.attributes" %></h4>
+      <p><%= translated_attribute current_question.promoter_group %></p>
+
+      <h4 class="heading6"><%= t "question.scope", scope: "activemodel.attributes" %></h4>
+      <p><%= translated_attribute current_question.scope.name %></p>
+
+      <h4 class="heading6"><%= t "question.participatory_scope", scope: "activemodel.attributes" %></h4>
+      <p><%= translated_attribute current_question.participatory_scope %></p>
+    </div>
+  </div>
+<% end %>

data/app/views/layouts/decidim/_consultation_header.html.erb

@@ -0,0 +1,16 @@
+<div class="consultations-header consultations-home-banner row column">
+  <div class="row column consultations-header__main"
+       style="background-image:url(<%= current_consultation.banner_image.url %>);">
+    <div class="consultations-header__container row">
+      <div class="columns mediumlarge-9 consultations-header__info">
+        <div>
+          <h1 class="heading2 text-highlight">
+            <%= translated_attribute(current_consultation.title) %>
+          </h1>
+          <p class="text-highlight"><%= translated_attribute current_consultation.subtitle %></p>
+        </div>
+      </div>
+      <%= render partial: "layouts/decidim/consultation_voting_data", locals: { consultation: current_consultation } %>
+    </div>
+  </div>
+</div>

data/app/views/layouts/decidim/_consultation_voting_data.html.erb

@@ -0,0 +1,10 @@
+<div class="columns mediumlarge-3">
+  <div class="consultations-header__extra">
+    <div>
+      <span class="consultations-header__extra-title"><%= t ".start_voting_date" %></span>
+      <span class="consultations-header__extra-date">
+        <%= l consultation.start_voting_date %>
+      </span>
+    </div>
+  </div>
+</div>

data/app/views/layouts/decidim/_question_components.html.erb

@@ -0,0 +1,38 @@
+<div class="row column">
+  <div class="process-nav consultations-nav">
+    <button class="process-nav__trigger hide-for-medium" data-toggle="process-nav-content">
+      <%= icon "caret-bottom", class: "icon--small process-nav__trigger__icon", aria_label: t(".unfold"), role: "img" %>
+      <div class="process-nav__link">
+        <% if self.try(:current_component) %>
+          <%= component_icon(current_component) %>
+          <%= translated_attribute(current_component.name) %>
+        <% else %>
+          <%= external_icon "decidim/pages/icon.svg" %>
+          <%= t ".question_menu_item" %>
+        <% end %>
+      </div>
+    </button>
+    <div class="row column process-nav__content is-active" id="process-nav-content" data-toggler=".is-active">
+      <ul>
+        <li class="<%= "is-active" if is_active_link?(decidim_consultations.question_path(question), :exclusive) %>"
+          <%= active_link_to decidim_consultations.question_path(question),
+                             active: :exclusive,
+                             class: "process-nav__link",
+                             class_active: "is-active" do %>
+            <%= external_icon "decidim/pages/icon.svg" %>
+            <%= t ".question_menu_item" %>
+          <% end %>>
+        <% question.components.each do |component| %>
+          <% if component.published? || component == self.try(:current_component) %>
+            <li class="<%= "is-active" if is_active_link?(main_component_path(component), :inclusive) %>">
+              <%= active_link_to main_component_path(component), class: "process-nav__link", active: :inclusive, class_active: "is-active" do %>
+                <%= component_icon(component) %>
+                <%= translated_attribute(component.name) %>
+              <% end %>
+            </li>
+          <% end %>
+        <% end %>
+      </ul>
+    </div>
+  </div>
+</div>

data/app/views/layouts/decidim/_question_header.html.erb

@@ -0,0 +1,46 @@
+<div class="consultations-header row column">
+  <div class="row column consultations-header__main"
+       style="background-image:url(<%= question.banner_image_url %>);">
+    <div class="consultations-header__container row">
+      <div class="columns mediumlarge-9 consultations-header__info">
+        <div>
+          <h1 class="text-highlight heading2">
+            <%= link_to translated_attribute(question.consultation.title),
+                        decidim_consultations.consultation_path(question.consultation) %>
+          </h1>
+          <%= link_to decidim_consultations.consultations_path, class: "consultations-header__link" do %>
+            <%= t ".back_to_consultation" %>
+            <%= icon "media-play" %>
+          <% end %>
+        </div>
+      </div>
+
+      <%= render partial: "layouts/decidim/consultation_voting_data", locals: { consultation: question.consultation } %>
+    </div>
+  </div>
+</div>
+
+<div class="row column consultations-title">
+  <h1 class="heading2"><%= decidim_sanitize translated_attribute question.title %></h1>
+  <% unless question.hashtag.blank? %>
+    <div class="text-center">
+      <%= link_to "##{question.hashtag}", "https://twitter.com/hashtag/#{question.hashtag}", target: "_blank" %>
+    </div>
+  <% end %>
+
+  <%= yield :question_header_details if content_for? :question_header_details %>
+</div>
+
+<% if question.external_voting %>
+  <iframe src="<%= question.i_frame_url %>"></iframe>
+<% else %>
+  <% if question.results_published? %>
+    <%= render partial: "decidim/consultations/questions/results", locals: { question: question } %>
+  <% else %>
+    <div id="question-<%= question.id %>-vote-button">
+      <%= render partial: "decidim/consultations/questions/vote_button", locals: { question: question } %>
+    </div>
+  <% end %>
+<% end %>
+
+<%= render partial: "layouts/decidim/question_components", locals: { question: question} %>

data/app/views/layouts/decidim/admin/consultation.html.erb

@@ -0,0 +1,28 @@
+<% content_for :secondary_nav do %>
+  <div class="secondary-nav secondary-nav--subnav">
+    <ul>
+      <% if can? :update, current_consultation %>
+        <li <% if is_active_link?(decidim_admin_consultations.edit_consultation_path(current_consultation)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("info", scope: "decidim.admin.menu.consultations_submenu"),
+                                    decidim_admin_consultations.edit_consultation_path(current_consultation) %>
+        </li>
+      <% end %>
+
+      <% if can?(:index, Decidim::Consultations::Question) %>
+        <li <% if is_active_link?(decidim_admin_consultations.consultation_questions_path(current_consultation)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("questions", scope: "decidim.admin.menu.consultations_submenu"),
+                                    decidim_admin_consultations.consultation_questions_path(current_consultation) %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+<%= render "layouts/decidim/admin/application" do %>
+  <div class="process-title">
+    <div class="process-title-content">
+      <%= translated_attribute(current_consultation.title) %>
+    </div>
+  </div>
+  <%= yield %>
+<% end %>

data/app/views/layouts/decidim/admin/consultations.html.erb

@@ -0,0 +1,16 @@
+<% content_for :secondary_nav do %>
+  <div class="secondary-nav secondary-nav--subnav">
+    <ul>
+      <% if can?(:index, Decidim::Consultation) %>
+        <li <% if is_active_link?(decidim_admin_consultations.consultations_path) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to I18n.t("menu.consultations", scope: "decidim.admin"),
+                                    decidim_admin_consultations.consultations_path %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+<%= render "layouts/decidim/admin/application" do %>
+  <%= yield %>
+<% end %>

data/app/views/layouts/decidim/admin/question.html.erb

@@ -0,0 +1,72 @@
+<% content_for :secondary_nav do %>
+  <div class="secondary-nav secondary-nav--subnav">
+    <ul>
+      <% if can? :update, current_participatory_space.consultation %>
+        <li <% if is_active_link?(decidim_admin_consultations.edit_consultation_path(current_participatory_space.consultation)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("consultation", scope: "decidim.admin.menu.questions_submenu"),
+                                    decidim_admin_consultations.edit_consultation_path(current_participatory_space.consultation) %>
+        </li>
+      <% end %>
+
+      <% if can?(:update, current_participatory_space) %>
+        <li <% if is_active_link?(decidim_admin_consultations.edit_question_path(current_participatory_space)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("info", scope: "decidim.admin.menu.questions_submenu"),
+                                    decidim_admin_consultations.edit_question_path(current_participatory_space) %>
+        </li>
+      <% end %>
+
+      <% if can? :read, Decidim::Consultations::Response %>
+        <li <% if is_active_link?(decidim_admin_consultations.responses_path(current_participatory_space)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("responses", scope: "decidim.admin.menu.questions_submenu"),
+                                    decidim_admin_consultations.responses_path(current_participatory_space) %>
+        </li>
+      <% end %>
+
+      <% if can? :read, Decidim::Component %>
+        <li <% if is_active_link?(decidim_admin_consultations.components_path(current_participatory_space)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t("components", scope: "decidim.admin.menu.questions_submenu"),
+                                    decidim_admin_consultations.components_path(current_participatory_space) %>
+          <ul>
+            <% current_participatory_space.components.each do |component| %>
+              <% if component.manifest.admin_engine %>
+                <li <% if is_active_link?(manage_component_path(component)) || is_active_link?(decidim_admin_consultations.edit_component_path(current_participatory_space, component)) || is_active_link?(decidim_admin_consultations.edit_component_permissions_path(current_participatory_space, component)) %> class="is-active" <% end %>>
+                  <%= link_to manage_component_path(component) do %>
+                    <%= translated_attribute component.name %>
+                    <% if component.primary_stat.present? %>
+                      <span class="component-counter <%= "component-counter--off" if component.primary_stat.zero? %>">
+                        <%= component.primary_stat %>
+                      </span>
+                    <% end %>
+                  <% end %>
+                </li>
+              <% end %>
+            <% end %>
+          </ul>
+        </li>
+      <% end %>
+
+      <% if can? :read, Decidim::Category %>
+        <li <% if is_active_link?(decidim_admin_consultations.categories_path(current_participatory_space)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t(".categories"),
+                                    decidim_admin_consultations.categories_path(current_participatory_space) %>
+        </li>
+      <% end %>
+
+      <% if can? :read, Decidim::Attachment %>
+        <li <% if is_active_link?(decidim_admin_consultations.question_attachments_path(current_participatory_space)) %> class="is-active" <% end %>>
+          <%= aria_selected_link_to t(".attachments"),
+                                    decidim_admin_consultations.question_attachments_path(current_participatory_space) %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>
+
+<%= render "layouts/decidim/admin/application" do %>
+  <div class="process-title">
+    <div class="process-title-content">
+      <%= translated_attribute(current_participatory_space.consultation.title) %>
+    </div>
+  </div>
+  <%= yield %>
+<% end %>