mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-11 09:41:40 -05:00
72 lines
3.7 KiB
Text
72 lines
3.7 KiB
Text
|
<!-- Date Navigation Controls - Native Page Element -->
|
||
|
|
<div class="w-full px-4 bg-base-100" data-controller="map-controls">
|
||
|
|
<!-- Mobile: Compact Toggle Button -->
|
||
|
|
<div class="lg:hidden flex justify-center">
|
||
|
|
<button
|
||
|
|
type="button"
|
||
|
|
data-action="click->map-controls#toggle"
|
||
|
|
class="btn btn-primary w-96 shadow-lg">
|
||
|
|
<span data-map-controls-target="toggleIcon">
|
||
|
|
<%= icon 'chevron-down' %>
|
||
|
|
</span>
|
||
|
|
<span class="ml-2"><%= human_date(start_at) %></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Expandable Panel (hidden on mobile by default, always visible on desktop) -->
|
||
|
|
<div
|
||
|
|
data-map-controls-target="panel"
|
||
|
|
class="hidden lg:!block bg-base-100 rounded-lg shadow-lg p-4 mt-2 lg:mt-0">
|
||
|
|
<%= form_with url: map_v2_path(import_id: params[:import_id]), method: :get do |f| %>
|
||
|
|
<div class="flex flex-col space-y-4 lg:flex-row lg:space-y-0 lg:space-x-4 lg:items-end">
|
||
|
|
<div class="w-full lg:w-1/12">
|
||
|
|
<div class="flex flex-col space-y-2">
|
||
|
|
<span class="tooltip" data-tip="<%= human_date(start_at - 1.day) %>">
|
||
|
|
<%= link_to map_v2_path(start_at: start_at - 1.day, end_at: end_at - 1.day, import_id: params[:import_id]), class: "btn btn-sm border border-base-300 hover:btn-ghost w-full" do %>
|
||
|
|
<%= icon 'chevron-left' %>
|
||
|
|
<% end %>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-2/12 tooltip tooltip-bottom" data-tip="Start date and time">
|
||
|
|
<%= f.datetime_local_field :start_at, include_seconds: false, class: "input input-sm input-bordered hover:cursor-pointer hover:input-primary w-full", value: start_at %>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-2/12 tooltip tooltip-bottom" data-tip="End date and time">
|
||
|
|
<%= f.datetime_local_field :end_at, include_seconds: false, class: "input input-sm input-bordered hover:cursor-pointer hover:input-primary w-full", value: end_at %>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-1/12">
|
||
|
|
<div class="flex flex-col space-y-2">
|
||
|
|
<span class="tooltip" data-tip="<%= human_date(start_at + 1.day) %>">
|
||
|
|
<%= link_to map_v2_path(start_at: start_at + 1.day, end_at: end_at + 1.day, import_id: params[:import_id]), class: "btn btn-sm border border-base-300 hover:btn-ghost w-full" do %>
|
||
|
|
<%= icon 'chevron-right' %>
|
||
|
|
<% end %>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-1/12">
|
||
|
|
<div class="flex flex-col space-y-2">
|
||
|
|
<%= f.submit "Search", class: "btn btn-sm btn-primary hover:btn-info w-full" %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-1/12">
|
||
|
|
<div class="flex flex-col space-y-2 text-center">
|
||
|
|
<%= link_to "Today",
|
||
|
|
map_v2_path(start_at: Time.current.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]),
|
||
|
|
class: "btn btn-sm border border-base-300 hover:btn-ghost w-full" %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-2/12">
|
||
|
|
<div class="flex flex-col space-y-2 text-center">
|
||
|
|
<%= link_to "Last 7 days", map_v2_path(start_at: 1.week.ago.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]), class: "btn btn-sm border border-base-300 hover:btn-ghost w-full" %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="w-full lg:w-2/12">
|
||
|
|
<div class="flex flex-col space-y-2 text-center">
|
||
|
|
<%= link_to "Last month", map_v2_path(start_at: 1.month.ago.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]), class: "btn btn-sm border border-base-300 hover:btn-ghost w-full" %>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% end %>
|
||
|
|
</div>
|
||
|
|
</div>
|