From 58057162420eab89e857c129286527bf145ad90a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jordi=20Guti=C3=A9rrez=20Hermoso?= <jordigh@octave.org>
Date: Wed, 1 Jan 2025 20:56:03 -0500
Subject: [PATCH] invoice: add a PAID stamp

If the invoice has a Paid toggle, this will show a little "PAID" stamp
on the invoice once that's checked.
---
 invoices/exampleData.js |  1 +
 invoices/index.html     |  5 +++++
 invoices/invoice.css    | 12 ++++++++++++
 invoices/invoice.js     |  3 ++-
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/invoices/exampleData.js b/invoices/exampleData.js
index 3d8943b2..72073916 100644
--- a/invoices/exampleData.js
+++ b/invoices/exampleData.js
@@ -42,4 +42,5 @@ const exampleData = {
   Deduction: null,
   Taxes: null,
   Total: 615,
+  Paid: true,
 };
diff --git a/invoices/index.html b/invoices/index.html
index a7a05a9e..96d82224 100644
--- a/invoices/index.html
+++ b/invoices/index.html
@@ -178,6 +178,11 @@
             </div>
           </div>
         </template>
+        <template v-if="invoice.Paid">
+          <div class="paid">
+            PAID
+          </div>
+        </template>
 
         <div class="footer">
           <div class="thanks">
diff --git a/invoices/invoice.css b/invoices/invoice.css
index 070a0877..2f773b83 100644
--- a/invoices/invoice.css
+++ b/invoices/invoice.css
@@ -167,6 +167,18 @@ div.instructions, .newlined, p.note {
   white-space: pre-line;
 }
 
+div.paid {
+  position: relative;
+  left: 40%;
+  color: red;
+  rotate: 15deg;
+  font-size: 80px;
+  top: 20px;
+  border: 5px solid red;
+  float: left;
+  font-weight: bolder;
+}
+
 .app {
   position: relative;
 }
diff --git a/invoices/invoice.js b/invoices/invoice.js
index 6d33ffbb..e3e6ebad 100644
--- a/invoices/invoice.js
+++ b/invoices/invoice.js
@@ -151,7 +151,8 @@ function updateInvoice(row) {
     // Add some guidance about columns.
     const want = new Set(Object.keys(addDemo({})));
     const accepted = new Set(['References']);
-    const importance = ['Number', 'Client', 'Items', 'Total', 'Invoicer', 'Due', 'Issued', 'Subtotal', 'Deduction', 'Taxes', 'Note'];
+    const importance = ['Number', 'Client', 'Items', 'Total', 'Invoicer', 'Due', 
+                        'Issued', 'Subtotal', 'Deduction', 'Taxes', 'Note', 'Paid'];
     if (!(row.Due || row.Issued)) {
       const seen = new Set(Object.keys(row).filter(k => k !== 'id' && k !== '_error_'));
       const help = row.Help = {};