tykayn/oedb-backend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ajout infos dans event preset

Browse source
This commit is contained in:
Tykayn 2025-10-14 23:54:59 +02:00 • committed by tykayn
parent 6e3965e515
commit e7a2d93d18
4 changed files with 203 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

81
frontend/src/app/pages/home/home.html
View file

@ -9,7 +9,7 @@
@if(showOptions){
<div class="aside-content">
@ -81,7 +81,7 @@
<!-- <app-osm></app-osm>
<app-menu></app-menu> -->
<hr>
}
@ -89,7 +89,7 @@
</div>
<!-- <app-unlocated-events [events]="filteredFeatures"></app-unlocated-events> -->
@if(showEditForm){
<div class="guide">
<h3>Guide</h3>
@ -129,7 +129,7 @@
@if(selected !== null){
<div class="selected">
<h3> sélectionné: {{selected.properties.name}} {{selected.properties.title}} {{selected.properties.label}}</h3>
<h3 (click)="showEditForm = !showEditForm"> sélectionné: {{selected.properties.name}} {{selected.properties.title}} {{selected.properties.label}}</h3>
<table>
<tbody>
@ -208,7 +208,7 @@
</div>
}
</div>
@if (selectedIds.length) {
<div class="batch-panel">
@ -252,27 +252,63 @@
</div>
</div>
}
}
</div>
<div class="main {{showOptions? 'is-small' : 'is-full'}}">
<button class="button toggle-options" (click)="showOptions = !showOptions">
<button class="button toggle-options btn-primary" (click)="showOptions = !showOptions">
Options
</button>
@if(!showUnlocatedList){
@if (pleinAirMode) {
@if (showQuickActions) {
<div class="quick-actions" style="margin-top:8px; display:flex; gap:6px; flex-wrap:wrap;">
<button class="btn" (click)="quickCreate('traffic.contestation')">🚩 Contester</button>
<button class="btn" (click)="quickCreate('traffic.interruption')">⛓️ Interruption</button>
<button class="btn" (click)="quickCreate('traffic.wrong_way')">⛖ Détourné</button>
<button [ngClass]="{'is-active' : selectedPreset == 'traffic.contestation'}"
class="btn" (click)="quickCreate('traffic.contestation')"
>🚩 Contester</button>
<button [ngClass]="{'is-active' : selectedPreset == 'traffic.interruption'}"
class="btn" (click)="quickCreate('traffic.interruption')"
>⛓️ Interruption</button>
<button [ngClass]="{'is-active' : selectedPreset == 'traffic.wrong_way'}"
class="btn" (click)="quickCreate('traffic.wrong_way')"
>⛖ Détourné</button>
</div>
}
}
@if (civilianMode) {
@if (showQuickActions) {
<div class="quick-actions" style="margin-top:8px; display:flex; gap:6px; flex-wrap:wrap;">
<button [ngClass]="{'is-active' : selectedPreset == 'power.lights.should_be_off'}"
class="btn" (click)="quickCreate('power.lights.should_be_off')"
>🚩 Lumières devraient être éteintes</button>
</div>
}
}
@if (showGuidePresetPlace) {
<p class="guide-preset">
Sélectionnez l'endroit sur la carte
</p>
}
@if (showGuidePresetMoreInfo) {
<p class="guide-preset-more">
Vous pouvez donner plus de détails
<input type="text" [(ngModel)]="guidePresetMoreInfoPseudo" placeholder="votre pseudo ou nom">
<textarea [(ngModel)]="presetMoreDetails" placeholder="tronc d'arbre dans le chemin"></textarea>
<button class="btn btn-primary" (click)="submitPreset()">Envoyer</button>
</p>
}
}
<!--fin des actions rapides-->
@if (toasts.length) {
<div class="toaster"
style="position:fixed;right:16px;top:16px;display:flex;flex-direction:column;gap:8px;z-index:1000;">
style="">
@for (t of toasts; track t.id) {
<div class="toast" [class.success]="t.type==='success'" [class.error]="t.type==='error'"
[class.info]="t.type==='info'"
@ -314,7 +350,7 @@
<ul class="event-list">
@for (f of unlocatedOrOnline; track f.id) {
<li class="event-item"
(click)="onSelect({ id: f?.properties?.id ?? f?.id, properties: f.properties, geometry: f.geometry })"
(click)="onSelectFromCalendarView({ id: f?.properties?.id ?? f?.id, properties: f.properties, geometry: f.geometry })"
[class.active]="selected?.id === (f?.properties?.id ?? f?.id)">
<span class="event-icon">📌</span>
<div class="event-meta">
@ -327,15 +363,19 @@
</div>
</aside>
<main class="agenda-main">
@if (selected) {
@if (selected && showEditForm) {
<div class="event-edit-panel">
<div class="panel-header">
<h3>Détails</h3>
<button class="btn-close" (click)="selected = null">×</button>
</div>
<div class="panel-content">
<app-edit-form [selected]="selected" (saved)="onSaved($event)" (created)="onCreated($event)"
(deleted)="onDeleted($event)">
<app-edit-form [selected]="selected"
(saved)="onSaved($event)"
(created)="onCreated($event)"
(deleted)="onDeleted($event)"
(canceled)="showEditForm=false"
>
</app-edit-form>
</div>
</div>
@ -379,6 +419,9 @@
<button class="fab counter" (click)="toggleUnlocatedPanel()" title="{{unlocatedOrOnline.length}} évènements non localisés ou en ligne">
{{unlocatedOrOnline.length}}
</button>
<button class="fab plus" (click)="createMammoth()" title="Créer un nouvel évènement (mammouth)">+
@if(!showUnlocatedList){
<button class="fab plus btn-primary" (click)="createMammoth()" title="Créer un nouvel évènement (mammouth)">+
</button>
</div>
}
</div>