visgraph: improve relationship form UI, change physics solver, disable node edition

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

@@ -38,6 +38,7 @@
             <div v-else>
                <form>
                   <div class="row">
+                     <div class="col-12 text-center">entre<br>et</div>
                      <div class="col">
                         <h4>
                            {{ getPerson(modal.data.from).text }}

src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/i18n.js

@@ -22,9 +22,9 @@ const visMessages = {
         del: 'Supprimer',
         back: 'Revenir en arrière',
         addNode: 'Ajouter un noeuds',
-        addEdge: 'Ajouter un lien',
-        editNode: 'Éditer un noeuds',
-        editEdge: 'Éditer un lien',
+        addEdge: 'Ajouter un lien de filiation',
+        editNode: 'Éditer le noeuds',
+        editEdge: 'Éditer le lien',
         addDescription: 'Cliquez dans un espace vide pour créer un nouveau nœud.',
         edgeDescription: 'Cliquez sur un usager et faites glisser le lien vers un autre usager pour les connecter.',
         editEdgeDescription: 'Cliquez sur les points de contrôle et faites-les glisser vers un nœud pour les relier.',

src/Bundle/ChillPersonBundle/Resources/public/vuejs/VisGraph/vis-network.js

@@ -39,8 +39,8 @@ window.options = {
             theta: 0.5,
             gravitationalConstant: -50,
             centralGravity: 0.01,
-            springConstant: 0.08,
             springLength: 100,
+            springConstant: 0.08,
             damping: 0.4,
             avoidOverlap: 0
         },
@@ -61,7 +61,7 @@ window.options = {
         },
         maxVelocity: 50,
         minVelocity: 0.1,
-        solver: 'barnesHut',
+        solver: 'forceAtlas2Based', //'barnesHut', //
         stabilization: {
             enabled: true,
             iterations: 1000,
@@ -85,11 +85,8 @@ window.options = {
     },
     manipulation: {
         enabled: true,
-        initiallyActive: true,
-        addNode: function(nodeData, callback) {
-            console.log('addNode', nodeData)
-            //callback(nodeData) disabled
-        },
+        initiallyActive: false,
+        addNode: false,
         editNode: function(nodeData, callback) {
             console.log('editNode', nodeData)
             //callback(nodeData) disabled