finalize subscription page translation

.env.local

@@ -4,7 +4,7 @@ DEBUG=1
 
 ## API Base Url
 SSR_API_BASE_URL=http://nginx_new
-CLIENT_API_BASE_URL=https://local.new.api.opentalent.fr
+CLIENT_API_BASE_URL=https://local.ap2i.opentalent.fr
 
 # Legacy API Base Url
 SSR_APILEG_BASE_URL=http://nginx

lang/content/subscription/fr-FR.js

@@ -0,0 +1,40 @@
+/**
+ * Specific translations for the /subscription page
+ *
+ * @param context
+ * @param locale
+ * @returns {{get_more_functionalities_with_version: string, only_for_cmf_members: string, contact_us_at: string, contact_us_for_show_and_demo: string, starting_from_x_eur_ttc_per_month: string, download_order_form: string, for_x_sms: string, for_only_x_eur_ttc_by_month: string, example: string, domain_name: string, and_benefit: string, public_price_x_ttc_a_year: string, product_sheet: string, get_your_own_domain_and_up_to_five_emails_for_only_x_eur_ttc_per_month: string, dummy_domain_name: string, website: string, version_x_up_to_x_students: string, download_cmf_order_form: string, send_sms_from_app_to_your_members: string, freely_try_our_software: string, starting_from_x_eur_ttc_per_ssm: string, yearly_paid_giving_x_eur_ttc_per_year: string, excluding_license_and_training_fees: string, a_suitable_solution_for_your_artistic_school: string, dummy_email_address: string, associated_mail_address: string, switch_to_version: string, or_by_mail_at: string, of_accounts_for_teachers_and_students: string, of_a_complete_website: string}}
+ */
+export default (context, locale) => {
+  return ({
+    get_more_functionalities_with_version: 'Bénéficiez de plus de fonctionnalités avec la version',
+    for_only_x_eur_ttc_by_month: 'Pour seulement { price } € TTC par mois',
+    yearly_paid_giving_x_eur_ttc_per_year: 'Payable annuellement, soit { price } €.TTC / an',
+    only_for_cmf_members: 'Offre réservée aux adhérents CMF',
+    public_price_x_ttc_a_year: 'Prix public: { price } €.TTC/an',
+    product_sheet: 'Fiche produit',
+    download_order_form: 'Télécharger le bon de commande',
+    download_cmf_order_form: 'Télécharger le bon de commande CMF',
+    a_suitable_solution_for_your_artistic_school: 'Une solution économique adaptée à votre établissement d\'enseignement artistique',
+    starting_from_x_eur_ttc_per_month: 'A partir de { price } € TTC par mois',
+    version_x_up_to_x_students: 'Version <b>{ product }</b> jusqu\'à { max_students } students',
+    excluding_license_and_training_fees: 'Hors frais de licence d\'utilisation et de formation',
+    freely_try_our_software: 'Essayez notre logiciel en toute liberté',
+    contact_us_for_show_and_demo: 'Contactez-nous sans plus tarder pour obtenir une présentation ainsi qu\'un accès de démonstration',
+    contact_us_at: 'Contactez-nous au',
+    or_by_mail_at: 'ou par mail à l\'adresse',
+    switch_to_version: 'Passez à la version',
+    and_benefit: 'et bénéficiez',
+    of_accounts_for_teachers_and_students: 'de comptes pour vos professeurs et élèves',
+    of_a_complete_website: 'd\'un site internet complet',
+    send_sms_from_app_to_your_members: 'Envoyez des <b>SMS</b> directement depuis votre logiciel à vos membres / élèves',
+    starting_from_x_eur_ttc_per_ssm: 'A partir de { price } € TTC / sms',
+    for_x_sms: 'pour { amount } SMS',
+    get_your_own_domain_and_up_to_five_emails_for_only_x_eur_ttc_per_month: 'Bénéficiez de votre <b>propre nom de domaine</b> et 5 adresses email pour seulement { price } €.TTC / mois',
+    example: 'Exemple',
+    domain_name: 'Nom de domaine',
+    dummy_domain_name: 'ma-structure.fr',
+    associated_mail_address: 'Adresse email associée',
+    dummy_email_address: 'contact@ma-structure.fr'
+  })
+}

lang/fr-FR.js

@@ -5,6 +5,7 @@ import rulesAndErrors from '@/lang/rulesAndErrors/fr-FR'
 import form from '@/lang/form/fr-FR'
 import breadcrumbs from '@/lang/breadcrumbs/fr-FR'
 import menuKey from '@/lang/menuKey/fr-FR'
