page subscription ok

lang/layout/fr-FR.js

@@ -102,6 +102,11 @@ export default (context, locale) => {
     date_choose: 'Choix de la période',
     my_list: 'Mes listes',
     searchList: 'Rechercher parmi mes listes personnalisées',
-    my_subscription: 'Mon abonnement'
+    my_subscription: 'Mon abonnement',
+    informations: 'Informations',
+    more_features: 'Plus de fonctionnalités',
+    client_id: 'Numéro de client',
+    version: 'Version',
+    paying_structure: 'Établissement payeur'
   })
 }

notes_relecture.md

@@ -9,9 +9,6 @@
   de les définir ici, en tout cas pour la prod <https://nuxtjs.org/docs/2.x/features/configuration#edit-host-and-port>
 * Vincent, avais tu vu ce plugin? https://vuex-orm.github.io/plugin-axios/guide/setup.html
 
-## Use/layout/Menus
-
-* voir à factoriser le code des menus des use/...Menu
 
 # Divers
 
@@ -20,6 +17,8 @@
 * un intérêt à utiliser les extensions .client.js et .server.js pour les plugins? (https://fr.nuxtjs.org/docs/2.x/directory-structure/plugins#convention-pour-le-nommage-des-plugins)
 * DatesUtils.sortDates: est-ce qu'un sort standard ne suffirait pas?
 * useChecker -> renommer en useValidator?
+* voir à factoriser le code des menus des use/...Menu
+* la couleur des liens est limite  limite question accessibilité (voir: https://local.admin2.opentalent.fr/organization/subscription)
 
 pour reproduire l'erreur lors des tests:
 

pages/organization/subscription.vue

@@ -1,111 +1,272 @@
-<!-- Page 'Mon abonnement' -->
+<!--
+Page 'Mon abonnement'
+
+@see https://ressources.opentalent.fr/display/SPEC/Mon+abonnement
+-->
 <template>
   <v-row justify="center" align="center">
     <v-col cols="12" sm="12" md="12">
-      <h3>Mon abonnement</h3>
+      <h3>{{ $t('my_subscription') }}</h3>
 
-      <v-expansion-panels focusable accordion>
+      <v-expansion-panels focusable multiple :value="[0,1]">
         <UiExpansionPanel id="informations" icon="fa-info">
           <v-container fluid class="container">
             <v-row>
-              <span>A</span>
-            </v-row>
-          </v-container>
-        </UiExpansionPanel>
-
-        <UiExpansionPanel id="factures" icon="fa-euro">
-          <v-container fluid class="container">
-            <v-row>
-              <span>B</span>
+              <v-simple-table>
+                <tbody>
+                  <tr>
+                    <td>{{ $t('client_id') }}</td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td>{{ $t('version') }}</td>
+                    <td>{{ organizationProfile.product }}</td>
+                  </tr>
+                  <tr v-if="organizationProfile.isCmf() && organizationProfile.isArtistProduct()">
+                    <td>{{ $t('paying_structure') }}</td>
+                    <td>
+                      CMF
+                    </td>
+                  </tr>
+                </tbody>
+              </v-simple-table>
             </v-row>
           </v-container>
         </UiExpansionPanel>
 
-        <UiExpansionPanel id="more" icon="fa-plus">
-          <v-container fluid class="container">
+        <UiExpansionPanel id="more_features" icon="fa-plus">
+          <v-container id="products-section" fluid class="container">
             <v-row>
               <v-simple-table>
                 <template #default>
-                  <tbody>
-                    <tr>
-                      <td>Opentalent Artist</td>
-                      <td>Opentalent School</td>
-                      <td>Sms</td>
-                      <td>Site internet</td>
-                    </tr>
+                  <thead>
                     <tr>
-                      <td><nuxt-img src="/images/Artist-Square.jpg" /></td>
-                      <td><nuxt-img src="/images/School-Square.jpg" /></td>
-                      <td><nuxt-img src="/images/sms_big.png" /></td>
-                      <td><nuxt-img src="/images/nom-de-domaine.jpg" /></td>
+                      <th v-if="organizationProfile.isArtistProduct()">
+                        Opentalent Artist Premium
+                      </th>
+                      <th v-if="organizationProfile.isArtist()">
+                        Opentalent School
+                      </th>
+                      <th v-if="organizationProfile.isSchoolProduct()">
+                        Opentalent School Premium
+                      </th>
+                      <th>
+                        Sms
+                      </th>
+                      <th>
+                        Site internet
+                      </th>
                     </tr>
-
+                  </thead>
+                  <tbody>
                     <tr>
-                      <td>
-                        Bénéficiez de plus de fonctionnalités avec la version
-                        Opentalent artist premium
+                      <td v-if="organizationProfile.isArtistProduct()">
+                        <nuxt-img src="/images/Artist-Square.jpg" />
                       </td>
-                      <td>
-                        Une solution économique adaptée à votre Établissement d'enseignements
-                        artistiques
-                      </td>
-                      <td>
-                        Envoyez des SMS directement depuis votre logiciel à vos membres / élèves
+                      <td v-if="organizationProfile.isArtist()">
+                        <nuxt-img src="/images/School-Square.jpg" />
                       </td>
-                      <td>
-                        Bénéficiez de votre propre nom de domaine et 5 adresses email
+                      <td v-if="organizationProfile.isSchoolProduct()">
+                        <nuxt-img src="/images/School-Square.jpg" />
                       </td>
-                    </tr>
-
-                    <tr>
                       <td>
-                        pour seulement 6,33 €.TTC par mois*
-                        *payable annuellement soit 76 €.TTC/an
-                        offre réservée aux adhérents CMF (prix public 168€.TTC/an).
+                        <nuxt-img src="/images/sms_big.png" />
                       </td>
                       <td>
-                        à partir de 16.45€.TTC/mois*
-                        *payable annuellement soit 198 €.TTC/an
-                        Version opentalent school standard 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/an).
-                      </td>
-                      <td>
-                        à partir de 0.10 €.TTC/sms*
-                        *pour 5000 SMS
-                      </td>
-                      <td>
-                        Pour seulement 34.80 €.TTC/mois*
-                        Ex : NomDeMaStructure.fr contact@NomDeMaStructure.fr
+                        <nuxt-img src="/images/nom-de-domaine.jpg" />
                       </td>
                     </tr>
-
                     <tr>
-                      <td>
-                        Fiche produit opentalent artist Premium
+                      <!-- 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>
+                        </p>
+
+                        <!-- Cmf member -->
+                        <div v-if="organizationProfile.isCmf">
+                          <p>
+                            Pour seulement 6,33 €.TTC par mois *
+                          </p>
+                          <p>
+                            <i>
+                              * Payable annuellement, soit 76 €.TTC / an.
+                              Offre réservée aux adhérents CMF (Prix public: 168€.TTC/an)
+                            </i>
+                          </p>
+                        </div>
+
+                        <!-- Not cmf member -->
+                        <div v-else>
+                          <p>
+                            Pour seulement 14 € TTC par mois *
+                          </p>
+                          <p>
+                            <i>
+                              * Payable annuellement soit 168 €.TTC/an
+                            </i>
+                          </p>
+                        </div>
+
+                        <p>
+                          <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentartist.pdf">
+                            Fiche produit Opentalent Artist Premium
+                          </a>
+                        </p>
+
+                        <p v-if="organizationProfile.isCmf">
+                          <a href="">
+                            Télécharger le bon de commande CMF
+                          </a>
+                        </p>
+                        <p v-else>
+                          <a href="">
+                            Télécharger le bon de commande
+                          </a>
+                        </p>
                       </td>
-                      <td>
-                        Fiche produit opentalent School
+
+                      <!-- Opentalent School -->
+                      <td v-if="organizationProfile.isArtist()">
+                        <p>
+                          Une solution économique adaptée à votre établissement d'enseignement
+                          artistique
+                        </p>
+
+                        <!-- Cmf member -->
+                        <div v-if="organizationProfile.isCmf">
+                          <p>A partir de 16.45€ TTC par mois *</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)
+                            </i>
+                          </p>
+                        </div>
+                        <!-- Not cmf member -->
+                        <div v-else>
+                          <p>A partir de 29.90€ TTC par mois *</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.
+                            </i>
+                          </p>
+                        </div>
+
+                        <p>
+                          <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentschool">
+                            Fiche produit 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.
+                        </p>
+                        <p>
+                          Contactez-nous au <a href="tel:+33972126017">0 972 126 017</a>, ou par mail à l'adresse
+                          <a href="mailto:contact@opentalent.fr">contact@opentalent.fr</a>
+                        </p>
                       </td>
