From 37d19673439b8f22487921aee1886977d28770d9 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Thu, 12 Aug 2021 14:28:00 +0200
Subject: [PATCH] Feat: simplify createMonth

---
 src/components/CreateMonth.vue       | 35 ++++++----------------------
 src/components/MonthPresentation.vue |  1 -
 2 files changed, 7 insertions(+), 29 deletions(-)

diff --git a/src/components/CreateMonth.vue b/src/components/CreateMonth.vue
index 7bd1fc4..97e724c 100644
--- a/src/components/CreateMonth.vue
+++ b/src/components/CreateMonth.vue
@@ -9,32 +9,10 @@
           </div>
       </div>
       <div class="datas">
-        <ul>
-            <li> 
-                <label for="ca-theo">CA théorique</label>
-                <input type="number" v-model.number="monthCopy.caTheo"  id="ca-theo" class="value" >
-            </li>
-            <li> 
-                <label for="ca-retro">CA rétrocession</label>
-                <input type="number" v-model.number="monthCopy.caRetro" id="ca-retro" class="value" >
-            </li>
-            <li> 
-                <label for="ca-react">CA réactualisé</label>
-                <input type="number" v-model.number="monthCopy.caReact" id="ca-react" class="value" >
-            </li>
-            <li> 
-                <label for="nbr-seances">Nombre de séances effectuées</label>
-                <input type="number" v-model.number="monthCopy.sessionQty" id="nbr-seances" class="value" >
-            </li>
-            <li> 
-                <label for="retro">Montant de la rétrocession</label>
-                <input type="number" v-model.number="monthCopy.retro" id="retro" class="value" >
-            </li>
-            <li> 
-                <label for="remuneration">Rémunération effectuée</label>
-                <input type="number" v-model.number="monthCopy.remuneration" id="remuneration" class="value">
-            </li>
-        </ul>
+        <li v-for="cara in monthDesc" :key='cara.name'> 
+            <label :for='cara.name'>{{ cara.desc }}</label>
+            <input type="number" v-model.number="monthCopy[cara.name]"  id="cara.name" class="value">
+        </li>
       </div>
     </div>
 </template>
@@ -68,6 +46,9 @@ export default {
     ...mapGetters('travail', {
         'theEmptyMonth': 'TheEmptyMonth',
     }),
+    ...mapGetters('config', {
+        'monthDesc': 'monthDesc',
+    }),
   },
   methods: {
     ...mapActions('travail', {
@@ -117,12 +98,10 @@ export default {
     }
     li {
         margin: 3px;
-        width: 30%;
         display: flex;
         flex-direction: column-reverse;
     }
     .value {
-        font-size: 1.5em;
         font-weight: bold;
     }
 </style>
diff --git a/src/components/MonthPresentation.vue b/src/components/MonthPresentation.vue
index 09c78e0..bbc7d51 100644
--- a/src/components/MonthPresentation.vue
+++ b/src/components/MonthPresentation.vue
@@ -132,6 +132,5 @@ export default {
         padding: 4px;
         font-size: 0.8em;
         width: auto;
-
     }
 </style>