+import subscription from '@/lang/content/subscription/fr-FR'
 
 export default (context, locale) => {
   return {
@@ -14,6 +15,7 @@ export default (context, locale) => {
     ...rulesAndErrors(context, locale),
     ...form(context, locale),
     ...breadcrumbs(context, locale),
-    ...menuKey(context, locale)
+    ...menuKey(context, locale),
+    ...subscription(context, locale)
   }
 }

pages/subscription.vue

@@ -6,7 +6,9 @@ Page 'Mon abonnement'
 <template>
   <LayoutContainer>
     <v-col cols="12" sm="12" md="12">
-      <h3 class="margin-bottom-20">{{ $t('my_subscription') }}</h3>
+      <h3 class="margin-bottom-20">
+        {{ $t('my_subscription') }}
+      </h3>
 
       <v-expansion-panels focusable multiple :value="[0,1]">
         <UiExpansionPanel id="informations" icon="fa-info">
@@ -56,7 +58,7 @@ Page 'Mon abonnement'
         <UiExpansionPanel id="bills" icon="fa-file">
           <v-container fluid class="container">
             <v-row>
-              <v-simple-table v-if="!dolibarAccountFetch.pending && dolibarrAccount.bills.length > 0">
+              <v-simple-table v-if="!dolibarrAccountFetch.pending && dolibarrAccount && dolibarrAccount.bills">
                 <thead>
                   <tr>
                     <th>{{ $t('reference') }}</th>
@@ -104,7 +106,7 @@ Page 'Mon abonnement'
                         Sms
                       </th>
                       <th>
-                        Site internet
+                        {{ $t('website') }}
                       </th>
                     </tr>
                   </thead>
@@ -130,19 +132,18 @@ Page 'Mon abonnement'
                       <!-- Opentalent Artist Premium -->
                       <td v-if="organizationProfile.isArtistProduct">
                         <p>
-                          Bénéficiez de plus de fonctionnalités avec la version
-                          <b>Opentalent Artist Premium</b>
+                          {{ $t('get_more_functionalities_with_version') }} <b>Opentalent Artist Premium</b>
                         </p>
 
                         <!-- Cmf member -->
                         <div v-if="organizationProfile.isCmf">
                           <p>
-                            Pour seulement 6,33 €.TTC par mois *
+                            {{ $t('for_only_x_eur_ttc_by_month', { price: '6,33' }) }} *
                           </p>
                           <p>
                             <i>
-                              * Payable annuellement, soit 76 €.TTC / an.
-                              Offre réservée aux adhérents CMF (Prix public: 168€.TTC/an)
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '76' }) }}
+                              {{ $t('only_for_cmf_members') }} ({{ $t('public_price_x_ttc_a_year', { price: '168' }) }})
                             </i>
                           </p>
                         </div>
@@ -150,29 +151,29 @@ Page 'Mon abonnement'
                         <!-- Not cmf member -->
                         <div v-else>
                           <p>
-                            Pour seulement 14 € TTC par mois *
+                            {{ $t('for_only_x_eur_ttc_by_month', { price: '14' }) }} *
                           </p>
                           <p>
                             <i>
-                              * Payable annuellement soit 168 €.TTC/an
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '168' }) }}
                             </i>
                           </p>
                         </div>
 
                         <p>
                           <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentartist.pdf">
-                            Fiche produit Opentalent Artist Premium
+                            {{ $t('product_sheet') }} Opentalent Artist Premium
                           </a>
                         </p>
 
                         <p v-if="organizationProfile.isCmf">
                           <a href="">
-                            Télécharger le bon de commande CMF
+                            {{ $t('download_cmf_order_form') }}
                           </a>
                         </p>
                         <p v-else>
                           <a href="">
-                            Télécharger le bon de commande
+                            {{ $t('download_order_form') }}
                           </a>
                         </p>
                       </td>
@@ -180,46 +181,45 @@ Page 'Mon abonnement'
                       <!-- Opentalent School -->
                       <td v-if="organizationProfile.isArtist">
                         <p>
-                          Une solution économique adaptée à votre établissement d'enseignement
-                          artistique
+                          {{ $t('a_suitable_solution_for_your_artistic_school') }}
                         </p>
 
                         <!-- Cmf member -->
                         <div v-if="organizationProfile.isCmf">
-                          <p>A partir de 16.45€ TTC par mois *</p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_month', { price: '16,45' }) }} *</p>
                           <p>
                             <i>
-                              * Payable annuellement, soit 198€ TTC par an
-                              Version <b>Opentalent School Standard</b> jusqu'à 69 élèves.
-                              Hors frais de licence d'utilisation et de formation.
-                              Offre réservée aux adhérents CMF (prix public: 358.80€ TTC par an)
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '198' }) }}
+                              {{ $t('version_x_up_to_x_students', { product: 'Opentalent School Standard', max_students: '69' }) }}
+                              {{ $t('excluding_license_and_training_fees') }}.
+                              {{ $t('only_for_cmf_members') }} ({{ $t('public_price_x_ttc_a_year', { price: '358,80' }) }})
                             </i>
                           </p>
                         </div>
