dawarich/app/views/shared/_place_creation_modal.html.erb
Evgenii Burmakin 8934c29fce
0.36.2 (#2007)
* fix: move foreman to global gems to fix startup crash (#1971)

* Update exporting code to stream points data to file in batches to red… (#1980)

* Update exporting code to stream points data to file in batches to reduce memory usage

* Update changelog

* Update changelog

* Feature/maplibre frontend (#1953)

* Add a plan to use MapLibre GL JS for the frontend map rendering, replacing Leaflet

* Implement phase 1

* Phases 1-3 + part of 4

* Fix e2e tests

* Phase 6

* Implement fog of war

* Phase 7

* Next step: fix specs, phase 7 done

* Use our own map tiles

* Extract v2 map logic to separate manager classes

* Update settings panel on v2 map

* Update v2 e2e tests structure

* Reimplement location search in maps v2

* Update speed routes

* Implement visits and places creation in v2

* Fix last failing test

* Implement visits merging

* Fix a routes e2e test and simplify the routes layer styling.

* Extract js to modules from maps_v2_controller.js

* Implement area creation

* Fix spec problem

* Fix some e2e tests

* Implement live mode in v2 map

* Update icons and panel

* Extract some styles

* Remove unused file

* Start adding dark theme to popups on MapLibre maps

* Make popups respect dark theme

* Move v2 maps to maplibre namespace

* Update v2 references to maplibre

* Put place, area and visit info into side panel

* Update API to use safe settings config method

* Fix specs

* Fix method name to config in SafeSettings and update usages accordingly

* Add missing public files

* Add handling for real time points

* Fix remembering enabled/disabled layers of the v2 map

* Fix lots of e2e tests

* Add settings to select map version

* Use maps/v2 as main path for MapLibre maps

* Update routing

* Update live mode

* Update maplibre controller

* Update changelog

* Remove some console.log statements

---------

Co-authored-by: Robin Tuszik <mail@robin.gg>
2025-12-06 20:54:49 +01:00

89 lines
3.9 KiB
Text

<div data-controller="place-creation" data-place-creation-api-key-value="<%= current_user.api_key %>">
<div class="modal z-[10000]" data-place-creation-target="modal">
<div class="modal-box max-w-2xl">
<h3 class="font-bold text-lg mb-4" data-place-creation-target="modalTitle">Create New Place</h3>
<form data-place-creation-target="form" data-action="submit->place-creation#submit">
<input type="hidden" name="latitude" data-place-creation-target="latitudeInput">
<input type="hidden" name="longitude" data-place-creation-target="longitudeInput">
<div class="space-y-4">
<div class="form-control">
<label class="label">
<span class="label-text font-semibold">Place Name *</span>
</label>
<input
type="text"
name="name"
placeholder="Enter place name..."
class="input input-bordered w-full"
data-place-creation-target="nameInput"
required>
</div>
<div class="form-control">
<label class="label">
<span class="label-text font-semibold">Note</span>
</label>
<textarea
name="note"
placeholder="Add a personal note about this place..."
class="textarea textarea-bordered w-full bg-base-100"
rows="3"
data-place-creation-target="noteInput"></textarea>
<label class="label">
<span class="label-text-alt">Optional - Add any notes or details about this place</span>
</label>
</div>
<div class="form-control">
<label class="label">
<span class="label-text font-semibold">Tags</span>
</label>
<div class="flex flex-wrap gap-2" data-place-creation-target="tagCheckboxes">
<% current_user.tags.ordered.each do |tag| %>
<label class="cursor-pointer">
<input type="checkbox" name="tag_ids[]" value="<%= tag.id %>" class="checkbox checkbox-sm hidden peer">
<span class="badge badge-lg badge-outline transition-all peer-checked:scale-105" style="border-color: <%= tag.color %>; color: <%= tag.color %>;" data-color="<%= tag.color %>">
<%= tag.icon %> #<%= tag.name %>
</span>
</label>
<% end %>
</div>
<label class="label">
<span class="label-text-alt">Click tags to select them for this place</span>
</label>
</div>
<div class="divider">Suggested Places</div>
<div class="form-control">
<label class="label">
<span class="label-text font-semibold">Nearby Places</span>
</label>
<div class="relative">
<div class="loading loading-spinner loading-sm absolute top-2 right-2 hidden" data-place-creation-target="loadingSpinner"></div>
<div class="space-y-2 max-h-48 overflow-y-auto" data-place-creation-target="nearbyList">
</div>
<div class="mt-2 text-center hidden" data-place-creation-target="loadMoreContainer">
<button
type="button"
class="btn btn-sm btn-ghost"
data-action="click->place-creation#loadMore"
data-place-creation-target="loadMoreButton">
Load More (expand search radius)
</button>
</div>
</div>
</div>
</div>
<div class="modal-action">
<button type="button" class="btn btn-ghost" data-action="click->place-creation#close">Cancel</button>
<button type="submit" class="btn btn-primary" data-place-creation-target="submitButton">Create Place</button>
</div>
</form>
</div>
<div class="modal-backdrop" data-action="click->place-creation#close"></div>
</div>
</div>