updates translations for about and contact, adds translations for login and french EM logo

Author: n0rdlicht

vue/src/assets/images/EngagementM_f_rgb.jpg

@@ -6,14 +6,14 @@
     "p.1":
       "Der Gemeindescan ermöglicht Gemeindeverwaltungen auf einfache und kosteneffiziente Weise ein Bild von Nutzungen und Nutzern in Ihrer Gemeinde zu erhalten. Flächenverbräuche,Verkehr und strukturelle Indikatoren werden an einer Stelle evidenzbasiert zusammengeführt. Die Darstellungen dienen der Vorbereitung von Planungsaufgaben, der Kommunikation mit Politik, Bürgern oder Entwicklern und Investoren.",
     "p.2":
-      "Der Gemeindescan ist eine [cividi](https://cividi.ch) Anwendung, die in Zusammenarbeit mit [Taywa](https://taywa.ch) entwickelt wird."
+      "Der Gemeindescan ist eine <a href=\"https://cividi.ch\" target=\"_blank\">cividi</a> Anwendung, die in Zusammenarbeit mit <a href=\"https://taywa.ch\" target=\"_blank\">Taywa</a> entwickelt wird."
   },
   "fr": {
     "h1.1": "Contexte",
     "p.1":
       "Le Gemeindescan permet aux autorités locales d'obtenir une image des utilisations et des utilisateurs dans leur communauté d'une manière simple et économique. L'utilisation des sols, du trafic et des indicateurs structurels est combinée sur un seul support basé sur des faits. Les représentations servent à la préparation des tâches de planification, à la communication avec les politiciens, les citoyens ou les promoteurs et les investisseurs.",
     "p.2":
-      "Le Gemeindescan est une application [cividi](https://cividi.ch) développée en coopération avec [Taywa](https://taywa.ch)."
+      "Le Gemeindescan est une application <a href=\"https://cividi.ch/societe/\" target=\"_blank\">cividi</a> développée en coopération avec <a href=\"https://taywa.ch\" target=\"_blank\">Taywa</a>."
   }
 }
 </i18n>

vue/src/views/About.vue

@@ -4,32 +4,36 @@
   "de": {
     "h1.1": "Kontakt",
     "p.1":
-      "Direkt mit dem Gemeindescan-Team in Kontakt treten:",
-    "a.mail":
-      "[email protected]",
+      "Direkt mit dem Gemeindescan-Team in Kontakt treten:<br><a href=\"mailto:[email protected]\">[email protected]</a><br><a href=\"tel:+41 43 543 44 45\">+41 43 543 44 45</a><br>Flüelastrasse 10<br>8048 Zürich",
     "p.2":
-      "Die Gemeindescan-Plattform ist Open Source und Open Development. Zum Gemeindescan beitragen: [Projekt auf Bitbucket](https://bitbucket.org/cividi/gemeindescan-webui)",
+      "Die Gemeindescan-Plattform ist Open Source und Open Development. Zum Gemeindescan beitragen: <a href=\"https://bitbucket.org/cividi/gemeindescan-webui\" target=\"_blank\">Projekt auf Bitbucket</a>",
     "p.3":
       "cividi - digitale Werkzeuge für die analoge Stadt.",
-    "p.4.small":
-      "Das Pionierprojekt wird ermöglicht durch [Engagement Migros](https://www.engagement-migros.ch/de), dem Förderfonds der Migros-Gruppe.",
+    "p.4":
+      "<small>Das Pionierprojekt wird ermöglicht durch <a href=\"https://www.engagement-migros.ch/de\" target=\"_blank\">Engagement Migros</a>,<br>dem Förderfonds der Migros-Gruppe.</small>",
+    "cividi.link":
+      "https://cividi.ch",
+    "em.link":
+      "https://www.engagement-migros.ch/de",
     "img.em":
-      "@/assets/images/EngagementM_d_rgb.jpg"
+      "EngagementM_d_rgb.jpg"
   },
   "fr": {
     "h1.1": "Contact",
     "p.1":
-      "Prenez contact directement avec l'équipe du Gemeindescan.",
-    "a.mail":
-      "[email protected]",
+      "Prenez contact directement avec l'équipe du Gemeindescan.<br><a href=\"mailto:[email protected]\">[email protected]</a><br><a href=\"tel:+41 43 543 44 45\">+41 43 543 44 45</a><br>Flüelastrasse 10<br>8048 Zürich",
     "p.2":
-      "La plate-forme du Gemeindescan est un logiciel Open Source & Development. Contribuer au Gemeindescan:  [Project sur Bitbucket](https://bitbucket.org/cividi/gemeindescan-webui)",
+      "La plate-forme du Gemeindescan est un logiciel Open Source & Development. Contribuer au Gemeindescan:  <a href=\"https://bitbucket.org/cividi/gemeindescan-webui\" target=\"_blank\">Projet sur Bitbucket</a>",
     "p.3":
       "cividi - Des outils numériques pour la ville analogique",
-    "p.4.small":
-      "Ce projet innovateur est rendu possible grâce à [l'engagement de Migros](https://www.engagement-migros.ch/fr), le fonds de développement du groupe Migros.",
+    "p.4":
+      "<small>Ce projet innovateur est rendu possible grâce à <a href=\"https://www.engagement-migros.ch/fr\" target=\"_blank\">l'engagement de Migros</a>,<br>le fonds de développement du groupe Migros.</small>",
+    "cividi.link":
+      "https://cividi.ch/societe",
+    "em.link":
+      "https://www.engagement-migros.ch/fr",
     "img.em":
-      "@/assets/images/EngagementM_f_rgb.jpg"
+      "EngagementM_f_rgb.jpg"
   }
 }
 </i18n>
