kevinsivic/dawarich
1
0
Fork 0
mirror of https://github.com/Freika/dawarich.git synced 2026-01-11 09:41:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add points rendering mode modal

Browse source
This commit is contained in:
Eugene Burmakin 2024-10-20 20:55:43 +02:00
parent eee33d13fa
commit c219e7a7b4
3 changed files with 33 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/builds/tailwind.css
View file

File diff suppressed because one or more lines are too long

27
app/javascript/controllers/maps_controller.js
View file

@ -410,19 +410,14 @@ export default class extends Controller {
<label for="merge_threshold_minutes_info" class="btn-xs join-item">?</label> <label for="merge_threshold_minutes_info" class="btn-xs join-item">?</label>
</div> </div>
<label for="points_rendering_mode">Points rendering mode</label>
<div class="join">
<div>
<input type="radio" id="raw" name="points_rendering_mode" value="raw" checked />
<label for="raw">Raw</label>
</div>
<div> <label for="points_rendering_mode">Points rendering mode</label>
<input type="radio" id="simplified" name="points_rendering_mode" value="simplified" /> <input type="radio" id="raw" name="points_rendering_mode" class='radio w-16' value="raw" ${this.pointsRenderingModeChecked('raw')} />
<label for="simplified">Simplified</label> <label for="raw">Raw</label>
</div>
<label for="points_rendering_mode_info" class="btn-xs join-item">?</label> <input type="radio" id="simplified" name="points_rendering_mode" class='radio w-16' value="simplified" ${this.pointsRenderingModeChecked('simplified')}/>
</div> <label for="simplified">Simplified</label>
<label for="points_rendering_mode_info" class="btn-xs join-item">?</label>
<button type="submit">Update</button> <button type="submit">Update</button>
</form> </form>
@ -448,6 +443,14 @@ export default class extends Controller {
this.map.addControl(this.settingsPanel); this.map.addControl(this.settingsPanel);
} }
pointsRenderingModeChecked(value) {
if (value === this.pointsRenderingMode) {
return 'checked';
} else {
return '';
}
}
updateSettings(event) { updateSettings(event) {
event.preventDefault(); event.preventDefault();

17
app/views/map/_settings_modals.html.erb
View file

@ -95,3 +95,20 @@
</div> </div>
<label class="modal-backdrop" for="merge_threshold_minutes_info">Close</label> <label class="modal-backdrop" for="merge_threshold_minutes_info">Close</label>
</div> </div>
<input type="checkbox" id="points_rendering_mode_info" class="modal-toggle" />
<div class="modal focus:z-99" role="dialog">
<div class="modal-box">
<h3 class="text-lg font-bold">Points rendering mode</h3>
<p class="py-4">
To improve map performance, you can set the rendering mode for points to "Simplified".
</p>
<p class="py-4">
In this mode, the points that are closer to each other than 20 seconds or 50 meters are not being rendered. This can significantly improve the performance of the map, especially if you have a lot of points on the map.
</p>
<p class="py-4">
The "Raw" mode will render all points on the map, regardless of the distance in space and time between them.
</p>
</div>
<label class="modal-backdrop" for="points_rendering_mode_info">Close</label>
</div>