decidim-elections 0.27.7 → 0.28.0.rc4

data/app/views/decidim/elections/votes/show.html.erb

@@ -1,11 +1,12 @@
-<div class="vote-wrapper">
-  <div class="focus__step">
-    <% if vote&.pending? %>
-      <%= render("show_casting") %>
-    <% elsif vote&.accepted? || preview_mode? %>
-      <%= render("show_casted") %>
-    <% else %>
-      <%= render("show_failed") %>
-    <% end %>
-  </div>
-</div>
+<%= append_stylesheet_pack_tag "decidim_elections" %>
+<%= append_javascript_pack_tag "decidim_elections" %>
+
+<%= render layout: "layouts/decidim/shared/layout_center" do %>
+  <% if vote&.pending? %>
+    <%= render("show_casting") %>
+  <% elsif vote&.accepted? || preview_mode? %>
+    <%= render("show_casted") %>
+  <% else %>
+    <%= render("show_failed") %>
+  <% end %>
+<% end %>

data/app/views/decidim/elections/votes/verify.html.erb

@@ -1,78 +1,57 @@
-<div class="verify-vote-wrapper"
-  data-election-id="<%= election.id %>"
-  data-api-endpoint-url="<%= bulletin_board_server %>"
-  data-election-unique-id="<%= election_unique_id %>">
+<%= append_stylesheet_pack_tag "decidim_elections" %>
+<%= append_javascript_pack_tag "decidim_elections" %>
 
-  <div class="focus__header">
-    <div class="row">
-      <div class="focus__steps">
-        <strong>
-          <%= t("decidim.elections.votes.verify.header.title") %>
-        </strong>
-      </div>
+<%= render layout: "layouts/decidim/shared/layout_center" do %>
 
-      <div class="heading5 focus__header-title">
-        <%= translated_attribute(election.title) %>
-      </div>
-    </div>
+  <div class="text-center py-10">
+    <h1 class="title-decorator inline-block text-left">
+      <%= t("decidim.elections.votes.verify.header.title") %>: <%= translated_attribute(election.title) %>
+    </h1>
   </div>
 
-  <div class="focus__content evote">
-    <div class="row">
-      <h1 class="heading2">
-        <%= t("decidim.elections.votes.verify.content.heading") %>
-      </h1>
+  <div id="verify-vote-wrapper"
+    data-election-id="<%= election.id %>"
+    data-api-endpoint-url="<%= bulletin_board_server %>"
+    data-election-unique-id="<%= election_unique_id %>">
 
-      <p>
-        <%= t("decidim.elections.votes.verify.content.info") %>
-      </p>
+    <h2 class="h3">
+      <%= t("decidim.elections.votes.verify.content.heading") %>
+    </h2>
 
-      <div class="evote__content small-6">
-        <div class="verify-vote-success hide callout success">
-          <h2 class="heading4">
-            <%= t("decidim.elections.votes.verify.success.header") %>
-          </h2>
+    <p class="text-gray-2 mt-4">
+      <%= t("decidim.elections.votes.verify.content.info") %>
+    </p>
 
-          <p>
-            <%== t("decidim.elections.votes.verify.success.info", link: link_to(translated_attribute(election.title), election_path(election))) %>
-          </p>
-        </div>
-
-        <div class="verify-vote-error hide callout alert">
-          <h2 class="heading4">
-            <%= t("decidim.elections.votes.verify.error.header") %>
-          </h2>
+    <div id="verify-vote-success" hidden>
+      <%= cell("decidim/announcement", { title: t("decidim.elections.votes.verify.success.header"), body: t("decidim.elections.votes.verify.success.info", link: link_to(translated_attribute(election.title), election_path(election))).html_safe }, callout_class: "success") %>
+    </div>
 
-          <p>
-            <%== t("decidim.elections.votes.verify.error.info", link: link_to(translated_attribute(election.title), election_path(election))) %>
-          </p>
-        </div>
+    <div id="verify-vote-error" hidden>
+      <%= cell("decidim/announcement", { title: t("decidim.elections.votes.verify.error.header"), body: t("decidim.elections.votes.verify.error.info", link: link_to(translated_attribute(election.title), election_path(election))).html_safe }, callout_class: "alert") %>
+    </div>
 