@@ -44,29 +48,24 @@
           <h1>
             {{ $t('h1.1')}}
           </h1>
-          <p>
-            {{ $t('p.1') }}
-            <br>
-            <a href="mailto:[email protected]">{{ $t('a.mail') }}</a><br>
-            <a href="tel:+41 43 543 44 45">+41 43 543 44 45</a><br>
-            Flüelastrasse 10<br>
-            8048 Zürich
+          <p v-html="$t('p.1')">
           </p>
-          <p>
-            {{ $t('p.2') }}
+          <p v-html="$t('p.2')">
           </p>
           <p>
             {{ $t('p.3') }}
           </p>
 
-          <a href="https://www.cividi.ch" target="_blank" style="padding-right:40px">
+          <a :href="$t('cividi.link')" target="_blank" style="padding-right:40px">
             <img src="@/assets/images/logo-cividi.svg" width="250px">
           </a>
 
-          <p><small>{{ $t('p.4.small') }}</small>
+          <p v-html="$t('p.4')">
           </p>
 
-          <a href="https://www.engagement-migros.ch/" target="_blank"><img :src="$t('img.em')" width="220px"></a>
+          <a :href="$t('em.link')" target="_blank">
+            <img v-bind:src="$t('img.em')" width="220px">
+          </a>
 
         </v-flex>
     </v-layout>

vue/src/views/Contact.vue

@@ -1,3 +1,28 @@
+<!-- eslint-disable -->
+<i18n>
+{
+  "de": {
+    "form.email": "E-Mail Adresse",
+    "form.password": "Passwort",
+    "form.submit": "Anmelden",
+    "error.nonexistent": "Der User existiert nicht.<br>Bitte einen gültigen User eingeben.",
+    "error.noemail": "Bitte eine E-Mail eingeben.",
+    "error.invalidemail": "Bitte eine gültige E-Mail eingeben.",
+    "error.nopassword": "Bitte ein Passwort eingeben."
+},
+  "fr": {
+    "form.email": "E-Mail",
+    "form.password": "Mot de passe",
+    "form.submit": "S'inscrire",
+    "error.nonexistent": "L'utilisateur n'existe pas.<br>Veuillez entrer un utilisateur valide.",
+    "error.noemail": "Veuillez saisir un e-mail.",
+    "error.invalidemail": "Veuillez entrer une adresse électronique valide.",
+    "error.nopassword": "Veuillez entrer un mot de passe."
+  }
+}
+</i18n>
+<!-- eslint-enable -->
+
 <template>
   <v-container my-6 class="content">
       <v-layout
@@ -8,8 +33,7 @@
             <v-card>
               <v-card-title class="headline red--text">Error</v-card-title>
               <v-card-text>
-                Der User existiert nicht.<br>
-                Bitte einen gültigen User eingeben.
+                <span v-html="$t('error.nonexistent')"></span>
               </v-card-text>
               <v-card-actions>
                 <v-spacer></v-spacer>
@@ -28,15 +52,15 @@
               <v-form v-model="valid" ref="form">
                 <v-text-field
                   outlined
-                  label="E-Mail Adresse"
+                  :label="$t('form.email')"
                   v-model="email"
                   required
                   :rules="emailRules"
                 />
                 <v-text-field
                   outlined
                   v-model="password"
-                  label="Passwort"
+                  :label="$t('form.password')"
                   :type="showPassword ? 'text' : 'password'"
                   :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'"
                   @click:append="showPassword = !showPassword"
@@ -51,7 +75,7 @@
               <v-btn
                 depressed large color="primary"
                 @click="submitLogin">
-                Anmelden
+                {{ $t('form.submit') }}
               </v-btn>
             </v-card-actions>
           </v-card>
@@ -69,12 +93,12 @@ export default {
       showPassword: false,
       password: '',
       passwordRules: [
-        v => !!v || 'Bitte ein Passwort eingeben'
+        v => !!v || this.$i18n.t('error.nopassword')
       ],
       email: '',
       emailRules: [
-        v => !!v || 'Bitte eine E-Mail eingeben',
-        v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || 'Bitte eine gültige E-Mail eingeben'
+        v => !!v || this.$i18n.t('error.noemail'),
+        v => /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(v) || this.$i18n.t('error.invalidemail')
       ]
     };
   },