PB-1343: add "more info" link in problem report form

src/modules/i18n/locales/de.json

@@ -241,6 +241,8 @@
     "feedback_kml_attached": "Die aktuelle Zeichung wird übermittelt. ",
     "feedback_mail": "4. Ihre E-Mail Adresse :",
     "feedback_modify_drawing": "Zeichnung editieren",
+    "feedback_more_info_text":"Weitere Informationen zu den Kategorien",
+    "feedback_more_info_url":"https://geo.admin.ch/de/problem-melden-feedback-aktualisierung",
     "feedback_permalink": "Folgender Link wird übermittelt: ",
     "feedback_placeholder": "Fügen Sie eine .pdf, .zip, .jpg, .jpeg, .kml, .kmz oder .gpx Datei hinzu",
     "feedback_rating_text": "Teilen Sie uns mit, wie Sie sich mit unserem Kartenviewer fühlen",

src/modules/i18n/locales/en.json

@@ -241,6 +241,8 @@
     "feedback_kml_attached": "The current drawing will be transferred. ",
     "feedback_mail": "4. Your Email :",
     "feedback_modify_drawing": "Modify drawing",
+    "feedback_more_info_text":"More information on the categories",
+    "feedback_more_info_url":"https://geo.admin.ch/en/report-problem-feedback-update",
     "feedback_permalink": "The following URL will be transferred: ",
     "feedback_placeholder": "Attach a pdf, zip, jpg, jpeg, kml, kmz or gpx file",
     "feedback_rating_text": "Tell us what you think about our new map viewer",

src/modules/i18n/locales/fr.json

@@ -241,6 +241,8 @@
     "feedback_kml_attached": "Le dessin actuel va être envoyé. ",
     "feedback_mail": "4. Votre email :",
     "feedback_modify_drawing": "Modifier le dessin",
+    "feedback_more_info_text":"Plus d'information sur les catégories",
+    "feedback_more_info_url":"https://geo.admin.ch/fr/annoncer-probleme-feedback-actualisation",
     "feedback_permalink": "Le lien suivant sera transféré: ",
     "feedback_placeholder": "Joindre un pdf, zip, jpg, jpeg, kml, kmz ou gpx",
     "feedback_rating_text": "Faites-nous part de votre avis sur notre nouveau visualiseur de carte",

src/modules/i18n/locales/it.json

@@ -241,6 +241,8 @@
     "feedback_kml_attached": "Il disegno attuale verrà inviato.",
     "feedback_mail": "4. La sua email :",
     "feedback_modify_drawing": "Modificare il disegno",
+    "feedback_more_info_text":"Maggiori informazioni sulle categorie",
+    "feedback_more_info_url":"https://geo.admin.ch/it/segnalare-problema-feedback-aggiornamento",
     "feedback_permalink": "Il seguente link verrá inviato: ",
     "feedback_placeholder": "Aggiungere un pdf, zip, jpeg, kml, kmz o gpx",
     "feedback_rating_text": "Diteci cosa ne pensate del nostro nuovo visualizzatore di carte",

src/modules/i18n/locales/rm.json

@@ -239,6 +239,8 @@
     "feedback_kml_attached": "Trametter dissegn actual",
     "feedback_mail": "4. Voss e-mail:",
     "feedback_modify_drawing": "Editar la dissegn",
+    "feedback_more_info_text":"Ulteriuras infurmaziuns davart las categorias",
+    "feedback_more_info_url":"https://geo.admin.ch/de/problem-melden-feedback-aktualisierung",
     "feedback_permalink": "Il suandant link vegn transmess:",
     "feedback_placeholder": "Agiuntai ina datoteca .pdf, .zip, .jpg, .jpeg, .kml, .kmz u .gpx",
     "feedback_rating_text": "Teilen Sie uns Ihre Meinung zu unserem neuen Kartenviewer mit",

src/modules/menu/components/help/ReportProblemButton.vue

@@ -242,6 +242,9 @@ function selectItem(dropdownItem) {
                 }"
                 @select-item="selectItem"
             />
+            <a :href="i18n.t('feedback_more_info_url')" target="_blank" class="more-info-link">{{
+                i18n.t('feedback_more_info_text')
+            }}</a>
             <div class="invalid-feedback" data-cy="text-area-input-invalid-feedback">
                 {{ i18n.t('category_not_selected_warning') }}
             </div>

tests/cypress/tests-e2e/reportProblem.cy.js

@@ -298,6 +298,7 @@ describe('Testing the report problem form', () => {
         cy.get('[data-cy="drawing-header-title"]').should('not.exist')
         cy.get('@textArea').should('be.visible').should('have.value', text)
         cy.get('@emailInput').should('be.visible').should('have.value', validEmail)
+        cy.get('[data-cy="report-problem-drawing-added-feedback"]').scrollIntoView()
         cy.get('[data-cy="report-problem-drawing-added-feedback"]')
             .should('be.visible')
             .should('have.class', 'valid-feedback')
@@ -346,6 +347,7 @@ describe('Testing the report problem form', () => {
         cy.get('[data-cy="drawing-header-title"]').should('not.exist')
         cy.get('@textArea').should('have.value', text)
         cy.get('@emailInput').should('have.value', validEmail)
+        cy.get('[data-cy="report-problem-drawing-added-feedback"]').scrollIntoView()
         cy.get('[data-cy="report-problem-drawing-added-feedback"]')
             .as('reportDrawingFeedback')
             .should('be.visible')