-        <form class="form">
-          <label>
-            <%= t("decidim.elections.votes.verify.form.vote_identifier") %>
+    <form class="form">
+      <div class="form__wrapper">
+        <label>
+          <%= t("decidim.elections.votes.verify.form.vote_identifier") %>
 
-            <input type="text" class="vote-identifier" name="vote-identifier" value="<%= params[:vote_id].gsub("_","") %>">
-          </label>
           <p class="help-text"><%= t("decidim.elections.votes.verify.form.vote_identifier_help") %></p>
-          <div>
-            <%= link_to(
-              "#",
-              class: "button focus__next confirm"
-            ) do %>
+          <input type="text" class="vote-identifier" name="vote-identifier" value="<%= params[:vote_id].gsub("_","") %>">
+        </label>
+      </div>
 
-              <%= t("decidim.elections.votes.verify.form.submit") %>
-            <% end %>
-          </div>
+      <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+        <%= link_to election_path(election), class: "button button__sm md:button__lg button__transparent-secondary" do %>
+          <span><%= t("decidim.elections.votes.verify.form.back") %></span>
+        <% end %>
 
-          <%= link_to(t("decidim.elections.votes.verify.form.back"), election_path(election)) %>
-        </form>
+        <button type="submit" class="button button__sm md:button__lg button__secondary">
+          <span><%= t("decidim.elections.votes.verify.form.submit") %></span>
+          <%= icon "arrow-right-line" %>
+        </button>
       </div>
-    </div>
-  </div>
+    </form>
 
-</div>
+  </div>
 
-<% content_for :js_content do %>
-  <%= javascript_pack_tag "decidim_elections_voter_verify_vote" %>
 <% end %>

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

@@ -1,24 +1,24 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= title %></h2>
-  </div>
-  <div class="card-section">
-    <div class="row column">
-      <%= form.text_field :code, autofocus: true %>
-    <p class="help-text"><%= t(".code_help") %></p>
-    </div>
-
-    <%= form.label :question_ids, t(".questions") %>
-    <p class="help-text"><%= t(".questions_help") %></p>
-
-    <% voting_elections.each do |election| %>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
       <div class="row column">
-        <%= "#{t(".election")}: #{translated_attribute(election.title)}" %>
+        <%= form.text_field :code, autofocus: true, help_text: t(".code_help") %>
+      </div>
 
-        <% election.questions.each do |question| %>
-          <%= form.check_box :question_ids, { multiple: true, label: translated_attribute(question.title), label_options: { for: nil } }, question.id, nil %>
-        <% end %>
+      <div class="row column">
+        <%= form.label :question_ids, t(".questions") %>
+        <p class="help-text"><%= t(".questions_help") %></p>
       </div>
-    <% end %>
+
+      <% voting_elections.each do |election| %>
+        <div class="row column">
+          <%= "#{t(".election")}: #{translated_attribute(election.title)}" %>
+
+          <% election.questions.each do |question| %>
+            <%= form.check_box :question_ids, { multiple: true, label: translated_attribute(question.title), label_options: { for: nil } }, question.id, nil %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
   </div>
 </div>

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

@@ -1,8 +1,18 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for([current_voting, @form], url: { action: "update" }, html: { class: "form edit_ballot_style" })  do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".update") %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([current_voting, @form], url: { action: "update" }, html: { class: "form-defaults form edit_ballot_style" })  do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

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

@@ -1,69 +1,65 @@
 <% add_decidim_page_title(t(".title")) %>
-<div class="callout warning">
-  <%= icon "info" %>
-  <span class="callout-text"><%= t("explanation_callout", scope: "decidim.votings.admin.ballot_styles.index") %></span>
-</div>
+
+<%= cell("decidim/announcement", t("explanation_callout", scope: "decidim.votings.admin.ballot_styles.index"), callout_class: "warning" ) %>
 <div class="card" id="ballot_styles">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
