Merge pull request #25 from CityOfPhiladelphia/add-translations

Add translations

.github/workflows/dev_push_to_s3.yml

@@ -6,7 +6,7 @@ name: dev Push to S3
 on:
   push:
     branches:
-      - main
+      - add-translations
 
 jobs:
   build:

src/components/ExpandCollapseContent.vue

@@ -109,7 +109,7 @@
       v-if="item.services_offered"
     >
       <h3>
-        Services offered
+        {{ $t('app.servicesOffered') }}
       </h3>
       <div class="columns is-multiline is-gapless">
         <div
@@ -148,22 +148,27 @@ export default {
       },
     },
   },
+  computed: {
+    i18nLocale() {
+      return this.$i18n.locale;
+    },
+  },
 
   methods: {
     parseAddress(address) {
       const formattedAddress = address.replace(/(Phila.+)/g, city => `<div>${city}</div>`).replace(/^\d+\s[A-z]+\s[A-z]+/g, lineOne => `<div>${lineOne}</div>`).replace(/,/, '');
       return formattedAddress;
     },
     parseServiceList(list) {
-      console.log('parseServiceList:', list, 'this.item:', this.item);
+      console.log('parseServiceList:', list, 'this.item:', this.item, 'this.$i18n.messages:', this.$i18n.messages);
       let formattedService = [];
       for (let i in list) {
         if (list[i] === 'Legal services') {
           let legalLink = this.item.website_legal;
-          let link = `<a href="${legalLink}" target="_blank">${list[i]}<i class='fa fa-external-link-alt'></i></a>`;
+          let link = `<a href="${legalLink}" target="_blank">${this.$i18n.messages[this.i18nLocale][list[i]]}<i class='fa fa-external-link-alt'></i></a>`;
           formattedService.push(link);
         } else {
-          formattedService.push(list[i]);
+          formattedService.push(this.$i18n.messages[this.i18nLocale][list[i]]);
         }
       }
 

src/components/customGreeting.vue

@@ -2,31 +2,55 @@
   <div
     class="custom-greeting content"
   >
-    <div class="has-text-centered container">
-      <button
-        class="button open-list-button"
-        @click="$emit('view-list')"
-        v-html="$t('app.viewList')"
-      />
-    </div>
-
     <div
+      id="main-area"
       class="main-area"
     >
       <div class="greeting-section">
-        <h3>About this finder</h3>
-        <p>This tool can help you find organizations that offer immigrant-focused services in Philadelphia. You can:</p>
-        <div class="callout">
-          <ul>
-            <li>Browse the list of organizations.</li>
-            <li>Search by address or keyword.</li>
-            <li>Filter your results by service type.</li>
-          </ul>
+        <!-- <h3>
+          {{ $t('introPage.section1Title') }}
+        </h3> -->
+
+        <p v-html="$t('introPage.p0')" />
+
+        <div class="has-text-centered container">
+          <button
+            class="button open-list-button"
+            @click="$emit('view-list')"
+            v-html="$t('app.viewList')"
+          />
         </div>
-      </div>
-      <div class="greeting-section">
-        <h3>Adding your organization</h3>
-        <p>Does your organization offer services for immigrants? Contact the Office of Immigrant Affairs at <a href="mailto:[email protected]">[email protected]</a> to learn how to be added to this finder.</p>
+
+        <p v-html="$t('introPage.p1')" />
+
+        <ul>
+          <li
+            v-for="(item, index) in $config.i18n.data.messages['en-US'].introPage.ul1"
+            :key="index"
+            class="intro-list-item"
+          >
+            {{ $t('introPage.ul1.' + index) }}
+          </li>
+        </ul>
+
+        <h3>
+          {{ $t('introPage.section2Title') }}
+        </h3>
+
+        <p v-html="$t('introPage.p2')" />
+
+        <h3>
+          {{ $t('introPage.section3Title') }}
+        </h3>
+
+        <p v-html="$t('introPage.p3_1')" />
+        <p v-html="$t('introPage.p3_2')" />
+
+        <h3>
+          {{ $t('introPage.section4Title') }}
+        </h3>
+
+        <p v-html="$t('introPage.p4')" />
       </div>
     </div> <!-- end of main-area -->
   </div>

src/i18n/ch.js

@@ -0,0 +1,40 @@
+export default {
+  language: '中文',
+  app: {
+    title: '移民资源',
+    subtitle: '为费城的移民寻找服务',
+    noResults: '很抱歉，没有针对该搜索的结果。 请调整所选的过滤器，然后重试。',
+    searchPlaceholders: {
+      all: '按地址或所说语言进行搜索',
+    },
+    servicesOffered: '提供的服务',
+  },
+  introPage: {
+    section1Title: "查找您附近的服务和支持",
+    p0: "费城为移民和难民提供了许多资源。您可以获得有关法律问题的帮助，参加文化活动，报名参加英语课程等。使用此工具查找您附近的组织。",
+    p1: "寻找移民和难民资源：",
+    ul1: {
+      li: "按您正在寻找的服务进行筛选。",
+      li2: "在地图上选择一个位置以了解详细信息。",
+      li3: "访问之前，请通过电话或电子邮件联系该组织。",
+    },
+    section2Title: "语言访问权限",
+    p2: "大多数地点以英语提供大部分服务。其他语言因组织而异。要查看组织使用的语言，请打开该地点的详细信息。",
+    section3Title: "移民援助和公证欺诈",
+    p3_1: "此处列出的许多合作伙伴都<a href='https://www.phila.gov/oia/resource-finder/?services=Legal%20services'>提供免费安全的法律服务。</a>",
+    p3_2: "当心利用客户优势的无牌移民服务提供商。在美国，除非公证人也是持牌律师，否则不允许提供法律咨询。要举报欺诈行为或投诉提供商，<a target='_blank' href='https://www.phila.gov/services/property-lots-housing/submit-a-service-request-with-311/'>请联系 311</a>。",
+    section4Title: "将您的组织添加到列表中",
+    p4: "该网站由移民事务<a target='_blank' href='https://www.phila.gov/departments/office-of-immigrant-affairs/'>办公室</a>维护。如果您提供移民服务并希望被添加到此列表中，请<a target='_blank' href='mailto:[email protected]'>通过 [email protected]</a> 联系我们。",
+  },
+  'Arts & culture': '艺术与文化',
+  'Citizenship application help': '公民身份申请帮助',
+  'English (ESL) classes': '英语 (ESL) 课程',
+  'Health/mental health services': '健康/心理健康服务',
+  'Housing assistance': '住房援助',
+  'Immigrant advocacy': '移民倡导',
+  'Immigrant focused youth programs': '以移民为中心的青年项目',
+  'Job readiness': '工作准备',
+  'Legal services': '法律服务',
+  'Refugee/asylee services': '难民/寻求庇护者服务',
+  'Victim/witness support': '受害者/证人支持',
+};

src/i18n/en-us.js

@@ -0,0 +1,41 @@
+
+export default {
+  language: 'English',
+  app: {
+    title: 'Resources for immigrants',
+    subtitle: 'Find services for immigrants in Philadelphia',
+    noResults: 'We\'re sorry, there are no results for that search. Adjust the filters you\'ve selected and try again.',
+    searchPlaceholders: {
+      all: 'Search by address or language spoken',
+    },
+    servicesOffered: 'Services offered',
+  },
+  introPage: {
+    section1Title: "Find services and support near you",
+    p0: "Philadelphia has many resources for immigrants and refugees. You can get help with legal issues, attend cultural events, sign up for English classes, and more.  Use this tool to find organizations near you.",
+    p1: "To find immigrant and refugee resources:",
+    ul1: {
+      li: "Filter by the services you're looking for.",
+      li2: "Select a location on the map for details.",
+      li3: "Contact the organization by phone or email before visiting.",
+    },
+    section2Title: "Language access",
+    p2: "Most locations offer most of their services in English. Other languages vary by organization. To see the languages spoken at an organization, open that location's details.",
+    section3Title: "Immigration assistance and notario fraud",
+    p3_1: "Many of our partners listed here provide <a href='https://www.phila.gov/oia/resource-finder/?services=Legal%20services'>free, safe legal services.</a>",
+    p3_2: "Beware of unlicensed immigration service providers who take advantage of their customers. In the United States, a notary is not allowed to give legal advice unless they are also a licensed attorney. To report fraud or complain about a provider, <a target='_blank' href='https://www.phila.gov/services/property-lots-housing/submit-a-service-request-with-311/'>contact 311</a>.",
+    section4Title: "Adding your organization to the list",
+    p4: "The <a target='_blank' href='https://www.phila.gov/departments/office-of-immigrant-affairs/'>Office of Immigrant Affairs</a> maintains this website. Contact us at <a target='_blank' href='mailto:[email protected]'>[email protected]</a> if you offer immigrant services and would like to be added to this list.",
+  },
+  'Arts & culture': 'Arts & culture',
+  'Citizenship application help': 'Citizenship application help',
+  'English (ESL) classes': 'English (ESL) classes',
+  'Health/mental health services': 'Health/mental health services',
+  'Housing assistance': 'Housing assistance',
+  'Immigrant advocacy': 'Immigrant advocacy',
+  'Immigrant focused youth programs': 'Immigrant focused youth programs',
+  'Job readiness': 'Job readiness',
+  'Legal services': 'Legal services',
+  'Refugee/asylee services': 'Refugee/asylee services',
+  'Victim/witness support': 'Victim/witness support',
+};

src/i18n/es.js

@@ -0,0 +1,40 @@
+export default {
+  language: 'Español',
+  app: {
+    title: 'Recursos para inmigrantes',
+    subtitle: 'Encuentre servicios para inmigrantes en Filadelfia',
+    noResults: 'Lo sentimos, no se han encontrado resultados para esa búsqueda. Ajuste los filtros que ha seleccionado y vuelva a intentarlo.',
+    searchPlaceholders: {
+      all: 'Busca por dirección o idioma hablado',
+    },
+    servicesOffered: 'Servicios ofrecidos',
+  },
+  introPage: {
+    section1Title: "Encuentre servicios y asistencia cerca de usted",
+    p0: "Filadelfia tiene muchos recursos para inmigrantes y refugiados. Puedes obtener ayuda con asuntos legales, asistir a eventos culturales, inscribirte en clases de inglés y más. Usa esta herramienta para encontrar organizaciones cercanas a ti.",
+    p1: "Para encontrar recursos para inmigrantes y refugiados:",
+    ul1: {
+      li: "Filtra por los servicios que estás buscando.",
+      li2: "Selecciona una ubicación en el mapa para obtener más información.",
+      li3: "Póngase en contacto con la organización por teléfono o correo electrónico antes de la visita.",
+    },
+    section2Title: "Acceso lingüístico",
+    p2: "La mayoría de las ubicaciones ofrecen la mayoría de sus servicios en inglés. Otros idiomas varían según la organización. Para ver los idiomas que se hablan en una organización, abre los detalles de esa ubicación.",
+    section3Title: "Asistencia de inmigración y fraude notarial",
+    p3_1: "Muchos de nuestros socios listados aquí brindan <a href='https://www.phila.gov/oia/resource-finder/?services=Legal%20services'>servicios legales seguros y gratuitos.</a>",
+    p3_2: "Tenga cuidado con los proveedores de servicios de inmigración sin licencia que se aprovechan de sus clientes. En los Estados Unidos, un notario no puede brindar asesoramiento legal a menos que también sea un abogado con licencia. Para denunciar un fraude o presentar una queja sobre un proveedor, <a target='_blank' href='https://www.phila.gov/services/property-lots-housing/submit-a-service-request-with-311/'>llame al 311</a>.",
+    section4Title: "Agregar su organización a la lista",
+    p4: "La <a target='_blank' href='https://www.phila.gov/departments/office-of-immigrant-affairs/'>Oficina de Asuntos de Inmigrantes</a> mantiene este sitio web. Póngase en contacto con nosotros en <a target='_blank' href='mailto:[email protected]'>[email protected]</a> si ofrece servicios para inmigrantes y desea que lo agreguen a esta lista.",
+  },
+  'Arts & culture': 'Arte y cultura',
+  'Citizenship application help': 'Ayuda para la solicitud de ciudadanía',
+  'English (ESL) classes': 'Clases de inglés (ESL)',
+  'Health/mental health services': 'Servicios de salud/salud mental',
+  'Housing assistance': 'Asistencia de vivienda',
+  'Immigrant advocacy': 'Defensa de los inmigrantes',
+  'Immigrant focused youth programs': 'Programas para jóvenes enfocados en inmigrantes',
+  'Job readiness': 'Preparación para el trabajo',
+  'Legal services': 'Servicios legales',
+  'Refugee/asylee services': 'Servicios para refugiados/asilados',
+  'Victim/witness support': 'Apoyo a las víctimas y testigos',
+};

src/i18n/fr.js

@@ -0,0 +1,40 @@
+export default {
+  language: 'Français',
+  app: {
+    title: 'Ressources pour les immigrants',
+    subtitle: 'Trouvez des services pour les immigrants à Philadelphie',
+    noResults: "Nous sommes désolés, mais cette recherche n'a donné aucun résultat. Modifiez les filtres que vous aviez sélectionnés et essayez à nouveau.",
+    searchPlaceholders: {
+      all: 'Recherche par adresse ou par langue parlée',
+    },
+    servicesOffered: 'Services offerts',
+  },
+  introPage: {
+    section1Title: "Trouvez des services et de l'assistance près de chez vous",
+    p0: "Philadelphie dispose de nombreuses ressources pour les immigrants et les réfugiés. Vous pouvez obtenir de l'aide pour des questions juridiques, assister à des événements culturels, vous inscrire à des cours d'anglais, etc. Utilisez cet outil pour trouver des organisations près de chez vous.",
+    p1: "Pour trouver des ressources pour les immigrants et les réfugiés:",
+    ul1: {
+      li: "Filtrez selon les services que vous recherchez.",
+      li2: "Sélectionnez un lieu sur la carte pour plus de détails.",
+      li3: "Contactez l'organisation par téléphone ou par e-mail avant votre visite.",
+    },
+    section2Title: "Accès linguistique",
+    p2: "La plupart des sites offrent la plupart de leurs services en anglais. Les autres langues varient selon l'organisation. Pour voir les langues parlées dans une organisation, ouvrez les détails de cette adresse.",
+    section3Title: "Assistance en matière d'immigration et fraude notariale",
+    p3_1: "La plupart de nos partenaires listés ici fournissent des <a href='https://www.phila.gov/oia/resource-finder/?services=Legal%20services'>services juridiques gratuits et sûrs.</a>",
+    p3_2: "Méfiez-vous des fournisseurs de services d'immigration non agréés qui profitent de leurs clients. Aux États-Unis, un notaire n'est pas autorisé à donner des conseils juridiques à moins qu'il ne soit également un avocat agréé. Pour signaler une fraude ou déposer une plainte concernant un fournisseur, <a target='_blank' href='https://www.phila.gov/services/property-lots-housing/submit-a-service-request-with-311/'>contactez le 311</a>.",
+    section4Title: "Ajouter votre organisation à la liste",
+    p4: "Le <a target='_blank' href='https://www.phila.gov/departments/office-of-immigrant-affairs/'>Bureau des affaires d'immigration</a> gère ce site Web. Contactez-nous à l'<a target='_blank' href='mailto:[email protected]'>adresse [email protected]</a> si vous offrez des services aux immigrants et souhaitez être ajouté à cette liste.",
+  },
+  'Arts & culture': 'Arts et culture',
+  'Citizenship application help': 'Aide à la demande de citoyenneté',
+  'English (ESL) classes': "Cours d'anglais (ESL)",
+  'Health/mental health services': 'Services de santé et de santé mentale',
+  'Housing assistance': 'Aide au logement',
+  'Immigrant advocacy': 'Défense des droits des immigrants',
+  'Immigrant focused youth programs': 'Programmes destinés aux jeunes immigrants',
+  'Job readiness': "Préparation à l'emploi",
+  'Legal services': 'Services juridiques',
+  'Refugee/asylee services': "Services aux réfugiés/demandeurs d'asile",
+  'Victim/witness support': 'Aide aux victimes et aux témoins',
+};

src/i18n/i18n.js

@@ -0,0 +1,32 @@
+
+import en from './en-us';
+import es from './es';
+import ch from './ch';
+import vi from './vi';
+import ru from './ru';
+import fr from './fr';
+
+let i18n = {
+  i18n: {
+    header: 'inside',
+    enabled: true,
+    refinePanel: true,
+    expandCollapseTitle: true,
+    footer: true,
+    data: {
+      locale: 'en-US',
+      messages: {
+        'en-US': en,
+        es: es,
+        ch: ch,
+        vi: vi,
+        ru: ru,
+        fr: fr,
+      },
+    },
+  },
+};
+
+// console.log('injury prevention i18n.js, i18n:', i18n);
+
+export default i18n;