X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/206e1309a95b498a220d8de6cf4ed5970ebd6778..ca4ee6faa9378e7610356e36cbd4931a2657eeed:/app/views/issues/index.html.erb?ds=sidebyside

diff --git a/app/views/issues/index.html.erb b/app/views/issues/index.html.erb
index 98fbbaa2d..3f79190fa 100644
--- a/app/views/issues/index.html.erb
+++ b/app/views/issues/index.html.erb
@@ -1,41 +1,43 @@
-<p id= "notice"><%= notice %></p>
-
 <% content_for :heading do %>
-	<h1>List of <%= @user_role %> issues:</h1>
-<% end %>
-
-<%= form_tag(issues_path, :method => :get) do %>
-	<%= text_field_tag :search_by_user, params[:search_by_user], placeholder: "Search by Reported User" %>
-	<%= submit_tag "Search" %>
+  <h1><%= t ".title" %></h1>
 <% end %>
-<br/>
-<br/>
 
-<table>
-	<thead>
-		<tr>
-			<tr>
-				<td><b> Status </b></td>
-				<td><b> Number of Reports</b></td>
-				<td><b> Last updated at</b></td>
-				<td><b> Link to instance </b></td>
-				<td><b> Reported User </b></td>
-				<td></td>
-			</tr>
-		</tr>
-	</thead>
-	<tbody>
-		<% @issues.each do |issue| %>
-			<tr>
-				<td><span class="count-number"> <strong><%= issue.status %></strong></span> </td>
-				<td><%= issue.reports.count %></td>
-				<td><%= issue.updated_at.strftime('%H:%M, %m/%d/%y') %></td>
-				<td> <%= reportable_url(issue.reportable) %></td>
-				<td><%= link_to issue.user.display_name , :controller => :user, :action => :view,:display_name => issue.user.display_name %></td>
-				<td><b><%= link_to "Show Reports", issue %></b></td>
-			</tr>
-		<% end %>
-	</tbody>
-</table>
+<p><%= t ".search_guidance" %></p>
 
+<%= form_tag(issues_path, :method => :get, :data => { "turbo" => true, "turbo-frame" => "pagination", "turbo-action" => "advance" }) do %>
+  <div class="row gx-1">
+    <div class="mb-3 col-md-auto">
+      <%= select_tag :status,
+                     options_for_select(Issue.aasm.states.map(&:name).map { |state| [t(".states.#{state}"), state] }, params[:status]),
+                     :include_blank => t(".select_status"),
+                     :data => { :behavior => "category_dropdown" },
+                     :class => "form-select" %>
+    </div>
+    <div class="mb-3 col-md-auto">
+      <%= select_tag :issue_type,
+                     options_for_select(@issue_types.map { |issue_type| [issue_type.constantize.model_name.human, issue_type] }, params[:issue_type]),
+                     :include_blank => t(".select_type"),
+                     :data => { :behavior => "category_dropdown" },
+                     :class => "form-select" %>
+    </div>
+    <div class="mb-3 col-md">
+      <%= text_field_tag :search_by_user,
+                         params[:search_by_user],
+                         :placeholder => t(".reported_user"),
+                         :autocomplete => "on",
+                         :class => "form-control" %>
+    </div>
+    <div class="mb-3 col-md-auto">
+      <%= select_tag :last_updated_by,
+                     options_for_select(@users.all.collect { |f| [f.display_name, f.id] } << [t(".not_updated"), "nil"], params[:last_updated_by]),
+                     :include_blank => t(".select_last_updated_by"),
+                     :data => { :behavior => "category_dropdown" },
+                     :class => "form-select" %>
+    </div>
+    <div class="mb-3 col-md-auto">
+      <%= submit_tag t(".search"), :name => nil, :class => "btn btn-primary" %>
+    </div>
+  </div>
+<% end %>
 
+<%= render :partial => "page" %>