Add forms (not working), display state

css/main.css

@@ -7,6 +7,7 @@ main {
   margin: 0 auto;
 }
 
+/* Header avec titre + bouton ajouter facture ============ */
 .invoices_list header {
   display: flex;
   justify-content: space-between;
@@ -25,13 +26,26 @@ main {
   cursor: pointer;
 }
 
-div > sib-display {
+/* Block résumé d'une facture =========================== */
+/* .invoices_list div  sib-display { */
+#invoice-list > div > sib-display, #freelance-invoice-list > div > sib-display {
     display: block;
     margin: 0.5em 0;
     padding: 0.3em 0.5em;
     background: #ccc;
 }
 
+#invoice-list > div > sib-display > div, #freelance-invoice-list > div > sib-display div {
+  display: flex;
+}
+
+.invoices_list [name="invoice-body"], .invoices_list [name="freelance-invoice-body"] {
+  display: flex;
+  flex-direction: column;
+  flex-basis: 80%;
+}
+
+
 sib-display [name="invoice-header"], sib-display [name="invoice-footer"], [name="freelance-invoice-header"], sib-display [name="freelance-invoice-footer"]{
   display: flex;
   justify-content: space-between;
@@ -39,4 +53,14 @@ sib-display [name="invoice-header"], sib-display [name="invoice-footer"], [name=
 
 sib-display [name="invoice-header"], [name="freelance-invoice-header"] {
   font-weight: bold;
+}
+
+.invoices_list [name="invoice-aside"], .invoices_list [name="freelance-invoice-aside"] {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+}
+
+[name="state"] {
+  margin: 0 auto;
 }
\ No newline at end of file

index.html

@@ -25,11 +25,17 @@
           <sib-route name="add-invoice">Créer une nouvelle facture</sib-route>
         </sib-router>
       </header>
-      <sib-form id="add-invoice" data-src="https://hd-ldp.happy-dev.fr/posts/" data-fields="text" next="invoice-list"></sib-form>
+      <sib-form id="add-invoice" 
+        data-src="http://127.0.0.1:8000/invoices/client-invoices" 
+        data-fields="title, identifier, creationDate, htAmount" 
+        next="invoice-list"
+      ></sib-form>
       <sib-display 
         id="invoice-list"
         data-src="http://127.0.0.1:8000/invoices/client-invoices"
-        data-fields="invoice-header, invoice-footer"
+        data-fields="invoice-body, invoice-aside"
+        set-invoice-body="invoice-header, invoice-footer"
+        set-invoice-aside="state"
         set-invoice-header="title, identifier"
         set-invoice-footer="creationDate, htAmount"
       ></sib-display>
@@ -43,11 +49,16 @@
           <sib-route name="add-freelance-invoice">Importer une facture</sib-route>
         </sib-router>
       </header>
-      <sib-form id="add-freelance-invoice" data-src="" data-fields="text" next="freelance-invoice-list"></sib-form>
+      <sib-form id="add-freelance-invoice" 
+        data-src="http://127.0.0.1:8000/invoices/freelance-invoices" 
+        data-fields="freelanceFullname, identifier, invoicingDate, htAmount, uploadUrl" 
+        next="freelance-invoice-list"></sib-form>
       <sib-display 
         id="freelance-invoice-list" 
         data-src="http://127.0.0.1:8000/invoices/freelance-invoices" 
-        data-fields="freelance-invoice-header, freelance-invoice-footer"
+        data-fields="freelance-invoice-body, freelance-invoice-aside"
+        set-freelance-invoice-body="freelance-invoice-header, freelance-invoice-footer"
+        set-freelance-invoice-aside="state"
         set-freelance-invoice-header="freelanceFullname, identifier" 
         set-freelance-invoice-footer="invoicingDate, htAmount"
       ></sib-display>