add search

app/views/search/_folder.html.erb

@@ -0,0 +1 @@
+<%= render 'search/row', href: folder_path(folder), icon: 'folder', title: folder.name, subtitle: folder.parent_folder&.name %>

app/views/search/_folders.html.erb

@@ -0,0 +1,9 @@
+<% if folders.present? %>
+  <div class="mb-5">
+    <div class="px-4 mb-1 text-xs font-semibold uppercase tracking-wide"><%= t('folders') %></div>
+    <div id="search_folders" class="bg-base-200 rounded-2xl divide-y divide-base-300">
+      <%= render partial: 'search/folder', collection: folders %>
+    </div>
+    <%= render 'shared/infinite_scroll', pagy:, query_params: { 'scope' => 'folders' } if pagy %>
+  </div>
+<% end %>

app/views/search/_results.html.erb

@@ -0,0 +1,28 @@
+<% with_filters = params[:scope] == 'submissions' || params[:archived] == 'true' || Submissions::Filter::ALLOWED_PARAMS.any? { |key| params[key].present? } %>
+<turbo-frame id="search_results" class="block">
+  <% if with_filters %>
+    <% filter_params = params.permit(Submissions::Filter::ALLOWED_PARAMS).compact_blank %>
+    <style>html, body { overflow: hidden; }</style>
+    <div class="flex items-center gap-2 w-full">
+      <%= render 'submissions_filters/applied_filters', filter_params:, with_status: true, with_archived: true, filter_template: @filter_template %>
+      <%= render 'submissions_filters/filter_button', filter_params: %>
+    </div>
+  <% end %>
+  <div class="<%= 'overflow-y-auto -mx-4 px-4 md:-mx-2 md:px-2' if with_filters %>" style="<%= 'height: calc(100vh - 40px); padding-top: 16px; padding-bottom: 140px; -webkit-mask-image: linear-gradient(to bottom, transparent, black 16px); mask-image: linear-gradient(to bottom, transparent, black 16px);' if with_filters %>">
+    <% if @query.present? %>
+      <% if @template_folders.blank? && @templates.blank? && @submissions.blank? %>
+        <div class="text-center mt-16 text-xl">
+          <%= t('no_results') %>
+        </div>
+      <% end %>
+      <% if params[:scope] == 'submissions' %>
+        <%= render 'search/submissions', submissions: @submissions, pagy: @pagy %>
+      <% end %>
+      <%= render 'search/folders', folders: @template_folders, pagy: @folders_pagy %>
+      <%= render 'search/templates', templates: @templates, pagy: (@pagy unless params[:scope] == 'submissions') %>
+      <% unless params[:scope] == 'submissions' %>
+        <%= render 'search/submissions', submissions: @submissions, pagy: nil %>
+      <% end %>
+    <% end %>
+  </div>
+</turbo-frame>

app/views/search/_row.html.erb

@@ -0,0 +1,18 @@
+<% subtitle = local_assigns[:subtitle].presence %>
+<% badge = local_assigns[:badge].presence %>
+<% date = local_assigns[:date] %>
+<a href="<%= href %>" data-turbo-frame="_top" class="flex items-center gap-3 pl-4 py-3 min-h-14" style="padding-right: 20px;" data-native-title="<%= title %>" data-native-actions="<%= local_assigns[:native_actions] %>">
+  <%= svg_icon(icon, class: 'w-6 h-6 shrink-0') %>
+  <div class="min-w-0 flex-1 items-center" style="display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px;">
+    <div class="truncate" style="grid-column: <%= badge || !subtitle ? '1' : '1 / span 2' %>; grid-row: <%= subtitle ? '1' : '1 / span 2' %>;"><%= title %></div>
+    <% if subtitle %>
+      <div class="text-xs text-base-content/60 truncate" style="grid-column: 1; grid-row: 2;"><%= subtitle %></div>
+    <% end %>
+    <% if badge %>
+      <span class="badge badge-sm <%= badge_class %> bg-opacity-50 uppercase font-semibold justify-self-end" style="grid-column: 2; grid-row: 1; font-size: 10px;"><%= badge %></span>
+    <% end %>
+    <% if date %>
+      <span class="text-xs text-base-content/60 justify-self-end" style="grid-column: 2; grid-row: <%= badge || subtitle ? '2' : '1 / span 2' %>;"><%= l(date.in_time_zone(current_account.timezone).to_date, format: :short, locale: current_account.locale) %></span>
+    <% end %>
+  </div>
+</a>