-                        <!-- Not cmf member -->
+                        <!-- Not a cmf member -->
                         <div v-else>
-                          <p>A partir de 29.90€ TTC par mois *</p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_month', { price: '29,90' }) }} *</p>
                           <p>
                             <i>
-                              * Payable annuellement, soit 358 € TTC par an
-                              Version <b>Opentalent School Standard</b> jusqu'à 69 élèves.
-                              Hors frais de licence d'utilisation et de formation.
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '358' }) }}
+                              {{ $t('version_x_up_to_x_students', { product: 'Opentalent School Standard', max_students: '69' }) }}
+                              {{ $t('excluding_license_and_training_fees') }}.
                             </i>
                           </p>
                         </div>
 
                         <p>
                           <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentschool">
-                            Fiche produit Opentalent School
+                            {{ $t('product_sheet') }} Opentalent School
                           </a>
                         </p>
 
                         <p>
-                          Essayez notre logiciel en toute liberté ! Contactez-nous sans plus tarder pour obtenir
-                          une présentation ainsi qu'un accès de démonstration.
+                          {{ $t('freely_try_our_software') }} !
+                          {{ $t('contact_us_for_show_and_demo') }}.
                         </p>
                         <p>
-                          Contactez-nous au <a href="tel:+33972126017">0 972 126 017</a>, ou par mail à l'adresse
+                          {{ $t('contact_us_at') }} <a href="tel:+33972126017">0 972 126 017</a>, {{ $t('or_by_mail_at') }}
                           <a href="mailto:contact@opentalent.fr">contact@opentalent.fr</a>
                         </p>
                       </td>
@@ -227,71 +227,73 @@ Page 'Mon abonnement'
                       <!-- Opentalent School Premium -->
                       <td v-if="organizationProfile.isSchoolProduct">
                         <p>
-                          Passez à la version <b>Opentalent School Premium</b> et bénéficiez:
+                          {{ $t('switch_to_version') }} <b>Opentalent School Premium</b> {{ $t('and_benefit') }}:
                         </p>
 
                         <ul>
-                          <li>de comptes pour vos professeurs et élèves</li>
-                          <li>d'un site internet complet</li>
+                          <li>{{ $t('of_accounts_for_teachers_and_students') }}</li>
+                          <li>{{ $t('of_a_complete_website') }}</li>
                         </ul>
 
                         <!-- Cmf member -->
                         <div v-if="organizationProfile.isCmf">
-                          <p>A partir de 22.30€ TTC par mois *</p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_month', { price: '22,30' }) }} *</p>
                           <p>
-                            <i>* Payable annuellement, soit 267.60€ TTC par an
-                              Version <b>Opentalent School Premium</b> jusqu'à 69 élèves.
-                              Hors frais de licence d'utilisation et de formation.
-                              Offre réservée aux adhérents CMF (prix public: 438€ TTC/an)</i>
+                            <i>
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '267,60' }) }}
+                              {{ $t('version_x_up_to_x_students', { product: 'Opentalent School Premium', max_students: '69' }) }}
+                              {{ $t('excluding_license_and_training_fees') }}.
+                              {{ $t('only_for_cmf_members') }} ({{ $t('public_price_x_ttc_a_year', { price: '438' }) }})
+                            </i>
                           </p>
                         </div>
                         <!-- Not cmf member -->
                         <div v-else>
-                          <p>A partir de 36.50€ TTC par mois *</p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_month', { price: '36,50' }) }} *</p>
                           <p>
                             <i>
-                              * Payable annuellement, soit 438€ TTC par an
-                              Version <b>Opentalent School Premium</b> jusqu'à 69 élèves.
-                              Hors frais de licence d'utilisation et de formation.
+                              * {{ $t('yearly_paid_giving_x_eur_ttc_per_year', { price: '438' }) }}
+                              {{ $t('version_x_up_to_x_students', { product: 'Opentalent School Premium', max_students: '69' }) }}
+                              {{ $t('excluding_license_and_training_fees') }}.
                             </i>
                           </p>
                         </div>
 
                         <p>
                           <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentschool">
-                            Fiche produit Opentalent School
+                            {{ $t('product_sheet') }} Opentalent School
                           </a>
                         </p>
 
                         <p>
-                          Contactez-nous au <a href="tel:+33972126017">0-972 126 017</a>, ou par mail à l'adresse
+                          {{ $t('contact_us_at') }} <a href="tel:+33972126017">0 972 126 017</a>, {{ $t('or_by_mail_at') }}
                           <a href="mailto:contact@opentalent.fr">contact@opentalent.fr</a>
                         </p>
                       </td>
 
                       <!-- SMS -->
                       <td>
