fix the relations bug

yopa-web/resources/src/components/NewObjectForm.vue

@@ -36,6 +36,7 @@ export default {
       model,
       properties,
       relations,
+      haveRelations: !isEmpty(relations),
       model_names,
       values,
       name: '',
@@ -132,7 +133,7 @@ export default {
     <property v-for="(property, pi) in properties" :model="property" :values="values[property.id]" :key="pi"></property>
   </table>
 
-  <div v-if="relations.length > 0">
+  <div v-if="haveRelations">
     <h3>Relations</h3>
 
     <new-relation

yopa-web/resources/src/components/NewRelationForm.vue

@@ -118,24 +118,22 @@ export default {
 </style>
 
 <template>
-  <div>
+  <div class="new-relation" v-for="(instance, ri) in instances" :key="ri">
-    <div class="new-relation" v-for="(instance, ri) in instances" :key="ri">
+    <b>{{ model.name }} -&gt; {{ related_model.name }}
-      <b>{{ model.name }} -&gt; {{ related_model.name }}
+      <select v-model="instance.related">
-        <select v-model="instance.related">
+        <option v-for="(name, id) in object_names" :value="id">{{name}}</option>
-          <option v-for="(name, id) in object_names" :value="id">{{name}}</option>
+      </select>
-        </select>
+    </b>
-      </b>
+
-
+    <a href="#" v-if="model.multiple || model.optional && instances.length > 0"
-      <a href="#" v-if="model.multiple || model.optional && instances.length > 0"
+       style="margin-left: 5px"
-         style="margin-left: 5px"
+       @click="removeInstance(ri)">X</a>
-         @click="removeInstance(ri)">X</a>
+
-
+    <table v-if="properties">
-      <table v-if="properties">
+      <property v-for="(property, id) in properties" :model="property" :values="instance.values[id]" :key="id"></property>
-        <property v-for="(property, id) in properties" :model="property" :values="instance.values[id]" :key="id"></property>
+    </table>
-      </table>
-    </div>
-
-    <a href="#" v-if="model.multiple || model.optional && instances.length==0"
-       @click="addInstance">Add {{ model.name }} -&gt; {{ related_model.name }}</a>
   </div>
+
+  <a href="#" v-if="model.multiple || model.optional && instances.length==0"
+     @click="addInstance">Add {{ model.name }} -&gt; {{ related_model.name }}</a><br>
 </template>