app/views/search/_submission.html.erb

@@ -0,0 +1,4 @@
+<% status = submission.completed_at? ? 'completed' : (submission.expired? ? 'expired' : 'pending') %>
+<% name = submission.name.presence || submission.template&.name %>
+<% submitters = submission.submitters.filter_map { |s| s.name.presence || s.email.presence || s.phone.presence }.join(', ') %>
+<%= render 'search/row', href: submission_path(submission), icon: 'file_text', title: submitters, subtitle: (name if params[:template_id].blank?), date: (params[:status] == 'completed' && submission.completed_at) || submission.created_at, badge: t(status), badge_class: { 'completed' => 'badge-success', 'expired' => 'badge-error', 'pending' => 'badge-info' }[status] %>

app/views/search/_submissions.html.erb

@@ -0,0 +1,9 @@
+<% if submissions.present? %>
+  <div class="mb-5">
+    <div class="px-4 mb-1 text-xs font-semibold uppercase tracking-wide"><%= t('submissions') %></div>
+    <div id="search_submissions" class="bg-base-200 rounded-2xl divide-y divide-base-300">
+      <%= render partial: 'search/submission', collection: submissions %>
+    </div>
+    <%= render 'shared/infinite_scroll', pagy: pagy if pagy %>
+  </div>
+<% end %>

app/views/search/_template.html.erb

@@ -0,0 +1,2 @@
+<% author = template.author.full_name.presence || template.author.email.to_s.sub(/\+\w+@/, '@') %>
+<%= render 'search/row', href: template_path(template), icon: 'layout_grid', title: template.name, subtitle: template.folder.default? || params[:folder].present? ? author : template.folder.full_name, date: template.created_at, native_actions: ('pencil,menu' if turbo_native_app? && !template.archived_at? && can?(:update, template)) %>

app/views/search/_templates.html.erb

@@ -0,0 +1,9 @@
+<% if templates.present? %>
+  <div class="mb-5">
+    <div class="px-4 mb-1 text-xs font-semibold uppercase tracking-wide"><%= t('templates') %></div>
+    <div id="search_templates" class="bg-base-200 rounded-2xl divide-y divide-base-300">
+      <%= render partial: 'search/template', collection: templates %>
+    </div>
+    <%= render 'shared/infinite_scroll', pagy: pagy if pagy %>
+  </div>
+<% end %>

app/views/search/index.html.erb

@@ -0,0 +1,10 @@
+<% content_for(:native_title, t('search')) if turbo_native_app? %>
+<% unless turbo_native_app? %>
+  <div class="flex justify-between items-center mb-4">
+    <h1 class="text-2xl md:text-3xl sm:text-4xl font-bold"><%= t('search') %></h1>
+    <%= render 'shared/search_input', placeholder: t('search') %>
+  </div>
+<% end %>
+<native-search class="block" data-src="<%= url_for(params: request.query_parameters.except('q', 'page')) %>" data-q="<%= @query %>">
+  <%= render 'search/results' %>
+</native-search>

app/views/shared/_infinite_scroll.html.erb

@@ -1,5 +1,5 @@
 <% if pagy.next || pagy.page > 1 %>
