save checkboxes state in store

src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss

@@ -96,11 +96,20 @@ div.vue-component {
 
 //// AddPersons modal
 div.results {
-   padding: 0 1.3em;
    div.list-item {
       line-height: 26pt;
+      padding: 0.3em 0.8em;
       display: flex;
       flex-direction: row;
+      &.checked {
+         background-color: #ececec;
+         border-bottom: 1px dotted #d9d9d9;
+      }
+      div.container {
+         & > input {
+            margin-right: 0.8em;
+         }
+      }
       div.right_actions {
          margin: 0 0 0 auto;
          & > * {
@@ -110,14 +119,12 @@ div.results {
             border: 1px solid lightgrey;
             font-size: 70%;
             padding: 4px;
-         }
-         span {
          } 
       }
    }
 }
 
-a.discret {
+.discret {
    color: grey;
    margin-right: 1em;
 }

src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.js

@@ -18,6 +18,14 @@ const datetimeFormats = {
       }
    }
 };
+//const pluralizationRules = {
+//   'fr': (choice, choicesLength) => {
+//      if (choice === 0) {
+//         return 0;
+//      }
+//      return (choicesLength < 4) ? 2 : 3;
+//   }
+//};
 const messages = {
    fr: {
       action: {
@@ -43,10 +51,11 @@ const messages = {
 const _createI18n = (appMessages) => {
    Object.assign(messages.fr, appMessages.fr);
    return createI18n({
+      locale: 'fr',
+      fallbackLocale: 'fr',
       datetimeFormats,
       messages,
-      locale: 'fr',
-      fallbackLocale: 'fr'
+      //pluralizationRules
    })
 };