mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-09 08:47:11 -05:00
86 lines
4.3 KiB
Text
86 lines
4.3 KiB
Text
<% content_for :title, 'Map' %>
|
|
|
|
<div class="flex flex-col lg:flex-row lg:space-x-4 my-5 w-full">
|
|
<div class='w-full'>
|
|
<div class="flex flex-col space-y-4 mb-4 w-full">
|
|
<%= form_with url: map_path(import_id: params[:import_id]), method: :get do |f| %>
|
|
<div class="flex flex-col space-y-4 sm:flex-row sm:space-y-0 sm:space-x-4 sm:items-end">
|
|
<div class="w-full sm:w-1/12 md:w-1/12 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_path(start_at: @start_at - 1.day, end_at: @end_at - 1.day, import_id: params[:import_id]), class: "btn border border-base-300 hover:btn-ghost w-full" do %>
|
|
◀️
|
|
<% end %>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-2/12 md:w-1/12 lg:w-2/12">
|
|
<div class="flex flex-col space-y-2">
|
|
<%= f.label :start_at, class: "text-sm font-semibold" %>
|
|
<%= f.datetime_local_field :start_at, include_seconds: false, class: "input input-bordered hover:cursor-pointer hover:input-primary", value: @start_at %>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-2/12 md:w-1/12 lg:w-2/12">
|
|
<div class="flex flex-col space-y-2">
|
|
<%= f.label :end_at, class: "text-sm font-semibold" %>
|
|
<%= f.datetime_local_field :end_at, include_seconds: false, class: "input input-bordered hover:cursor-pointer hover:input-primary", value: @end_at %>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-1/12 md:w-1/12 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_path(start_at: @start_at + 1.day, end_at: @end_at + 1.day, import_id: params[:import_id]), class: "btn border border-base-300 hover:btn-ghost w-full" do %>
|
|
▶️
|
|
<% end %>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-6/12 md:w-2/12 lg:w-1/12">
|
|
<div class="flex flex-col space-y-2">
|
|
<%= f.submit "Search", class: "btn btn-primary hover:btn-info" %>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-6/12 md:w-2/12 lg:w-1/12">
|
|
<div class="flex flex-col space-y-2 text-center">
|
|
<%= link_to "Today",
|
|
map_path(start_at: Time.current.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]),
|
|
class: "btn border border-base-300 hover:btn-ghost" %>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-6/12 md:w-3/12 lg:w-2/12">
|
|
<div class="flex flex-col space-y-2 text-center">
|
|
<%= link_to "Last 7 days", map_path(start_at: 1.week.ago.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]), class: "btn border border-base-300 hover:btn-ghost" %>
|
|
</div>
|
|
</div>
|
|
<div class="w-full sm:w-6/12 md:w-3/12 lg:w-2/12">
|
|
<div class="flex flex-col space-y-2 text-center">
|
|
<%= link_to "Last month", map_path(start_at: 1.month.ago.beginning_of_day, end_at: Time.current.end_of_day, import_id: params[:import_id]), class: "btn border border-base-300 hover:btn-ghost" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div
|
|
id='map'
|
|
class="w-full z-0"
|
|
data-controller="maps points add-visit"
|
|
data-points-target="map"
|
|
data-api_key="<%= current_user.api_key %>"
|
|
data-self_hosted="<%= @self_hosted %>"
|
|
data-user_settings='<%= (current_user.settings || {}).to_json.html_safe %>'
|
|
data-user_theme="<%= current_user&.theme || 'dark' %>"
|
|
data-coordinates='<%= @coordinates.to_json.html_safe %>'
|
|
data-tracks='<%= @tracks.to_json.html_safe %>'
|
|
data-distance="<%= @distance %>"
|
|
data-points_number="<%= @points_number %>"
|
|
data-timezone="<%= Rails.configuration.time_zone %>"
|
|
data-features='<%= @features.to_json.html_safe %>'>
|
|
<div data-maps-target="container" class="h-[25rem] rounded-lg w-full min-h-screen z-0">
|
|
<div id="fog" class="fog"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<%= render 'map/settings_modals' %>
|