-  <infinite-scroll id="infinite_scroll" class="col-span-full flex justify-center py-2" data-src="<%= url_for(params: request.query_parameters.merge('page' => pagy.next)) if pagy.next %>">
+  <infinite-scroll id="infinite_scroll" class="col-span-full flex justify-center py-2" data-src="<%= url_for(params: request.query_parameters.merge(local_assigns[:query_params].to_h).merge('page' => pagy.next)) if pagy.next %>">
     <%= svg_icon('loader', class: 'w-6 h-6 animate-spin') %>
   </infinite-scroll>
 <% end %>

app/views/shared/_native_navbar.html.erb

@@ -11,7 +11,7 @@
     </native-action>
   <% end %>
   <native-action data-placement="profile" data-icon="logout" data-native="sign_out" data-label="<%= t('sign_out') %>" data-destructive="true"></native-action>
-  <% if can?(:create, ::Template) && controller_name.in?(%w[templates_dashboard submissions_dashboard template_folders]) %>
+  <% if can?(:create, ::Template) && controller_name.in?(%w[templates_dashboard submissions_dashboard template_folders templates_archived submissions_archived]) %>
     <% folder_name = @template_folder&.full_name %>
     <native-action data-placement="create" data-icon="upload" data-native="upload" data-label="<%= t('upload') %>" data-url="<%= templates_upload_path(folder_name: folder_name) %>" data-accept="image/*, application/pdf, application/zip, application/json<%= ", #{Templates::CreateAttachments::DOCUMENT_EXTENSIONS.join(', ')}" if Docuseal.advanced_formats? %>"></native-action>
     <native-action data-placement="create" data-icon="scan" data-native="scan" data-label="<%= t('scan') %>" data-url="<%= templates_upload_path(folder_name: folder_name) %>"></native-action>

app/views/shared/_search_input.html.erb

@@ -1,5 +1,5 @@
-<native-search class="contents">
-  <form action="<%= url_for %>" method="get" class="items-center flex max-md:focus-within:flex-1 <%= 'max-md:flex-1' if params[:q].present? %>" data-target="native-search.form">
+<% unless turbo_native_app? %>
+  <form action="<%= url_for %>" method="get" class="items-center flex max-md:focus-within:flex-1 <%= 'max-md:flex-1' if params[:q].present? %>">
     <% Submissions::Filter::ALLOWED_PARAMS.each do |key| %>
       <% if params[key].present? %>
         <input name="<%= key %>" value="<%= params[key] %>" class="hidden">
@@ -27,4 +27,4 @@
       </button>
     </search-input>
   </form>
-</native-search>
+<% end %>

app/views/submissions_archived/index.html.erb

@@ -1,5 +1,8 @@
 <% content_for(:native_title, t('archived')) if turbo_native_app? %>
 <% filter_params = params.permit(Submissions::Filter::ALLOWED_PARAMS).compact_blank %>
+<% if turbo_native_app? %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(filter_params.to_h.merge('scope' => 'submissions', 'archived' => 'true')) %>"></native-action>
+<% end %>
 <% unless turbo_native_app? %>
   <div>
     <%= link_to root_path, class: 'flex items-center mb-1 md:mb-0' do %>

app/views/submissions_dashboard/index.html.erb

@@ -1,4 +1,7 @@
 <% filter_params = params.permit(Submissions::Filter::ALLOWED_PARAMS).compact_blank %>
+<% if turbo_native_app? %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(filter_params.to_h.merge('scope' => 'submissions')) %>"></native-action>
+<% end %>
 <% is_show_tabs = (@pagy.count.nil? || @pagy.count >= 5) || params[:status].present? || filter_params.present? %>
 <% if Docuseal.demo? %><%= render 'shared/demo_alert' %><% end %>
 <div class="group/header flex justify-between items-center w-full <%= 'mb-4' unless turbo_native_app? %>">

app/views/submissions_filters/_applied_filters.html.erb