-                      <td />
-                      <td />
-                    </tr>
 
-                    <tr>
-                      <td>
-                        Télécharger le bon de commande CMF
+                      <!-- Opentalent School Premium -->
+                      <td v-if="organizationProfile.isSchoolProduct()">
+                        <p>
+                          Passez à la version <b>Opentalent School Premium</b> et bénéficiez:
+                        </p>
+
+                        <ul>
+                          <li>de comptes pour vos professeurs et élèves</li>
+                          <li>d'un site internet complet</li>
+                        </ul>
+
+                        <!-- Cmf member -->
+                        <div v-if="organizationProfile.isCmf">
+                          <p>A partir de 22.30€ TTC par mois *</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>
+                          </p>
+                        </div>
+                        <!-- Not cmf member -->
+                        <div v-else>
+                          <p>A partir de 36.50€ TTC par mois *</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.
+                            </i>
+                          </p>
+                        </div>
+
+                        <p>
+                          <a href="https://www.opentalent.fr/uploads/opentalent/ficheproduit_Opentalentschool">
+                            Fiche produit Opentalent School
+                          </a>
+                        </p>
+
+                        <p>
+                          Contactez-nous au <a href="tel:+33972126017">0-972 126 017</a>, ou par mail à l'adresse
+                          <a href="mailto:contact@opentalent.fr">contact@opentalent.fr</a>
+                        </p>
                       </td>
