decidim-elections 0.23.6 → 0.24.0.rc1

data/app/views/decidim/votings/admin/monitoring_committee_members/new.html.erb

@@ -0,0 +1,7 @@
+<%= decidim_form_for([current_voting, @form], html: { class: "form new_monitoring_committee_member" }) do |f| %>
+  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+
+  <div class="button--double form-general-submit">
+    <%= f.submit t(".create") %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/polling_officers/_form.html.erb

@@ -0,0 +1,27 @@
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title"><%= title %></h2>
+  </div>
+  <div class="card-section user-fields">
+    <div class="row column">
+      <%= form.select :existing_user, [[t(".non_user"), false], [t(".existing_user"), true]], label: t(".user_type") %>
+    </div>
+
+    <div class="row column user-fields--user-picker">
+      <% prompt_options = { url: decidim_admin.users_organization_url, placeholder: t(".select_user") } %>
+      <%= form.autocomplete_select(:user_id, form.object.user.presence, { multiple: false }, prompt_options) do |user|
+        { value: user.id, label: "#{user.name} (@#{user.nickname})" }
+      end %>
+    </div>
+
+    <div class="row column user-fields--email">
+      <%= form.email_field :email %>
+    </div>
+
+    <div class="row column user-fields--name">
+      <%= form.text_field :name %>
+    </div>
+  </div>
+</div>
+
+<%= javascript_include_tag "decidim/votings/admin/polling_officers_form" %>

data/app/views/decidim/votings/admin/polling_officers/index.html.erb