@@ -1,5 +1,5 @@
-<% query_params = params.permit(:q).merge(filter_params) %>
-<% filter_names = %w[status folder author completed_at created_at] %>
+<% query_params = params.permit(:q, :scope, :archived).merge(filter_params) %>
+<% filter_names = %w[status archived template folder author completed_at created_at] %>
 <% ordered_filters = request.query_parameters.keys.filter_map { |key| filter_names.find { |name| key.start_with?(name) } }.uniq %>
 <% chip_order = ordered_filters.reverse.each_with_index.to_h { |name, index| [name, index + 1] } %>
 <% chip_order.default = ordered_filters.size + 1 %>
@@ -22,6 +22,28 @@
   <% end %>
 <% end %>
 <% chips_html = capture do %>
+  <% if local_assigns[:with_archived] && params[:archived] == 'true' %>
+    <div class="order-<%= chip_order['archived'] %> md:order-none flex md:flex h-10 px-2 py-1 text-base md:text-lg items-center justify-between border text-center text-neutral font-semibold rounded-xl shrink-0 max-w-[60vw] md:w-36 border-neutral-700">
+      <span class="flex items-center space-x-1 flex-1 min-w-0 pr-1">
+        <%= svg_icon('archive', class: 'w-5 h-5 shrink-0') %>
+        <span class="font-normal truncate"><%= t('archived') %></span>
+      </span>
+      <%= link_to url_for(params: request.query_parameters.except('archived')), class: 'rounded-lg ml-1 shrink-0 hover:bg-base-content hover:text-white' do %>
+        <%= svg_icon('x', class: 'w-5 h-5') %>
+      <% end %>
+    </div>
+  <% end %>
+  <% if params[:template_id].present? %>
+    <div class="order-<%= chip_order['template'] %> md:order-none flex md:flex h-10 px-2 py-1 text-base md:text-lg items-center justify-between border text-center text-neutral font-semibold rounded-xl shrink-0 max-w-[60vw] md:w-36 border-neutral-700">
+      <span class="flex items-center space-x-1 flex-1 min-w-0 pr-1">
+        <%= svg_icon('layout_grid', class: 'w-5 h-5 shrink-0') %>
+        <span class="font-normal truncate"><%= local_assigns[:filter_template]&.name || 'NA' %></span>
+      </span>
+      <%= link_to url_for(params: request.query_parameters.except('template_id')), class: 'rounded-lg ml-1 shrink-0 hover:bg-base-content hover:text-white' do %>
+        <%= svg_icon('x', class: 'w-5 h-5') %>
+      <% end %>
+    </div>
+  <% end %>
   <% if params[:folder].present? %>
     <div class="order-<%= chip_order['folder'] %> md:order-none md:tooltip tooltip-no-touch tooltip-bottom flex md:flex h-10 px-2 py-1 text-base md:text-lg items-center justify-between border text-center text-neutral font-semibold rounded-xl shrink-0 max-w-[60vw] md:w-36 border-neutral-700" data-tip="<%= t('folder') %>">
       <%= link_to submissions_filter_path('folder', query_params.merge(path: url_for, with_remove: true)), data: { turbo_frame: 'modal' }, class: 'flex items-center space-x-1 flex-1 min-w-0 pr-1' do %>

app/views/submissions_filters/_filter_button.html.erb

@@ -1,4 +1,4 @@
-<% query_params = params.permit(:q).merge(filter_params) %>
+<% query_params = params.permit(:q, :scope, :archived).merge(filter_params) %>
 <% advanced_filters = filter_params.then { |f| f[:status].in?(%w[pending completed]) ? f.except(:status) : f } %>
 <div class="dropdown dropdown-end shrink-0">
   <label tabindex="0" class="cursor-pointer flex h-10 py-1 text-lg items-center border text-center text-neutral rounded-xl hover:border-neutral-700 <%= advanced_filters.present? ? 'w-10 md:w-auto px-0 md:px-3 space-x-0 md:space-x-1 justify-center md:justify-between border-neutral-700 md:border-neutral-300' : 'px-3 space-x-1 justify-between border-neutral-300' %>">