-      <%= link_to t("actions.new", scope: "decidim.votings.admin.ballot_styles.index", name: t("models.ballot_style.name", scope: "decidim.votings.admin")), new_voting_ballot_style_path(current_voting), class: "button tiny button--title" if allowed_to? :create, :ballot_style, voting: current_voting %>
+      <%= link_to t("actions.new", scope: "decidim.votings.admin.ballot_styles.index"), new_voting_ballot_style_path(current_voting), class: "button button__sm button__secondary" if allowed_to? :create, :ballot_style, voting: current_voting %>
     </h2>
   </div>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th rowspan="2"><%= t("code", scope: "decidim.votings.admin.models.ballot_style.fields") %></th>
-            <% voting_elections.each do |election| %>
-              <th colspan="<%= election.questions.count %>"><%= translated_attribute(election.title) %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th rowspan="2"><%= t("code", scope: "decidim.votings.admin.models.ballot_style.fields") %></th>
+          <% voting_elections.each do |election| %>
+            <th colspan="<%= election.questions.count %>"><%= translated_attribute(election.title) %></th>
+          <% end %>
+          <th rowspan="2"><%= t("associated_census_data", scope: "decidim.votings.admin.ballot_styles.index") %></th>
+          <th rowspan="2" class="actions"><%= t("actions.title", scope: "decidim.votings.admin.ballot_styles.index") %></th>
+        </tr>
+        <tr>
+          <% voting_elections.each do |election| %>
+            <% election.questions.each do |question| %>
+              <th data-tooltip class="ballot-style__question-header" title="<%= translated_attribute(question.title) %>"><%= translated_attribute(question.title) %></th>
             <% end %>
-            <th rowspan="2"><%= t("associated_census_data", scope: "decidim.votings.admin.ballot_styles.index") %></th>
-            <th rowspan="2" class="actions"><%= t("actions.title", scope: "decidim.votings.admin.ballot_styles.index") %></th>
-          </tr>
-          <tr>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody>
+        <% ballot_styles.each do |ballot_style| %>
+          <tr data-id="<%= ballot_style.id %>">
+            <td>
+              <%= ballot_style.code %>
+            </td>
             <% voting_elections.each do |election| %>
               <% election.questions.each do |question| %>
-                <th data-tooltip class="ballot-style__question-header" title="<%= translated_attribute(question.title) %>"><%= translated_attribute(question.title) %></th>
+                <% icon_name, icon_style = ballot_style.questions.include?(question) ? ["check-line", "ballot-style__question--checked"] : ["close-circle-line", "ballot-style__question--unchecked"] %>
+                <td> <%= icon icon_name, class: icon_style %> </td>
               <% end %>
             <% end %>
-          </tr>
-        </thead>
-        <tbody>
-          <% ballot_styles.each do |ballot_style| %>
-            <tr data-id="<%= ballot_style.id %>">
-              <td>
-                <%= ballot_style.code %>
-              </td>
-              <% voting_elections.each do |election| %>
-                <% election.questions.each do |question| %>
-                  <% icon_name, icon_style = ballot_style.questions.include?(question) ? ["check", "ballot-style__question--checked"] : ["x", "ballot-style__question--unchecked"] %>
-                  <td> <%= icon icon_name, class: icon_style %> </td>
-                <% end %>
+            <td>
+              <%= ballot_style.census_data.count %>
+            </td>
+            <td class="table-list__actions">
+            <% if allowed_to? :update, :ballot_style, ballot_style: ballot_style, voting: current_voting %>
+                <%= icon_link_to "pencil-line", edit_voting_ballot_style_path(current_voting, ballot_style), t("actions.edit", scope: "decidim.votings.admin.ballot_styles.index"), class: "action-icon--edit" %>
+              <% else %>
+                <%= icon "pencil-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.edit", scope: "decidim.votings.admin.ballot_styles.index") %>
               <% end %>
