SW/geovisio-website
2
0
Fork 0
forked from Ivasoft/geovisio-website
Code Pull Requests Packages Releases Activity

Merge branch 'feat/change-wording-upload-page' into 'main'

Browse Source 
feat/change-wording-upload-page

See merge request geovisio/website!54
This commit is contained in:
Jean Andreani
2023-05-22 15:22:29 +00:00
parent 4136e62303 a3eb8adb84
commit 4d7b60f314
5 changed files with 39 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Header.vue
View File

@@ -26,9 +26,6 @@
path="/partager-des-photos"
/>
</li>
<li class="nav-list-item">
<Link :text="$t('general.header.help_text')" :disabled="true" />
</li>
</ul>
<div class="wrapper-right-entries">
<div class="responsive">

18
src/locales/fr.json
View File

@@ -6,8 +6,7 @@
"description": "Panoramax, l’alternative libre pour photo-cartographier les territoires"
},
"header": {
"help_text": "Aide",
"contribute_text": "Partager des photos",
"contribute_text": "Partager vos photos",
"contribute_text_responsive": "Verser",
"alt_logo": "Logo de l'instance",
"title": "Instance Panoramax IGN",
@@ -26,20 +25,19 @@
"upload": {
"title": "Partagez vos photos",
"sub_title": "Un compte utilisateur est obligatoire pour partager des photos",
"photo_type1": "1️⃣ des lieux visibles depuis la voie publique",
"photo_type2": "2️⃣ 360° ou non",
"photo_type3": "3️⃣ vues du sol",
"photo_type4": "4️⃣ géolocalisées",
"description": "Ici, vos photos sont accessibles à tous :\n\n{check} automatiquement floutées dans le respect de la législation\n{check} libres de droit, sous licence ouverte\n{check} sous forme «brute» pour des réutilisations variées (ex: préparation des chantiers)\n\n",
"photo_type1": "Des lieux visibles depuis la voie publique",
"photo_type2": "360° ou non",
"photo_type3": "Vues du sol",
"photo_type4": "Géolocalisées",
"description": "Ici, vos photos sont accessibles à tous :\n\n{check} automatiquement floutées dans le respect de <a href='https://panoramax.fr/foire-aux-questions' target='_blank' style='color:black'>la législation</a>\n{check} libres de droit, <a href='https://www.etalab.gouv.fr/licence-ouverte-open-licence/' target='_blank' style='color:black'>sous licence ouverte</a>\n{check} sous forme «brute» pour des réutilisations variées (ex: préparation des chantiers)\n\n",
"footer_block": "⚠️️️ Aujourd'hui, le versement de grands volumes d'images est possible via une ligne de commande. Bientôt, d'autres moyens de versement seront disponibles, notamment via une interface web.",
"button": "Accéder à l'outil",
"alt_img_upload": "Image qui représente plusieurs photos en cours de téléchargement",
"title_terminal": "Utiliser la ligne de commande",
"title_terminal": "Utilisez la ligne de commande",
"footer_description_terminal": "Les données déposées seront sous <a href='https://www.etalab.gouv.fr/licence-ouverte-open-licence/' target='_blank' style='color:#808080'>la licence ouverte</a>.",
"cli_title": "Vous voulez accéder à plus de documentation ?",
"user_account_button": "Créer un compte",
"description_terminal": "L'outil en ligne de commande vous permet de partager de grands volumes de photos. La procédure est simple et vous devez disposer <a target='_blank' href='https://www.python.org/downloads/' style='color:black'>de python (au moins la version 3.8)</a>.",
"description_terminal": "Un outil en ligne de commande pour partager de grands volumes de photos est à votre disposition. La procédure est assez simple et vous devez disposer <a target='_blank' href='https://www.python.org/downloads/' style='color:black'>de python (au moins la version 3.8)</a>.\n\n1. Installer l’outil en ligne de commande geovisio\n2. Lancez la commande de versement d’images sur le dossier choisi. Après '--api-url', renseignez l'url de l'api de l'instance où partager les photos et le chemin vers votre dossier de photos sur votre machine. L’outil demandera vos informations de connexion avant l'import. Une fois les données chargées, un temps de traitement est nécessaire pour les rendre disponibles.",
"description_terminal": "<a href='https://gitlab.com/geovisio/cli' target='_blank' style='color:black'>L'outil en ligne de commande</a> vous permet de partager de grands volumes de photos. La procédure est simple et vous devez disposer <a target='_blank' href='https://www.python.org/downloads/' style='color:black'>de python (au moins la version 3.8)</a>.\n\n1. Installer l’outil en ligne de commande geovisio\n2. Lancez la commande de versement d’images sur le dossier choisi. Après '--api-url', renseignez l'url de l'api de l'instance où partager les photos et le chemin vers votre dossier de photos sur votre machine. L’outil demandera vos informations de connexion avant l'import. Une fois les données chargées, un temps de traitement est nécessaire pour les rendre disponibles.",
"terminal_install": "pip install geovisio_cli",
"terminal_text": "geovisio upload --api-url https://panoramax.ign.fr <DOSSIER_PHOTOS>",
"button_copy": "Copier"

2
src/tests/cypress/fixtures/home.json
View File

@@ -1,5 +1,5 @@
{
"addressToSearch": "97 boulevard Voltaire 75011 paris",
"textAddressToSelect": "Boulevard Voltaire, Quartier de la Folie-Méricourt, Paris 11e Arrondissement, Paris, Île-de-France, France métropolitaine, 75011, France",
"textLinkUpload": "Partager des photos"
"textLinkUpload": "Partager vos photos"
}

2
src/tests/unit/components/Header.spec.js
View File

@@ -34,7 +34,6 @@ describe('Template', () => {
}
})
expect(wrapper.html()).contains('general.header.contribute_text')
expect(wrapper.html()).contains('general.header.help_text')
expect(wrapper.html()).contains(
'general.header.contribute_text_responsive'
)
@@ -74,7 +73,6 @@ describe('Template', () => {
}
})
expect(wrapper.html()).contains('general.header.contribute_text')
expect(wrapper.html()).contains('general.header.help_text')
expect(wrapper.html()).contains(
'general.header.contribute_text_responsive'
)

