Add freelance invoices

css/main.css

@@ -18,10 +18,9 @@ main {
   justify-content: center;
 }
 
-.invoices_list header [name="add-invoice"]{
-  border-radius: 100em;
+[name="add-invoice"], [name="add-freelance-invoice"]{
   padding: 0.5em 1em;
-  background-color: #ffb700;
+  background-color: #888;
   color: #fff;
   cursor: pointer;
 }
@@ -33,11 +32,11 @@ div > sib-display {
     background: #ccc;
 }
 
-sib-display [name="invoice-header"], sib-display [name="invoice-footer"]{
+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;
 }
 
-sib-display [name="invoice-header"] {
+sib-display [name="invoice-header"], [name="freelance-invoice-header"] {
   font-weight: bold;
 }
\ No newline at end of file

index.html

@@ -20,7 +20,7 @@
     <section id="clients-invoices" class="invoices_list invoices_list--clients">
       <header>
         <h2>Factures pour le client</h2>
-        <sib-router default-route="list" use-hash>
+        <sib-router default-route="invoice-list" use-hash>
           <sib-route name="invoice-list"></sib-route>
           <sib-route name="add-invoice">Créer une nouvelle facture</sib-route>
         </sib-router>
@@ -28,12 +28,30 @@
       <sib-form id="add-invoice" data-src="https://hd-ldp.happy-dev.fr/posts/" data-fields="text" next="invoice-list"></sib-form>
       <sib-display 
         id="invoice-list"
-        data-src="http://127.0.0.1:8000/invoices/"
+        data-src="http://127.0.0.1:8000/invoices/client-invoices"
         data-fields="invoice-header, invoice-footer"
         set-invoice-header="title, identifier"
         set-invoice-footer="creationDate, htAmount"
       ></sib-display>
     </section>
+
+    <section id="freelances-invoices" class="invoices_list invoices_list--freelances">
+      <header>
+        <h2>Factures des indépendants</h2>
+        <sib-router default-route="freelance-invoice-list" use-hash>
+          <sib-route name="freelance-invoice-list"></sib-route>
+          <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-display 
+        id="freelance-invoice-list" 
+        data-src="http://127.0.0.1:8000/invoices/freelance-invoices" 
+        data-fields="freelance-invoice-header, freelance-invoice-footer"
+        set-freelance-invoice-header="freelanceFullname, identifier" 
+        set-freelance-invoice-footer="invoicingDate, htAmount"
+      ></sib-display>
+    </section>
   </main>
 </body>
 </html>
\ No newline at end of file