ui: Don't automaticaly create objects for inner objects

ui/src/lib/components/resources/object.svelte

@@ -50,14 +50,12 @@
  export let value: any;
 
  let innerSpecs: Array<Field> | undefined = undefined;
- $: {
+ $: getServiceSpec(type).then((ss) => {
-     getServiceSpec(type).then((ss) => {
      innerSpecs = ss.fields;
  });
- }
 
  // Initialize unexistant objects and arrays, except standard types.
- $: if (innerSpecs) {
+ $: if (innerSpecs && !(specs && specs.tabs)) {
      for (const spec of innerSpecs) {
          fillUndefinedValues(value, spec);
      }
@@ -97,6 +95,18 @@
                 tab={spec.label}
                 active={i == 0}
             >
+                {#if innerSpecs && value[spec.id] === undefined}
+                    <div class="my-3 d-flex justify-content-center">
+                        <Button
+                            color="primary"
+                            type="button"
+                            on:click={() => { fillUndefinedValues(value, spec); value = value; }}
+                        >
+                            <Icon name="plus" />
+                            {$t('common.add-object', {thing: spec.label})}
+                        </Button>
+                    </div>
+                {:else}
                     <ResourceInput
                         {edit}
                         {editToolbar}
@@ -109,6 +119,7 @@
                         on:delete-this-service={() => deleteSubObject(spec.id)}
                         on:update-this-service={(event) => dispatch("update-this-service", event.detail)}
                     />
+                {/if}
             </TabPane>
         {/each}
     </TabContent>

ui/src/lib/locales/en.json

@@ -28,6 +28,7 @@
     "common": {
         "add": "Add",
         "add-new-thing": "Add new {{thing}}",
+        "add-object": "Add a {{thing}} object to this service",
         "cancel": "Cancel",
         "cancel-edit": "Cancel edit",
         "continue": "Continue",

ui/src/lib/locales/fr.json

@@ -28,6 +28,7 @@
     "common": {
         "add": "Ajouter",
         "add-new-thing": "Ajouter {{thing}}",
+        "add-object": "Add un objet {{thing}} à ce service",
         "cancel": "Annuler",
         "cancel-edit": "Abandonner",
         "continue": "Continuer",