add my_subscription page (base)

lang/layout/fr-FR.js

@@ -101,6 +101,7 @@ export default (context, locale) => {
     period_choose: 'Période à afficher',
     date_choose: 'Choix de la période',
     my_list: 'Mes listes',
-    searchList: 'Rechercher parmi mes listes personnalisées'
+    searchList: 'Rechercher parmi mes listes personnalisées',
+    my_subscription: 'Mon abonnement'
   })
 }

notes_relecture.md

@@ -29,6 +29,4 @@ pour reproduire l'erreur lors des tests:
 ## Questions
 
 * classe Connection.ts: pqoi AxiosRequestConfig accepte le mot clé progress et pas showPogress?
-* dans la doc composition-api, ils mettent leurs fonctions 'use' dans un répertoire 'composables',  
-  est-ce qu'on ne ferait pas la même chose?
-* y'a t-il une utilité à séparer pages/organization.vue et pages/organization/index.vue ?
+* dans la doc composition-api, ils mettent leurs fonctions 'use' dans un répertoire 'composables', est-ce qu'on ne ferait pas la même chose?

pages/organization/index.vue

@@ -8,7 +8,7 @@ Contient toutes les informations sur l'organization courante
     <UiForm :model="models.Organization" :id="id" :query="repositories.organizationRepository.query()">
       <template v-slot:form.input="{entry, updateRepository}">
 
-        <v-expansion-panels :value="panel" focusable accordion >
+        <v-expansion-panels :value="panel" focusable accordion>
 
           <!-- Description -->
           <UiExpansionPanel id="description" icon="fa-info">

pages/organization/subscription.vue

@@ -0,0 +1,140 @@
+<!-- Page 'Mon abonnement' -->
+<template>
+  <v-row justify="center" align="center">
+    <v-col cols="12" sm="12" md="12">
+      <h3>Mon abonnement</h3>
+
+      <v-expansion-panels :value="panel" focusable accordion>
+        <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-row>
+          </v-container>
+        </UiExpansionPanel>
+
+        <UiExpansionPanel id="more" icon="fa-plus">
+          <v-container 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>
+
+                    <tr>
+                      <td>
+                        Bénéficiez de plus de fonctionnalités avec la version
+                        Opentalent artist premium
+                      </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>
+                      <td>
+                        Bénéficiez de votre propre nom de domaine et 5 adresses email
+                      </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).
+                      </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
+                      </td>
+                    </tr>
+
+                    <tr>
+                      <td>
+                        Fiche produit opentalent artist Premium
+                      </td>
+                      <td>
+                        Fiche produit opentalent School
+                      </td>
+                      <td />
+                      <td />
+                    </tr>
+
+                    <tr>
+                      <td>
+                        Télécharger le bon de commande CMF
+                      </td>
+                      <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
+                      </td>
+                      <td>
+                        <a href="https://www.opentalent.fr/uploads/opentalent/Bon_commande_SMS_ouverture-CMF.pdf">
+                          Télécharger le bon de commande CMF
+                        </a>
+                      </td>
+                      <td />
+                    </tr>
+                  </tbody>
+                </template>
+              </v-simple-table>
+            </v-row>
+          </v-container>
+        </UiExpansionPanel>
+      </v-expansion-panels>
+    </v-col>
+  </v-row>
+</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'
+
+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)
+
+    return {
+      // entry
+    }
+  }
+})
+</script>

use/layout/Menus/accountMenu.ts

@@ -33,6 +33,8 @@ class AccountMenu extends BaseMenu implements Menu {
       children.push(this.constructMenu('organization_page', undefined, '/organization/edit'))
     }
 
+    children.push(this.constructMenu('my_subscription', undefined, '/organization/subscription'))
+
     return children.length > 0 ? this.constructMenu('configuration', 'fa-user', undefined, undefined, children) : null
   }
 }