Skip to content

Commit f726eda

Browse files
DestinyyyyDestinyyyy
authored
[Frontend] chore: panoramax optimisation & accessibility improvements (#2451)
* chore: panoramax scripts optimisation & added shortcuts panoramax details on erp page * chore: trad fixes
1 parent b424863 commit f726eda

File tree

9 files changed

+98
-87
lines changed

9 files changed

+98
-87
lines changed

‎locale/en/LC_MESSAGES/django.mo‎

8.28 KB
Binary file not shown.

‎locale/en/LC_MESSAGES/django.po‎

Lines changed: 36 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ msgid ""
66
msgstr ""
77
"Project-Id-Version: PACKAGE VERSION\n"
88
"Report-Msgid-Bugs-To: \n"
9-
"POT-Creation-Date: 2026-01-22 10:45+0100\n"
9+
"POT-Creation-Date: 2026-01-28 17:36+0100\n"
1010
"PO-Revision-Date: 2026-01-22 10:45+0100\n"
1111
"Last-Translator: <patrick.nguyen@beta.gouv.fr>\n"
1212
"Language-Team: LANGUAGE <LL@li.org>\n"
@@ -3445,6 +3445,41 @@ msgstr "Next page"
34453445
msgid "Dernière page"
34463446
msgstr "Last page"
34473447

3448+
msgid "Liste des raccourcis pour l'utilisation de la carte intéractive"
3449+
msgstr "List of shortcuts for the use of the interactive card"
3450+
3451+
msgid ""
3452+
"Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la "
3453+
"carte"
3454+
msgstr ""
3455+
"Arrows (or 2/4/8/6 of the digital pavement): move in the image or on the map"
3456+
3457+
msgid ""
3458+
"Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou "
3459+
"précédente dans la séquence"
3460+
msgstr ""
3461+
"High/low page (or 3/9 of the digital pavement): switch to the following or "
3462+
"previous image in the sequence"
3463+
3464+
msgid "/ - : zoomer ou dézoomer l’image ou la carte"
3465+
msgstr "/ -: zoom or diszoman the image or the card"
3466+
3467+
msgid "(ou 5 du pavé numérique) : recentrer l’image ou la carte"
3468+
msgstr "(or 5 of the digital pavement): refocus the image or the card"
3469+
3470+
msgid ""
3471+
"Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme "
3472+
"élément principal affiché"
3473+
msgstr ""
3474+
"Home / ↖️ (or 7 of the digital pavement): to switch the card and the image as "
3475+
"a main element displayed"
3476+
3477+
msgid "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite"
3478+
msgstr "End (or 1 of the digital pavement): hide the card or reduced image"
3479+
3480+
msgid "Espace : lire ou mettre en pause la séquence en cours"
3481+
msgstr "Space: Read or break the current sequence"
3482+
34483483
msgid "Communes renseignées"
34493484
msgstr "Communes filled"
34503485

@@ -6380,41 +6415,6 @@ msgstr "Address:"
63806415
msgid "Activité :"
63816416
msgstr "Activity:"
63826417

6383-
msgid "Liste des raccourcis pour l'utilisation de la carte intéractive"
6384-
msgstr "List of shortcuts for the use of the interactive card"
6385-
6386-
msgid ""
6387-
"Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la "
6388-
"carte"
6389-
msgstr ""
6390-
"Arrows (or 2/4/8/6 of the digital pavement): move in the image or on the map"
6391-
6392-
msgid ""
6393-
"Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou "
6394-
"précédente dans la séquence"
6395-
msgstr ""
6396-
"High/low page (or 3/9 of the digital pavement): switch to the following or "
6397-
"previous image in the sequence"
6398-
6399-
msgid "/ - : zoomer ou dézoomer l’image ou la carte"
6400-
msgstr "/ -: zoom or diszoman the image or the card"
6401-
6402-
msgid "(ou 5 du pavé numérique) : recentrer l’image ou la carte"
6403-
msgstr "(or 5 of the digital pavement): refocus the image or the card"
6404-
6405-
msgid ""
6406-
"Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme "
6407-
"élément principal affiché"
6408-
msgstr ""
6409-
"Home / ↖️ (or 7 of the digital pavement): to switch the card and the image as "
6410-
"a main element displayed"
6411-
6412-
msgid "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite"
6413-
msgstr "End (or 1 of the digital pavement): hide the card or reduced image"
6414-
6415-
msgid "Espace : lire ou mettre en pause la séquence en cours"
6416-
msgstr "Space: Read or break the current sequence"
6417-
64186418
msgid "Choisir cette photo et passer à l’établissement suivant"
64196419
msgstr "Choose this photo and go to the next establishment"
64206420

‎locale/fr/LC_MESSAGES/django.po‎

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ msgid ""
77
msgstr ""
88
"Project-Id-Version: PACKAGE VERSION\n"
99
"Report-Msgid-Bugs-To: \n"
10-
"POT-Creation-Date: 2026-01-22 10:45+0100\n"
10+
"POT-Creation-Date: 2026-01-28 17:36+0100\n"
1111
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
1212
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
1313
"Language-Team: LANGUAGE <LL@li.org>\n"
@@ -3197,6 +3197,36 @@ msgstr ""
31973197
msgid "Dernière page"
31983198
msgstr ""
31993199

3200+
msgid "Liste des raccourcis pour l'utilisation de la carte intéractive"
3201+
msgstr ""
3202+
3203+
msgid ""
3204+
"Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la "
3205+
"carte"
3206+
msgstr ""
3207+
3208+
msgid ""
3209+
"Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou "
3210+
"précédente dans la séquence"
3211+
msgstr ""
3212+
3213+
msgid "/ - : zoomer ou dézoomer l’image ou la carte"
3214+
msgstr ""
3215+
3216+
msgid "(ou 5 du pavé numérique) : recentrer l’image ou la carte"
3217+
msgstr ""
3218+
3219+
msgid ""
3220+
"Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme "
3221+
"élément principal affiché"
3222+
msgstr ""
3223+
3224+
msgid "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite"
3225+
msgstr ""
3226+
3227+
msgid "Espace : lire ou mettre en pause la séquence en cours"
3228+
msgstr ""
3229+
32003230
msgid "Communes renseignées"
32013231
msgstr ""
32023232

@@ -5582,36 +5612,6 @@ msgstr ""
55825612
msgid "Activité :"
55835613
msgstr ""
55845614

5585-
msgid "Liste des raccourcis pour l'utilisation de la carte intéractive"
5586-
msgstr ""
5587-
5588-
msgid ""
5589-
"Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la "
5590-
"carte"
5591-
msgstr ""
5592-
5593-
msgid ""
5594-
"Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou "
5595-
"précédente dans la séquence"
5596-
msgstr ""
5597-
5598-
msgid "/ - : zoomer ou dézoomer l’image ou la carte"
5599-
msgstr ""
5600-
5601-
msgid "(ou 5 du pavé numérique) : recentrer l’image ou la carte"
5602-
msgstr ""
5603-
5604-
msgid ""
5605-
"Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme "
5606-
"élément principal affiché"
5607-
msgstr ""
5608-
5609-
msgid "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite"
5610-
msgstr ""
5611-
5612-
msgid "Espace : lire ou mettre en pause la séquence en cours"
5613-
msgstr ""
5614-
56155615
msgid "Choisir cette photo et passer à l’établissement suivant"
56165616
msgstr ""
56175617

‎package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,8 @@
1212
"private": true,
1313
"scripts": {
1414
"clean": "rm -rf static/dist/",
15-
"start": "parcel --hmr-port 34471 --dist-dir static/dist --public-url /static/dist static/index.js static/styles.js",
16-
"build:prod": "parcel build static/index.js static/styles.js --dist-dir static/dist --public-url /static/dist"
15+
"start": "parcel --hmr-port 34471 --dist-dir static/dist --public-url /static/dist static/index.js static/styles.js static/js/panoramax.js",
16+
"build:prod": "parcel build static/index.js static/styles.js --dist-dir static/dist --public-url /static/dist static/js/panoramax.js"
1717
},
1818
"repository": {
1919
"type": "git",

‎static/index.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@ window.SentryIntegrations = Integrations
1919
import dom from './js/dom'
2020
import geo from './js/geo'
2121
import ui from './js/ui'
22-
import panoramax from './js/panoramax'
2322
import cloneFilter from './js/ui/CloneFilter'
2423
import Autocomplete from './js/ui/AutocompleteActivity'
2524
import PickAnswerAndSubmit from './js/ui/PickAnswerAndSubmit'

‎templates/common/panoramax-shortcuts-details.html‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
{% load i18n static %}
2+
<details class="panoramax-shortcuts fr-mb-2w">
3+
<summary>{% translate "Liste des raccourcis pour l'utilisation de la carte intéractive" %}</summary>
4+
<ul>
5+
<li>{% translate "Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la carte" %}</li>
6+
<li>
7+
{% translate "Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou précédente dans la séquence" %}
8+
</li>
9+
<li>{% translate "/ - : zoomer ou dézoomer l’image ou la carte" %}</li>
10+
<li>{% translate "(ou 5 du pavé numérique) : recentrer l’image ou la carte" %}</li>
11+
<li>
12+
{% translate "Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme élément principal affiché" %}
13+
</li>
14+
<li>{% translate "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite" %}</li>
15+
<li>{% translate "Espace : lire ou mettre en pause la séquence en cours" %}</li>
16+
</ul>
17+
</details>

‎templates/erp/includes/header.html‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,11 @@
11
{% load a4a %}
22
{% load static %}
33
{% load i18n %}
4+
{% block javascript_extras %}
5+
{% if image_id %}
6+
<script src="{% static "dist/js/panoramax.js" %}"></script>
7+
{% endif %}
8+
{% endblock javascript_extras %}
49
<header>
510
<div class="fr-grid-row fr-grid-row--center">
611
<h1 class="fr-mb-4v text-center">{{ erp.nom }}</h1>
@@ -114,6 +119,7 @@ <h1 class="fr-mb-4v text-center">{{ erp.nom }}</h1>
114119
{% endif %}
115120
{% if image_id %}
116121
<hr class="fr-hr fr-mt-2w" />
122+
{% include "common/panoramax-shortcuts-details.html" %}
117123
<pnx-photo-viewer id="photo-viewer" endpoint="https://api.panoramax.xyz/api/" picture="{{ image_id }}" xyz="{{ xyz }}" widgets="false">
118124
<pnx-widget-legend slot="bottom-right" light="" focus="pic" picture="{{ image_id }}"></pnx-widget-legend>
119125
</pnx-photo-viewer>

‎templates/erp/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ <h2 class="text-center fr-mb-4w fr-mb-md-6w" id="a11y">{% translate "Information
7474
<div class="fr-grid-row fr-col-12 fr-col-md-10 justify-self--center">
7575
{% include "erp/includes/filters.html" %}
7676
<div id="filter-controller"
77-
class="fr-col fr-accordions-group remove-section-if-empty"
77+
class="fr-col fr-accordions-group remove-section-if-empty"
7878
data-fr-group="false">
7979
<section class="fr-accordion">
8080
{% include "erp/includes/access_parking.html" %}

‎templates/panoramax.html‎

Lines changed: 5 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
11
{% extends "editorial/base.html" %}
2+
{% load static %}
3+
{% block javascript_extras %}
4+
<script src="{% static "dist/js/panoramax.js" %}"></script>
5+
{% endblock javascript_extras %}
26
{% load i18n static %}
37
{% block page_title %}
48
{{ erp.nom }} - {% translate "Choisir les photos Panoramax à ajouter sur Acceslibre" %}
@@ -75,22 +79,7 @@ <h2 class="fr-my-2w">
7579
<div id="viewer-container">
7680
<pnx-viewer id="panoramax-viewer" endpoint="https://api.panoramax.xyz/api/" widgets="false" url-parameters="false" picture="{{ image_id }}"></pnx-viewer>
7781
</div>
78-
<details class="panoramax-shortcuts">
79-
<summary>{% translate "Liste des raccourcis pour l'utilisation de la carte intéractive" %}</summary>
80-
<ul>
81-
<li>{% translate "Flèches (ou 2/4/8/6 du pavé numérique) : se déplacer dans l’image ou sur la carte" %}</li>
82-
<li>
83-
{% translate "Page haut/bas (ou 3/9 du pavé numérique) : passer à l’image suivante ou précédente dans la séquence" %}
84-
</li>
85-
<li>{% translate "/ - : zoomer ou dézoomer l’image ou la carte" %}</li>
86-
<li>{% translate "(ou 5 du pavé numérique) : recentrer l’image ou la carte" %}</li>
87-
<li>
88-
{% translate "Accueil / ↖️ (ou 7 du pavé numérique) : basculer la carte et l’image comme élément principal affiché" %}
89-
</li>
90-
<li>{% translate "Fin (ou 1 du pavé numérique) : masquer la carte ou l’image réduite" %}</li>
91-
<li>{% translate "Espace : lire ou mettre en pause la séquence en cours" %}</li>
92-
</ul>
93-
</details>
82+
{% include "common/panoramax-shortcuts-details.html" %}
9483
</div>
9584
<form method="post" class="fr-my-4w" action=".">
9685
{% csrf_token %}

0 commit comments

Comments
 (0)