mirror of
https://github.com/Freika/dawarich.git
synced 2026-01-09 08:47:11 -05:00
8934c29fce
* 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>
67 lines
2.9 KiB
Text
67 lines
2.9 KiB
Text
<div data-controller="area-creation-v2"
|
|
data-area-creation-v2-api-key-value="<%= current_user.api_key %>">
|
|
<div class="modal z-[10000]" data-area-creation-v2-target="modal">
|
|
<div class="modal-box max-w-xl">
|
|
<h3 class="font-bold text-lg mb-4">Create New Area</h3>
|
|
|
|
<form data-area-creation-v2-target="form" data-action="submit->area-creation-v2#submit">
|
|
<input type="hidden" name="latitude" data-area-creation-v2-target="latitudeInput">
|
|
<input type="hidden" name="longitude" data-area-creation-v2-target="longitudeInput">
|
|
<input type="hidden" name="radius" data-area-creation-v2-target="radiusInput">
|
|
|
|
<div class="space-y-4">
|
|
<!-- Area Name -->
|
|
<div class="form-control">
|
|
<label class="label">
|
|
<span class="label-text font-semibold">Area Name *</span>
|
|
</label>
|
|
<input
|
|
type="text"
|
|
name="name"
|
|
placeholder="e.g. Home, Office, Gym..."
|
|
class="input input-bordered w-full"
|
|
data-area-creation-v2-target="nameInput"
|
|
required>
|
|
</div>
|
|
|
|
<!-- Radius Display -->
|
|
<div class="form-control">
|
|
<label class="label">
|
|
<span class="label-text font-semibold">Radius</span>
|
|
</label>
|
|
<div class="text-lg font-semibold">
|
|
<span data-area-creation-v2-target="radiusDisplay">0</span> meters
|
|
</div>
|
|
<label class="label">
|
|
<span class="label-text-alt">Draw on the map to set the radius</span>
|
|
</label>
|
|
</div>
|
|
|
|
<!-- Drawing Instructions -->
|
|
<div class="alert alert-info">
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
</svg>
|
|
<div class="text-sm">
|
|
<strong>How to draw:</strong>
|
|
<ol class="list-decimal list-inside mt-1">
|
|
<li>Click once to set the center point</li>
|
|
<li>Move mouse to adjust radius</li>
|
|
<li>Click again to finish drawing</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-action">
|
|
<button type="button" class="btn btn-ghost" data-action="click->area-creation-v2#close">Cancel</button>
|
|
<button type="submit" class="btn btn-primary" data-area-creation-v2-target="submitButton">
|
|
<span class="loading loading-sm hidden" data-area-creation-v2-target="submitSpinner"></span>
|
|
<span data-area-creation-v2-target="submitText">Create Area</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-backdrop" data-action="click->area-creation-v2#close"></div>
|
|
</div>
|
|
</div>
|