+
+                      <!-- SMS -->
                       <td>
-                        Essayez notre logiciel en toute liberté ! Contactez-nous sans plus tarder pour obtenir
-                        une présentation ainsi qu'un accès de démonstration !
-                        Contacter-nous au 0 972 126 017 ou par mail contact@opentalent.fr
+                        <p>Envoyez des <b>SMS</b> directement depuis votre logiciel à vos membres / élèves</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>
+                            <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
+                              Télécharger le bon de commande CMF
+                            </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>
+                            <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-public.pdf">
+                              Télécharger le bon de commande
+                            </a>
+                          </p>
+                        </div>
                       </td>
+
+                      <!-- Custom domain -->
                       <td>
-                        <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
-                          Télécharger le bon de commande CMF
-                        </a>
+                        <p>
+                          Bénéficiez de votre <b>propre nom de domaine</b> et 5 adresses email
+                          pour seulement 34.80 €.TTC / mois
+                        </p>
+
+                        <p>Exemple:</p>
+
+                        <table>
+                          <tr>
+                            <td>Nom de domaine</td>
+                            <td>ma-structure.fr</td>
+                          </tr>
+                          <tr>
+                            <td>Adresse email associée</td>
+                            <td>contact@NomDeMaStructure.fr</td>
+                          </tr>
+                        </table>
                       </td>
-                      <td />
                     </tr>
                   </tbody>
                 </template>
@@ -119,28 +280,42 @@
 </template>
 
 <script lang="ts">
-import { computed, ComputedRef, defineComponent, ref, Ref, useContext } from '@nuxtjs/composition-api'
-import { Item, Query } from '@vuex-orm/core'
-import { repositoryHelper } from '~/services/store/repository'
-import { Organization } from '~/models/Organization/Organization'
-import { queryHelper } from '~/services/store/query'
+import { defineComponent, useContext } from '@nuxtjs/composition-api'
+import { $organizationProfile } from '~/services/profile/organizationProfile'
 
 export default defineComponent({
   name: 'Subscription',
   setup () {
-    // console.log(store.state.profile)
-    //
-    // const repository = repositoryHelper.getRepository(Organization)
-    // const query: ComputedRef<Query> = computed(() => repository.query())
-    // const entry: ComputedRef<Item> = computed(() => {
-    //   return queryHelper.getItem(query.value, store.state.profile.organization.id)
-    // })
-    //
-    // console.log(store.state.profile.product)
+    const { store } = useContext()
+    const organizationProfile = $organizationProfile(store)
+
+    console.log(organizationProfile)
 
     return {
-      // entry
+      organizationProfile
     }
   }
 })
 </script>
+
+<style>
+  #products-section table {
+    table-layout: fixed;
+    width: 100%;
+  }
+
+  #products-section table img {
+    max-height: 250px;
+    max-width: 100%;
+  }
+
+  #products-section tr:first-child td {
+    text-align: center;
+  }
+
+  #products-section td {
+    padding: 12px 18px;
+    vertical-align: top;
+  }
+
+</style>