@@ -0,0 +1,50 @@
+<div class="card" id="polling_officers">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t(".title") %>
+      <%= link_to t("actions.new", scope: "decidim.votings.polling_officers", name: t("models.polling_officer.name", scope: "decidim.votings.admin")), new_voting_polling_officer_path(current_voting), class: "button tiny button--title" if allowed_to? :create, :polling_officer, voting: current_voting %>
+    </h2>
+  </div>
+
+  <%= admin_filter_selector %>
+  <div class="card-section">
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("models.polling_officer.fields.name", scope: "decidim.votings.admin") %></th>
+            <th><%= t("models.polling_officer.fields.email", scope: "decidim.votings.admin") %></th>
+            <th><%= t("models.polling_officer.fields.polling_station", scope: "decidim.votings.admin") %></th>
+            <th class="actions"><%= t("actions.title", scope: "decidim.votings.polling_officers") %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% filtered_polling_officers.each do |polling_officer| %>
+            <tr data-id="<%= polling_officer.id %>">
+              <td>
+                <%= polling_officer.name %>
+              </td>
+              <td>
+                <%= polling_officer.email %>
+              </td>
+              <td>
+                <% if polling_officer.presided_polling_station.present? %>
+                  <%= link_to "#{translated_attribute(polling_officer.presided_polling_station.title)} (#{t(".role_president") })", edit_voting_polling_station_path(current_voting, polling_officer.presided_polling_station) %>
+                <% elsif polling_officer.managed_polling_station.present? %>
+                  <%= link_to "#{translated_attribute(polling_officer.managed_polling_station.title)} (#{t(".role_manager") })", edit_voting_polling_station_path(current_voting, polling_officer.managed_polling_station) %>
+                <% end %>
+              </td>
+              <td class="table-list__actions">
+                <% if allowed_to? :delete, :polling_officer, voting: current_voting, polling_officer: polling_officer %>
+                  <%= icon_link_to "circle-x", voting_polling_officer_path(current_voting, polling_officer), t("actions.destroy", scope: "decidim.votings.polling_officers"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.polling_officers") } %>
+                <% else %>
+                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img" %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>

data/app/views/decidim/votings/admin/polling_officers/new.html.erb

@@ -0,0 +1,7 @@
+<%= decidim_form_for([current_voting, @form], html: { class: "form new_polling_officer" }) do |f| %>
+  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+
+  <div class="button--double form-general-submit">
+    <%= f.submit t(".create") %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/polling_stations/_form.html.erb

@@ -0,0 +1,40 @@
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title"><%= title %></h2>
+  </div>
+  <div class="card-section">
+    <div class="row column hashtags__container">
+      <%= form.translated :text_field, :title, autofocus: true, class: "js-hashtags", hashtaggable: true %>
+    </div>
+
+    <div class="field">
+      <%= form.geocoding_field :address %>
+      <p class="help-text"><%= t(".address_help") %></p>
+    </div>
+
+    <div class="field">
+      <%= form.translated :text_area, :location %>
+      <p class="help-text"><%= t(".location_help") %></p>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :text_area, :location_hints %>
+      <p class="help-text"><%= t(".location_hints_help") %></p>
+    </div>
+
+    <div class="row column user-fields--polling_station_president-picker">
+      <% prompt_options = { url: available_polling_officers_voting_url(current_voting), placeholder: t(".select_president") } %>
+      <%= form.autocomplete_select(:polling_station_president_id, form.object.polling_station_president.presence, { multiple: false }, prompt_options) do |polling_officer|
+        { value: polling_officer.id, label: "#{polling_officer.name} (@#{polling_officer.nickname})" }
+      end %>
+      <p class="help-text"><%= t(".polling_station_president_help") %></p>
+    </div>
+
+    <div class="row column user-fields--polling_station_manager-picker">
+      <%= polling_officers_picker(form, :polling_station_managers, polling_officers_picker_voting_path(current_voting)) %>
+      <p class="help-text"><%= t(".polling_station_managers_help") %></p>
+    </div>
+  </div>
+</div>
+
+<%= javascript_include_tag "decidim/votings/admin/polling_stations_form" %>

data/app/views/decidim/votings/admin/polling_stations/edit.html.erb

@@ -0,0 +1,7 @@
+<%= decidim_form_for([current_voting, @form], url: { action: "update" }, html: { class: "form edit_polling_station" })  do |f| %>
+  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+
+  <div class="button--double form-general-submit">
+    <%= f.submit t(".update") %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/polling_stations/index.html.erb

@@ -0,0 +1,55 @@
+<div class="card" id="polling_stations">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t(".title") %>
+      <%= link_to t("actions.new", scope: "decidim.votings.polling_stations", name: t("models.polling_station.name", scope: "decidim.votings.admin")), new_voting_polling_station_path(current_voting), class: "button tiny button--title" if allowed_to? :create, :polling_station, voting: current_voting %>
+    </h2>
+  </div>
+  <%= admin_filter_selector %>
+  <div class="card-section">
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("models.polling_station.fields.title", scope: "decidim.votings.admin") %></th>
+            <th><%= t("models.polling_station.fields.address", scope: "decidim.votings.admin") %></th>
+            <th><%= t("models.polling_station.fields.polling_station_president", scope: "decidim.votings.admin") %></th>
+            <th><%= t("models.polling_station.fields.polling_station_managers", scope: "decidim.votings.admin") %></th>
+            <th class="actions"><%= t("actions.title", scope: "decidim.votings.polling_stations") %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% filtered_polling_stations.each do |polling_station| %>
+            <tr data-id="<%= polling_station.id %>">
+              <td>
+                <%= translated_attribute(polling_station.title) %>
+              </td>
+              <td>
+                <%= polling_station.address %>
+              </td>
+              <td>
+                <%= polling_station.polling_station_president&.name %>
+              </td>
+              <td>
+                <%= safe_join(polling_station.polling_station_managers.map{ |manager| manager.name }, ", ") %>
+              </td>
+              <td class="table-list__actions">
+                <% if allowed_to? :update, :polling_station, voting: current_voting, polling_station: polling_station %>
+                  <%= icon_link_to "pencil", edit_voting_polling_station_path(current_voting, polling_station), t("actions.edit", scope: "decidim.votings.polling_stations"), class: "action-icon--edit" %>
+                <% else %>
+                  <%= icon "pencil", class: "action-icon action-icon--disabled", role: "img" %>
+                <% end %>
+
+                <% if allowed_to? :delete, :polling_station, voting: current_voting, polling_station: polling_station %>
+                  <%= icon_link_to "circle-x", voting_polling_station_path(current_voting, polling_station), t("actions.destroy", scope: "decidim.votings.polling_stations"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.polling_stations") } %>
+                <% else %>
+                  <%= icon "circle-x", class: "action-icon action-icon--disabled", role: "img" %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>

data/app/views/decidim/votings/admin/polling_stations/new.html.erb

@@ -0,0 +1,7 @@
+<%= decidim_form_for([current_voting, @form], html: { class: "form new_polling_station" }) do |f| %>
+  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
+
+  <div class="button--double form-general-submit">
+    <%= f.submit t(".create") %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/votings/_form.html.erb

@@ -0,0 +1,63 @@
+<%= javascript_include_tag "decidim/slug_form" %>
+
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t(".title") %>
+    </h2>
+  </div>
+
+  <div class="card-section">
+    <div class="row column">
+      <%= form.translated :text_field, :title, autofocus: true %>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :editor, :description, toolbar: :full, lines: 25 %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.datetime_field :start_time %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.datetime_field :end_time %>
+      </div>
+    </div>
+
+    <div class="row column">
+      <%= form.select :voting_type,
+                  @form.options_for_voting_type_select,
+                  { include_blank: t(".select_a_voting_type") },
+                  { multiple: false } %>
+    </div>
+
+    <div class="row column">
+      <%= scopes_picker_field form, :scope_id, root: nil %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6 slug">
+        <%= form.text_field :slug %>
+        <p class="help-text">
+          <%== t(".slug_help", url: decidim_form_slug_url(:votings, form.object.slug)) %>
+        </p>
+      </div>
+    </div>
+
+    <div class="row column">
+      <%= form.check_box :promoted %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-4">
+        <%= form.upload :banner_image %>
+      </div>
+
+      <div class="columns xlarge-4">
+        <%= form.upload :introductory_image %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/decidim/votings/admin/votings/edit.html.erb

@@ -0,0 +1,31 @@
+<%= decidim_form_for @form,
+                     method: :patch,
+                     url: voting_path(@current_voting),
+                     html: { class: "form edit_voting" } do |f| %>
+  <%= render partial: "form", object: f %>
+  <div class="button--double form-general-submit">
+    <%= f.submit t("votings.edit.update", scope: "decidim.votings.admin"), class: "button" %>
+
+    <% if allowed_to? :publish, :voting, voting: @current_voting %>
+      <% if @current_voting.published? %>
+        <%= link_to t("votings.actions.unpublish", scope: "decidim.votings.admin"),
+                    url_for(action: :unpublish, id: @current_voting, controller: "votings"),
+                    method: :put,
+                    class: "button muted" %>
+      <% else %>
+        <%= link_to t("votings.actions.publish", scope: "decidim.votings.admin"),
+                    url_for(action: :publish, id: @current_voting, controller: "votings"),
+                    method: :put,
+                    class: "button hollow" %>
+      <% end %>
+    <% end %>
+
+    <% if allowed_to? :destroy, :voting, voting: @current_voting %>
+      <%= link_to t("votings.actions.destroy", scope: "decidim.votings.admin"),
+                  @current_voting,
+                  method: :delete,
+                  class: "alert button",
+                  data: { confirm: t("votings.actions.confirm_destroy", scope: "decidim.votings.admin") } %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/votings/index.html.erb

@@ -0,0 +1,87 @@
+<div class="card with-overflow" id="votings">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t "decidim.votings.admin.titles.votings" %>
+      <%= link_to t("votings.actions.new_voting", scope: "decidim.votings.admin"),
+                  new_voting_path, class: "button tiny button--title" if allowed_to? :create, :voting %>
+    </h2>
+  </div>
+  <%= admin_filter_selector %>
+  <div class="card-section">
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("models.voting.fields.title", scope: "decidim.votings.admin") %></th>
+            <th><%= sort_link(query, :created_at, t("models.voting.fields.created_at", scope: "decidim.votings.admin"), default_order: :desc) %></th>
+            <th>
+              <%= t("models.voting.fields.published", scope: "decidim.votings.admin") %>
+            </th>
+            <th></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% votings.each do |voting| %>
+            <tr>
+              <td>
+                <% if voting.promoted? %>
+                  <span data-tooltip class="icon-state icon-highlight" aria-haspopup="true" data-disable-hover="false" title="<%= t("models.voting.fields.promoted", scope: "decidim.votings.admin") %>">
+                    <%= icon "star" %>
+                  </span>
+                <% end %>
+                <% if allowed_to? :update, :voting, voting: voting %>
+                  <%= link_to translated_attribute(voting.title), edit_voting_path(voting) %>
+                  <br>
+                <% elsif allowed_to? :preview, :voting, voting: voting %>
+                  <%= link_to translated_attribute(voting.title),
+                              decidim_votings.voting_path(voting),
+                              target: "_blank" %>
+                  <br>
+                <% else %>
+                  <%= translated_attribute(voting.title) %>
+                <% end %>
+              </td>
+              <td>
+                <%= l voting.created_at, format: :short %>
+              </td>
+
+              <td class="table-list__state">
+                <% if voting.published? %>
+                  <strong class="text-success">
+                    <%= t("index.published", scope: "decidim.votings.admin") %>
+                  </strong>
+                <% else %>
+                  <strong class="text-alert">
+                    <%= t("index.not_published", scope: "decidim.votings.admin") %>
+                  </strong>
+                <% end %>
+              </td>
+              <td class="table-list__actions">
+                <% if allowed_to? :update, :voting, voting: voting %>
+                  <%= icon_link_to "pencil",
+                                   edit_voting_path(voting),
+                                   t("actions.configure", scope: "decidim.admin"),
+                                   class: "action-icon--edit" %>
+                <% else %>
+                  <span class="action-space icon"></span>
+                <% end %>
+
+                <% if allowed_to? :preview, :voting, voting: voting %>
+                  <%= icon_link_to "eye",
+                                   decidim_votings.voting_path(voting),
+                                   t("actions.preview", scope: "decidim.admin"),
+                                   class: "action-icon--preview",
+                                   target: "_blank" %>
+                <% else %>
+                  <span class="action-space icon"></span>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+
+      <%= paginate votings, theme: "decidim" %>
+    </div>
+  </div>
+</div>

data/app/views/decidim/votings/admin/votings/new.html.erb

@@ -0,0 +1,13 @@
+<% add_decidim_page_title(t("votings.new.title", scope: "decidim.votings.admin")) %>
+
+<h2 class="voting-title-summary">
+  <%= t("votings.new.title", scope: "decidim.votings.admin") %>
+</h2>
+
+<%= decidim_form_for(@form, html: { class: "form new_voting" }) do |f| %>
+  <%= render partial: "form", object: f %>
+
+  <div class="button--double form-general-submit">
+    <%= f.submit t("votings.new.create", scope: "decidim.votings.admin") %>
+  </div>
+<% end %>

data/app/views/decidim/votings/admin/votings/polling_officers_picker.html.erb

@@ -0,0 +1,2 @@
+
+<%= cell "decidim/votings/polling_officers/polling_officers_picker", current_voting %>

data/app/views/decidim/votings/polling_officer_zone/polling_officers/show.html.erb

@@ -0,0 +1,42 @@
+<div class="polling_officer_zone">
+  <div class="callout success">
+    <p><%= t(".polling_officer_role_description") %></p>
+  </div>
+
+  <h2><%= t(".polling_stations.title") %></h2>
+  <% if polling_officers.any? %>
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t(".polling_stations.list.voting") %></th>
+            <th><%= t(".polling_stations.list.name") %></th>
+            <th><%= t(".polling_stations.list.address") %></th>
+            <th><%= t(".polling_stations.list.role") %></th>
+            <th><%= t(".polling_stations.list.actions") %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% polling_officers.each do |polling_officer| %>
+            <tr>
+              <td><%= present(polling_officer.voting).title %></td>
+              <td><%= present(polling_officer.polling_station).title %></td>
+              <td><%= present(polling_officer.polling_station).address %></td>
+              <td><%= t(polling_officer.role, scope: "decidim.votings.polling_officers.roles") %></td>
+              <td class="table-list__actions">
+                <% if polling_officer.polling_station.present? %>
+                  <%= icon_link_to "person", polling_officers_polling_station_path(polling_officer, polling_officer.polling_station), t(".actions.identify_person"), class: "action-icon--manage" %>
+                  <%= icon_link_to "envelope-open", polling_officers_polling_station_path(polling_officer, polling_officer.polling_station), t(".actions.count_votes"), class: "action-icon--manage" %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <div class="callout warning">
+      <%= t(".polling_stations.no_polling_stations") %>
+    </div>
+  <% end %>
+</div>

data/app/views/decidim/votings/polling_officer_zone/polling_stations/show.html.erb

@@ -0,0 +1 @@
+<h2><%= present(polling_station).title %></h2>

data/app/views/decidim/votings/votings/_count.html.erb

@@ -0,0 +1 @@
+<%= t(".title", count: count) %>

data/app/views/decidim/votings/votings/_filters.html.erb

@@ -0,0 +1,25 @@
+<%= render partial: "decidim/shared/filter_form_help", locals: { skip_to_id: "votings" } %>
+
+<%= filter_form_for filter do |form| %>
+  <div class="filters__section">
+    <div class="filters__search">
+      <div class="input-group">
+        <%= form.search_field :search_text,
+                              label: false,
+                              class: "input-group-field",
+                              placeholder: t(".search"),
+                              title: t(".search"),
+                              data: { disable_dynamic_change: true } %>
+        <div class="input-group-button">
+          <button type="submit" class="button" aria-controls="votings">
+            <%= icon "magnifying-glass", aria_label: t(".search"), role: "img" %>
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <%= form.check_boxes_tree :state, filter_states_values, legend_title: t(".state") %>
+
+  <%= hidden_field_tag :order, order, id: nil, class: "order_filter" %>
+<% end %>

data/app/views/decidim/votings/votings/_filters_small_view.html.erb

@@ -0,0 +1,23 @@
+<div class="filters-controls hide-for-mediumlarge">
+  <button data-open="filter-box" class="filters-controls__trigger">
+    <%= t ".filter" %>
+    <%= icon "caret-bottom",
+             class: "icon--small float-right",
+             aria_label: t(".unfold"),
+             role: "img" %>
+  </button>
+</div>
+
+<div class="reveal" id="filter-box" data-reveal>
+  <div class="reveal__header">
+    <h3 class="reveal__title"><%= t ".filter_by" %>:</h3>
+    <button class="close-button" data-close
+            aria-label="<%= t(".close_modal") %>"
+            type="button">
+      <span aria-hidden="true">&times;</span>
+    </button>
+  </div>
+  <div class="filters">
+    <%= render partial: "filters" %>
+  </div>
+</div>

data/app/views/decidim/votings/votings/_promoted_voting.html.erb

@@ -0,0 +1,27 @@
+<div class="card card--full card--process">
+  <div class="row collapse card--process__row">
+    <div class="columns mediumlarge-8 large-6 card--process__column">
+      <div class="card__content">
+        <%= link_to voting_path(promoted_voting), class: "card__link" do %>
+          <h2 class="card__title"><%= translated_attribute promoted_voting.title %></h2>
+        <% end %>
+        <%= decidim_sanitize html_truncate(translated_attribute(promoted_voting.description), length: 630, separator: "...") %>
+        <%= link_to voting_path(promoted_voting), class: "button small hollow card__button" do %>
+          <%= t("votings.promoted_voting.more_info", scope: "layouts.decidim") %>
+        <% end %>
+      </div>
+    </div>
+    <div class="columns mediumlarge-8 large-6 card--process__column">
+      <div class="card--full__image"
+           style="background-image:url(<%= promoted_voting.banner_image.url %>)">
+        <div class="card__content row collapse">
+          <div class="large-6 large-offset-6 columns">
+            <%= link_to voting_path(promoted_voting), class: "button expanded button--sc" do %>
+              <%= t(promoted_voting.cta_button_text_key, scope: "layouts.decidim.votings.promoted_voting") %>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/decidim/votings/votings/_voting_details.html.erb

@@ -0,0 +1,7 @@
+<div class="row section" id="voting-details">
+  <div class="columns medium-6 large-5 large-push-1">
+    <p class="lead"><%= decidim_sanitize translated_attribute(voting.description), strip_tags: true %></p>
+  </div>
+  <div class="columns medium-6 large-5 large-pull-1">
+  </div>
+</div>

data/app/views/decidim/votings/votings/_votings.html.erb

@@ -0,0 +1,25 @@
+<div class="collection-sort-controls row small-up-1 medium-up-3 card-grid">
+  <div class="column">
+    <%= order_selector available_orders, i18n_scope: "decidim.votings.votings.orders" %>
+  </div>
+
+  <div class="column">
+    <%= render partial: "decidim/shared/results_per_page" %>
+  </div>
+</div>
+
+<% if paginated_votings.empty? %>
+  <%= cell("decidim/announcement", t(:no_votings, scope: "decidim.votings.votings.index")) %>
+<% else %>
+  <% if only_finished_votings? %>
+    <%= cell("decidim/announcement", t(:only_finished, scope: "decidim.votings.votings.index"), callout_class: "warning") %>
+  <% end %>
+
+  <div class="row small-up-1 medium-up-2 card-grid">
+    <% paginated_votings.each do |voting| %>
+      <%= card_for voting %>
+    <% end %>
+  </div>
+
+  <%= decidim_paginate paginated_votings %>
+<% end %>

data/app/views/decidim/votings/votings/index.html.erb

@@ -0,0 +1,42 @@
+<% add_decidim_meta_tags(title: t("votings.index.title", scope: "decidim.votings")) %>
+
+<%
+edit_link(
+  decidim_admin_votings.votings_path,
+  :read,
+  :voting
+)
+%>
+
+<%= participatory_space_wrapper do %>
+  <% if promoted_votings.any? %>
+    <section id="highlighted-votings" class="row section">
+      <h1 class="section-heading"><%= t("votings.index.promoted_votings", scope: "layouts.decidim") %></h1>
+      <%= render partial: "promoted_voting", collection: promoted_votings, as: :promoted_voting %>
+    </section>
+  <% end %>
+
+  <div class="row columns">
+    <div class="title-action">
+      <div class="row collapse">
+        <h1 id="votings-count" class="title-action__title section-heading">
+          <%= render partial: "count", locals: { count: published_votings.count } %>
+        </h1>
+      </div>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="columns mediumlarge-4 large-3">
+      <%= render partial: "filters_small_view" %>
+      <div class="card card--secondary show-for-mediumlarge">
+        <%= render partial: "filters" %>
+      </div>
+    </div>
+    <div id="votings" class="columns mediumlarge-8 large-9">
+      <%= render partial: "votings" %>
+    </div>
+  </div>
+<% end %>
+
+<%= javascript_include_tag "decidim/filters" %>

data/app/views/decidim/votings/votings/index.js.erb

@@ -0,0 +1,10 @@
+var $votings = $('#votings');
+var $votingsCount = $('#votings-count');
+var $orderFilterInput = $('.order_filter');
+
+$votings.html('<%= j(render partial: "votings") %>');
+$votingsCount.html('<%= j(render partial: "count", locals: { count: paginated_votings.count }) %>');
+$orderFilterInput.val('<%= order %>');
+
+var $dropdownMenu = $('.dropdown.menu', $votings);
+$dropdownMenu.foundation();