import multiselect (wip)

src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/App.vue

@@ -42,6 +42,16 @@
                         {{ modal.data.to }}
                      </div>
                   </div>
+                  <div><!--
+                     <VueMultiselect
+                        id="relationshipLink"
+                        :placeholder="$t('Choisissez le lien de parenté')"
+                        :options="relationLinks"
+                        v-model="relationshipLink"
+                        >
+                     </VueMultiselect>
+                     -->
+                  </div>
                   <p>
                      phrase
                   </p>
@@ -64,11 +74,13 @@
 import vis from 'vis-network/dist/vis-network'
 import { mapState, mapGetters } from "vuex"
 import Modal from 'ChillMainAssets/vuejs/_components/Modal'
+import VueMultiselect from 'vue-multiselect'
 
 export default {
    name: "App",
    components: {
       Modal,
+      VueMultiselect
    },
    data() {
       return {
@@ -205,6 +217,14 @@ export default {
          this.modal.button.text = 'action.delete'
          this.modal.showModal = true
       },
+
+      relationLinks() {
+         console.log('fetch relationLinks')
+         return getRelations().then(relationsList => new Promise(resolve => {
+            console.log('relationsList', relationsList)
+            resolve()
+         })).catch()
+      },
    }
 /*
    TODO / TO CHECK / TO UNDERSTAND