Merge branch '15-embed-invoices' into 'master'

feature: embed drive previews

Closes #15

See merge request startinblox/components/sib-invoicing!4

css/main.css

@@ -187,6 +187,14 @@ label > div{
   padding-top: 1.5rem;
 }
 
+/* embed */
+.invoices-list widget-embed-drive{
+  background: #d1d1d1;
+  width:100%;
+  display:block;
+  text-align:center;
+}
+
 /* Action menu =========================== */
 div[name="actions"]{
   display: flex;

index.html

@@ -148,6 +148,12 @@
       </template>
     </sib-widget>
 
+    <sib-widget name="widget-embed-drive">
+      <template>
+        <embed src="${value}" width="560px" height="800px"/>
+      </template>
+    </sib-widget>
+
     <!-- /widgets ==================================== -->
 
 
@@ -315,6 +321,7 @@
         <h2>Factures des indépendants</h2>
         <sib-router default-route="freelance-invoice-list">
           <sib-route name="freelance-invoice-list"></sib-route>
+          <sib-route name="edit-freelance-invoice"></sib-route>
           <sib-route name="add-freelance-invoice" class="button">Importer une facture</sib-route>
         </sib-router>
       </header>
@@ -337,16 +344,41 @@
         ></sib-form>
       </dialog>
 
+      <dialog id="edit-freelance-invoice" class="invoice-form">
+        <h2>Modifier une facture</h2>
+        <sib-form
+          bind-resources
+          data-fields="first-line, second-line, uploadUrl"
+          set-first-line="freelanceFullname, identifier"
+          set-second-line="invoicingDate, htAmount"
+          label-freelanceFullname="Nom du prestataire"
+          label-identifier="Numéro de la prestation"
+          label-invoicingDate="Date de facturation"
+          label-uploadUrl="Lien de la facture"
+          label-htAmount="Montant HT"
+          widget-invoicingDate="sib-form-date"
+          widget-htAmount="sib-form-number"
+          next="freelance-invoice-list"
+        ></sib-form>
+      </dialog>
+
       <sib-display
         id="freelance-invoice-list"
         data-src="http://127.0.0.1:8000/freelance-invoices/"
-        data-fields="invoice-title"
+        data-fields="invoice-title, invoice-hidden"
         set-invoice-title="invoice-main, invoice-aside"
         set-invoice-main="invoice-header, invoice-footer"
         set-invoice-aside="state"
         set-invoice-header="freelanceFullname, identifier"
         set-invoice-footer="invoicingDate, htAmount"
+        set-invoice-hidden="actions, uploadUrl"
+        set-actions="edit, duplicate"
+        label-edit="Éditer"
+        label-duplicate="Dupliquer"
+        action-edit="edit-freelance-invoice"
+        action-duplicate="duplicate-invoice"
         widget-htAmount="widget-money"
+        widget-uploadUrl="widget-embed-drive"
       ></sib-display>
     </section>
     <!-- /freelance ==================================== -->