update: solid-delete + integration

css/main.css

@@ -136,11 +136,6 @@
   height: 33px;
   padding: 10px 15px;
 }
-solid-delete {
-  position: absolute;
-  right: 170px;
-  bottom: 35px;
-}
 
 /* Header lists ============ */
 .invoices-list{
@@ -256,6 +251,10 @@ solid-delete {
   display:block;
   text-align:center;
 }
+.invoices-list widget-embed-drive embed {
+  object-fit: contain;
+  height: 100%;
+}
 
 /* Action menu =========================== */
 [name="actions"]{
@@ -508,6 +507,28 @@ solid-delete {
   background: white;
   color:var(--color-third, gray);
 }
+.solid-invoicing solid-delete {
+  position: absolute;
+  right: 170px;
+  bottom: 35px;
+}
+.solid-invoicing solid-delete dialog {
+  position: fixed;
+  top: 30%;
+  padding: 35px;
+  width: 500px;
+  max-width: 100%;
+}
+.solid-invoicing solid-delete dialog p {
+  color: var(--color-heading) !important;
+  text-transform: none !important;
+  font-size: 14px;
+  margin-bottom: 30px;
+}
+.solid-invoicing  solid-delete:hover dialog .cancel {
+  color: var(--color-secondary)!important;
+}
+
 
 /* Batches */
 .invoice-form widget-form-batches{

locales/en.json

@@ -52,5 +52,7 @@
     "button.submit_form": "Submit",
     "button.edit_submit_form": "Confirm",
     "button.delete_submit_form": "Delete",
-    "confirm.delete_invoice": "Are you sure you want to delete this invoice ?"
+    "confirm.delete_invoice": "Are you sure you want to delete this invoice ?",
+    "validate.delete_invoice": "Delete",
+    "cancel.delete_invoice": "Cancel"
 }
\ No newline at end of file

locales/fr.json

@@ -52,5 +52,7 @@
     "button.submit_form": "Envoyer",
     "button.edit_submit_form": "Valider",
     "button.delete_submit_form": "Supprimer",
-    "confirm.delete_invoice": "Es-tu sûr de vouloir supprimer cette facture ?"
+    "confirm.delete_invoice": "Es-tu sûr de vouloir supprimer cette facture ?",
+    "validate.delete_invoice": "Supprimer",
+    "cancel.delete_invoice": "Annuler"
 }
\ No newline at end of file

solid-invoicing.js

@@ -360,9 +360,14 @@ export class SolidInvoicing extends SolidTemplateElement {
         <solid-delete class="sm-full button text-xsmall text-bold text-uppercase text-center color-secondary bordered icon icon-trash" 
           bind-resources
           next="invoice-list"
-          confirmation-message="${this.localize('confirm.delete_invoice')}">
-          submit-button="${this.localize('button.delete_submit_form')}"
-        </solid-delete>
+          confirmation-message="${this.localize('confirm.delete_invoice')}"
+          confirmation-type="dialog"
+          confirmation-submit-text="${this.localize('validate.delete_invoice')}"
+          confirmation-cancel-text="${this.localize('cancel.delete_invoice')}"
+          confirmation-submit-class="segment sm-full button text-xsmall text-bold reversed text-uppercase text-center color-secondary bordered"
+          confirmation-cancel-class="cancel segment sm-full button text-xsmall text-bold text-uppercase text-center color-secondary bordered"
+          data-label="${this.localize('button.delete_submit_form')}"
+        ></solid-delete>
       </dialog>
 
       <dialog data-view="duplicate-invoice" class="invoice-form" id="duplicate">
@@ -451,6 +456,7 @@ export class SolidInvoicing extends SolidTemplateElement {
               widget-tvaAmount="widget-money"
               widget-ttcAmount="widget-money"
               widget-tvaRate="widget-tva-rate"
+              class-project.customer.name="segment block whitespace-normal text-color-heading text-bold margin-bottom-xsmall"
             ></solid-display>
 
             <div class="invoice-render__footer">