-                        <p>Envoyez des <b>SMS</b> directement depuis votre logiciel à vos membres / élèves</p>
+                        <p>{{ $t('send_sms_from_app_to_your_members') }}</p>
 
                         <!-- Cmf member -->
                         <div v-if="organizationProfile.isCmf">
-                          <p>A partir de 0.10 €.TTC/sms *</p>
-                          <p><i>* pour 5000 SMS</i></p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_sms', { price: '0,10' }) }} *</p>
+                          <p><i>* {{ $t('for_x_sms', { amount: '5000' }) }}</i></p>
 
                           <p>
                             <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
-                              Télécharger le bon de commande CMF
+                              {{ $t('download_cmf_order_form') }}
                             </a>
                           </p>
                         </div>
                         <!-- Not cmf member -->
                         <div v-else>
-                          <p>A partir de 0.12 €.TTC/sms *</p>
-                          <p><i>* pour 5000 SMS</i></p>
+                          <p>{{ $t('starting_from_x_eur_ttc_per_sms', { price: '0,12' }) }} *</p>
+                          <p><i>* {{ $t('for_x_sms', { amount: '5000' }) }}</i></p>
 
                           <p>
                             <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-public.pdf">
-                              Télécharger le bon de commande
+                              {{ $t('download_order_form') }}
                             </a>
                           </p>
                         </div>
@@ -300,24 +302,23 @@ Page 'Mon abonnement'
                       <!-- Custom domain -->
                       <td>
                         <p>
-                          Bénéficiez de votre <b>propre nom de domaine</b> et 5 adresses email
-                          pour seulement 34.80 €.TTC / mois
+                          {{ $t('get_your_own_domain_and_up_to_five_emails_for_only_x_eur_ttc_per_month', { price: '34,80' }) }}
                         </p>
 
-                        <p>Exemple:</p>
+                        <p>{{ $t('example') }} :</p>
                         <table>
                           <tr>
                             <td style="width: 200px;">
-                              Nom de domaine:
+                              {{ $t('domain_name') }} :
                             </td>
                             <td>
-                              <i>ma-structure.fr</i>
+                              <i>{{ $t('dummy_domain_name') }}</i>
                             </td>
                           </tr>
                           <tr>
-                            <td>Adresse email associée: </td>
+                            <td>{{ $t('associated_mail_address') }} : </td>
                             <td>
-                              <i>contact@NomDeMaStructure.fr</i>
+                              <i>{{ $t('dummy_email_address') }}</i>
                             </td>
                           </tr>
                         </table>
@@ -338,7 +339,8 @@ Page 'Mon abonnement'
 import { defineComponent, useFetch, useContext, ref, Ref } from '@nuxtjs/composition-api'
 import { $organizationProfile } from '~/services/profile/organizationProfile'
 import { QUERY_TYPE } from '~/types/enums'
-import {ApiResponse, DolibarrAccount, MobytUserStatus} from '~/types/interfaces'
+import { ApiResponse, DolibarrAccount, MobytUserStatus } from '~/types/interfaces'
+import '@/lang/content/subscription/fr-FR'
 
 export default defineComponent({
   name: 'Subscription',
@@ -350,13 +352,13 @@ export default defineComponent({
     const mobytStatus: Ref<MobytUserStatus | null> = ref(null)
 
     // fetch the dolibarr account's data
-    const {fetchState} = useFetch(async () => {
+    const { fetchState } = useFetch(async () => {
       try {
-        const reponse:ApiResponse = await $dataProvider.invoke({
+        const response:ApiResponse = await $dataProvider.invoke({
           type: QUERY_TYPE.DEFAULT,
           url: '/api/dolibarr/account/' + id
         })
-        dolibarrAccount.value = reponse.data as DolibarrAccount
+        dolibarrAccount.value = response.data as DolibarrAccount
       } catch (Error) {
         // eslint-disable-next-line no-console
         console.error('Error: Dolibarr account not found')
@@ -366,11 +368,11 @@ export default defineComponent({
     // fetch the mobyt status
     useFetch(async () => {
       try {
-        const reponse:ApiResponse = await $dataProvider.invoke({
+        const response:ApiResponse = await $dataProvider.invoke({
           type: QUERY_TYPE.DEFAULT,
           url: '/api/mobyt/status/' + id
         })
-        mobytStatus.value = reponse.data as MobytUserStatus
+        mobytStatus.value = response.data as MobytUserStatus
       } catch (Error) {
         // eslint-disable-next-line no-console
         console.error('Error: Mobyt status not found')
@@ -381,7 +383,7 @@ export default defineComponent({
       organizationProfile,
       dolibarrAccount,
       mobytStatus,
-      dolibarAccountFetch : fetchState
+      dolibarrAccountFetch: fetchState
     }
   }
 })