app/views/submissions_filters/_filter_modal.html.erb

@@ -3,6 +3,8 @@
 <%= render 'shared/turbo_modal', title: local_assigns[:title] do %>
   <%= form_for '', url: path, method: :get, data: { turbo_frame: :_top }, html: { autocomplete: :off } do |f| %>
     <%= hidden_field_tag :q, params[:q] if params[:q].present? %>
+    <%= hidden_field_tag :scope, params[:scope] if params[:scope].present? %>
+    <%= hidden_field_tag :archived, params[:archived] if params[:archived].present? %>
     <% local_assigns[:default_params].each do |key, value| %>
       <%= hidden_field_tag(key, value) if value.present? %>
     <% end %>
@@ -12,7 +14,7 @@
     </div>
     <% if params[:with_remove] %>
       <div class="text-center w-full mt-4">
-        <%= link_to t('remove_filter'), "#{path}?#{request.query_parameters.slice('q').merge(local_assigns[:default_params]).to_query}", class: 'link', data: { turbo_frame: :_top } %>
+        <%= link_to t('remove_filter'), "#{path}?#{request.query_parameters.slice('q', 'scope', 'archived').merge(local_assigns[:default_params]).to_query}", class: 'link', data: { turbo_frame: :_top } %>
       </div>
     <% end %>
   <% end %>

app/views/template_folders/show.html.erb

@@ -1,4 +1,7 @@
 <% content_for(:native_title, @template_folder.name) if turbo_native_app? %>
+<% if turbo_native_app? %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(folder: @template_folder.full_name) %>"></native-action>
+<% end %>
 <% if turbo_native_app? && (can?(:manage, :countless) || current_account.templates.where.not(archived_at: nil).exists?) %>
   <native-action data-placement="menu" data-icon="archive" data-label="<%= t('archived') %>">
     <a href="<%= templates_archived_index_path %>" data-native-title="<%= t('archived') %>"><%= t('view_archived') %></a>

app/views/templates/show.html.erb

@@ -5,7 +5,7 @@
 <% is_show_header = submissions_count != 0 || params[:q].present? || params[:status].present? || filter_params.present? %>
 <%= render 'title', template: @template, with_export: is_show_header %>
 <% if turbo_native_app? %>
-  <%= render 'shared/search_input' %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(filter_params.to_h.merge({ 'scope' => 'submissions', 'template_id' => @template.id, 'archived' => ('true' if @template.archived_at?) }.compact)) %>"></native-action>
   <% if !@template.archived_at? && can?(:create, Submission) %>
     <native-action data-placement="footer" data-icon="send" data-label="<%= t('send_to_recipients') %>">
       <a href="<%= new_template_submission_path(@template) %>" data-turbo-frame="modal"></a>

app/views/templates_archived/index.html.erb

@@ -1,4 +1,7 @@
 <% content_for(:native_title, t('archived')) if turbo_native_app? %>
+<% if turbo_native_app? %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(archived: true) %>"></native-action>
+<% end %>
 <% unless turbo_native_app? %>
   <div>
     <%= link_to root_path, class: 'flex items-center mb-1 md:mb-0' do %>

app/views/templates_archived_submissions/index.html.erb

@@ -1,5 +1,8 @@
 <% content_for(:native_title, t('archived')) if turbo_native_app? %>
 <% filter_params = params.permit(Submissions::Filter::ALLOWED_PARAMS).compact_blank %>
+<% if turbo_native_app? %>
+  <native-action data-placement="search" data-native="search" data-label="<%= t('search') %>" data-url="<%= search_index_path(filter_params.to_h.merge('scope' => 'submissions', 'archived' => 'true', 'template_id' => @template.id)) %>"></native-action>
+<% end %>
 <% with_filters = @pagy.pages > 1 || params[:q].present? || filter_params.present? %>
 <% unless turbo_native_app? %>
   <%= render 'templates/title', template: @template %>