43
src/views/UploadView.vue
View File

@@ -9,18 +9,22 @@
<i class="bi bi-images img-icon"></i>
</div>
<div class="element-check">
<span class="block-check">{{
$t('pages.upload.photo_type1')
}}</span>
<span class="block-check">{{
$t('pages.upload.photo_type2')
}}</span>
<span class="block-check">{{
$t('pages.upload.photo_type3')
}}</span>
<span class="block-check">{{
$t('pages.upload.photo_type4')
}}</span>
<span class="block-check"
><span class="check-border">✔</span
>{{ $t('pages.upload.photo_type1') }}</span
>
<span class="block-check"
><span class="check-border">✔</span
>{{ $t('pages.upload.photo_type2') }}</span
>
<span class="block-check"
><span class="check-border">✔</span
>{{ $t('pages.upload.photo_type3') }}</span
>
<span class="block-check"
><span class="check-border">✔</span
>{{ $t('pages.upload.photo_type4') }}</span
>
</div>
</div>
<p
@@ -151,6 +155,7 @@ function triggerHref(): void {
}
.upload-text {
@include text(m-regular);
margin-top: 5rem;
}
.wrapper-check {
position: relative;
@@ -160,7 +165,6 @@ function triggerHref(): void {
border-radius: 1.5rem;
font-size: 1.6rem;
margin-top: 8rem;
margin-bottom: 6rem;
}
.wrapper-img-icon {
background-color: var(--black);
@@ -186,6 +190,19 @@ function triggerHref(): void {
}
.block-check {
margin-bottom: 1rem;
display: flex;
}
.check-border {
display: flex;
justify-content: center;
align-items: center;
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
font-size: 0.8rem;
background: var(--white);
border: 0.1rem solid var(--black);
margin-right: 0.5rem;
}
.block-check:last-child {
margin-bottom: 0;