-              <td>
-                <%= ballot_style.census_data.count %>
-              </td>
-              <td class="table-list__actions">
-              <% if allowed_to? :update, :ballot_style, ballot_style: ballot_style, voting: current_voting %>
-                  <%= icon_link_to "pencil", edit_voting_ballot_style_path(current_voting, ballot_style), t("actions.edit", scope: "decidim.votings.admin.ballot_styles.index"), class: "action-icon--edit" %>
-                <% else %>
-                  <%= icon "pencil", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.edit", scope: "decidim.votings.admin.ballot_styles.index") %>
-                <% end %>
 
-                <% if allowed_to? :delete, :ballot_style, ballot_style: ballot_style, voting: current_voting %>
-                  <%= icon_link_to "trash", voting_ballot_style_path(current_voting, ballot_style), t("actions.destroy", scope: "decidim.votings.admin.ballot_styles.index"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.admin.ballot_styles.index") } %>
-                <% else %>
-                  <%= icon "trash", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.admin.ballot_styles.index") %>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+              <% if allowed_to? :delete, :ballot_style, ballot_style: ballot_style, voting: current_voting %>
+                <%= icon_link_to "delete-bin-line", voting_ballot_style_path(current_voting, ballot_style), t("actions.destroy", scope: "decidim.votings.admin.ballot_styles.index"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.votings.admin.ballot_styles.index") } %>
+              <% else %>
+                <%= icon "delete-bin-line", class: "action-icon action-icon--disabled", role: "img", aria_label: t("actions.destroy", scope: "decidim.votings.admin.ballot_styles.index") %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>
 
-<%= stylesheet_pack_tag "decidim_votings_admin_votings", media: "all" %>
+<%= append_stylesheet_pack_tag "decidim_votings_admin" %>

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

@@ -1,8 +1,18 @@
 <% add_decidim_page_title(t(".title")) %>
-<%= decidim_form_for([current_participatory_space, @form], html: { class: "form new_ballot_style" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t(".title") } %>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".create") %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+  </h2>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for([current_participatory_space, @form], html: { class: "form-defaults form new_ballot_style" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/votings/admin/monitoring_committee_election_results/_results.html.erb

@@ -1,53 +1,50 @@
 
 <div class="card" id="monitoring_committee_polling_station_closures">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title", election_title: translated_attribute(election.title)).html_safe %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t(".election_totals") %></th>
-            <th><%= t(".polling_stations") %></th>
-            <th><%= t(".bulletin_board") %></th>
-            <th><%= t(".totals") %></th>
-                <th></th>
-          </tr>
-        </thead>
-        <% groups.each do |group| %>
-          <tbody class="question_<%= group[:question]&.id %>">
-            <% if group[:question].present? %>
-              <tr>
-                <th colspan="4" class="text-left"><%= translated_attribute(group[:question].title) %></th>
-                <th></th>
-              </tr>
-            <% end %>
-            <% group[:results].each do |result| %>
-              <tr class="result <%= result[:answer].present? ? "answer answer_#{result[:answer].id}" : "not_answer #{result[:result_type]}" %>">
-                <td>
-                  <% if result[:answer].present? %>
-                    <%= translated_attribute(result[:answer].title) %>
-                  <% else %>
-                    <%= t(".result_types.#{result[:result_type]}") %>
-                  <% end %>
-                </td>
-                <td><%= result[:polling_station] %></td>
-                <td><%= result[:bulletin_board] %></td>
-                <td><%= result[:value] %></td>
-                <td>
-                  <% if result[:answer]&.selected %>
-                    <span class="text-success"><%= t(".selected") %></td>
-                  <% end %>
-                </td>
-              </tr>
-            <% end %>
-          </tbody>
-        <% end %>
-      </table>
-    </div>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t(".election_totals") %></th>
+          <th><%= t(".polling_stations") %></th>
+          <th><%= t(".bulletin_board") %></th>
+          <th><%= t(".totals") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <% groups.each do |group| %>
+        <tbody class="question_<%= group[:question]&.id %>">
+          <% if group[:question].present? %>
+            <tr>
+              <th colspan="4" class="text-left"><%= translated_attribute(group[:question].title) %></th>
+              <th></th>
+            </tr>
+          <% end %>
+          <% group[:results].each do |result| %>
+            <tr class="result <%= result[:answer].present? ? "answer answer_#{result[:answer].id}" : "not_answer #{result[:result_type]}" %>">
+              <td>
+                <% if result[:answer].present? %>
+                  <%= translated_attribute(result[:answer].title) %>
+                <% else %>
+                  <%= t(".result_types.#{result[:result_type]}") %>
+                <% end %>
+              </td>
+              <td><%= result[:polling_station] %></td>
+              <td><%= result[:bulletin_board] %></td>
+              <td><%= result[:value] %></td>
+              <td>
+                <% if result[:answer]&.selected %>
+                  <span class="text-success"><%= t(".selected") %></span>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      <% end %>
+    </table>
   </div>
 </div>

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

@@ -1,32 +1,30 @@
+<% add_decidim_page_title(t(".title")) %>
 <div class="card" id="monitoring_committee_election_results">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t(".title") %>
     </h2>
   </div>
-
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("title", scope: "decidim.elections.admin.elections.index") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_election_results") %></th>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("title", scope: "decidim.elections.admin.elections.index") %></th>
+          <th class="actions"><%= t("actions.title", scope: "decidim.votings.admin.monitoring_committee_election_results") %></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% elections.finished.each do |election| %>
+          <tr data-id="<%= election.id %>">
+            <td>
+              <%= link_to translated_attribute(election.title), voting_monitoring_committee_election_result_path(current_voting, election) %>
+            </td>
+            <td class="table-list__actions">
+              <%= icon_link_to "eye-line", voting_monitoring_committee_election_result_path(current_voting, election), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_election_results"), class: "action-icon--view", target: "_blank", data: { "external-link": false } %>
+            </td>
           </tr>
-        </thead>
-        <tbody>
-          <% elections.finished.each do |election| %>
-            <tr data-id="<%= election.id %>">
-              <td>
-                <%= link_to translated_attribute(election.title), voting_monitoring_committee_election_result_path(current_voting, election) %>
-              </td>
-              <td class="table-list__actions">
-                <%= icon_link_to "eye", voting_monitoring_committee_election_result_path(current_voting, election), t("actions.view", scope: "decidim.votings.admin.monitoring_committee_election_results"), class: "action-icon--view" %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/votings/admin/monitoring_committee_election_results/show.html.erb

@@ -1,6 +1,6 @@
 <% unless elections.one? %>
   <%= link_to voting_monitoring_committee_election_results_path(current_voting) do %>
-    <%= icon "caret-left", class: "icon--small", role: "img" %> <%= t(".change_election") %>
+    <%= icon "arrow-left-s-fill", class: "icon--small", role: "img" %> <%= t(".change_election") %>
   <% end %>
 <% end %>
 
@@ -12,13 +12,13 @@
           data-api-endpoint-url="<%= bulletin_board_server %>"
           data-message-id="<%= publish_results_form.pending_action.message_id %>"></div>
 
-    <%= javascript_pack_tag "decidim_elections_admin_pending_action" %>
+    <%= append_javascript_pack_tag "decidim_elections_admin" %>
     <span class='loading-spinner'></span> <%= t(".publishing") %></div>
   <% else %>
-    <div class="button--double form-general-submit">
-      <%= f.submit t(".publish_results") %>
+    <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
+      <%= f.submit t(".publish_results"), class: "button button__sm button__secondary" %>
     </div>
   <% end %>
 <% end %>
 
-<%= stylesheet_pack_tag "decidim_votings_admin_votings", media: "all" %>
+<%= append_stylesheet_pack_tag "decidim_votings_admin" %>

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

@@ -1,27 +1,26 @@
-<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="form__wrapper">
+  <div class="card">
+    <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--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--email">
+        <%= form.email_field :email %>
+      </div>
 
-    <div class="row column user-fields--name">
-      <%= form.text_field :name %>
+      <div class="row column user-fields--name">
+        <%= form.text_field :name %>
+      </div>
     </div>
   </div>
 </div>
 
-<%= javascript_pack_tag "decidim_votings_admin_monitoring_committee_members_form" %>
+<%= append_javascript_pack_tag "decidim_votings_admin" %>