From 78cfa76a6deab21bcbdd0344450a50c9cb833322 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sat, 25 May 2024 21:33:30 +0200
Subject: [PATCH] feat(membership report): enhance crypto visibility

This update introduces additional columns in the membership financial report to separately list cryptocurrency incomes such as Bitcoin (BTC), Ethereum (ETH), and Monero (XMR). A new CSS class, `currency-col`, ensures these columns maintain a consistent and readable width without wrapping, improving the overall clarity and usability of the report. This change addresses a growing need to track and report digital currency transactions distinctly from traditional currency, reflecting the organization's evolving financial landscape and responding to the increasing relevance of cryptocurrencies in its operations.
---
 assets/css/base.css       |  5 ++++
 templates/membership.html | 56 ++++++++++++++++++++++++++++++---------
 2 files changed, 48 insertions(+), 13 deletions(-)

diff --git a/assets/css/base.css b/assets/css/base.css
index 94aa844..0238be0 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -85,6 +85,11 @@ h5 {
   margin-top: 10px;
 }
 
+.currency-col {
+  width: 150px;
+  white-space: nowrap;
+}
+
 /* Responsive Styles */
 @media (max-width: 768px) {
   .navbar .container {
diff --git a/templates/membership.html b/templates/membership.html
index 4724b42..e77fc66 100644
--- a/templates/membership.html
+++ b/templates/membership.html
@@ -74,50 +74,80 @@
         income and expenses for the last month.
       </p>
       <div class="table-responsive">
+        
         <table class="table table-bordered">
           <thead class="table-light">
             <tr>
               <th scope="col">Category</th>
-              <th scope="col">Amount (€)</th>
+              <th class="currency-col" scope="col">Euros (€)</th>
+              <th class="currency-col" scope="col">Bitcoin (BTC)</th>
+              <th class="currency-col" scope="col">Ethereum (ETH)</th>
+              <th class="currency-col" scope="col">Monero (XMR)</th>
             </tr>
           </thead>
           <tbody>
             <tr>
               <td>Membership Fees</td>
-              <td>€390</td>
+              <td>+ €5,000</td>
+              <td></td>
+              <td></td>
+              <td></td>
             </tr>
             <tr>
               <td>Donations</td>
-              <td>€0</td>
-            </tr>
-            <tr>
-              <td>Crypto Donations</td>
-              <td>BTC 0 / XMR 0 / ETH 0</td>
+              <td>+ €3,200</td>
+              <td>+ 500 BTC</td>
+              <td>+ 700 ETH</td>
+              <td>+ 300 XMR</td>
             </tr>
             <tr>
               <td>Server Costs</td>
-              <td>€2,800</td>
+              <td>- €2,800</td>
+              <td></td>
+              <td></td>
+              <td></td>
             </tr>
             <tr>
               <td>Domain Names</td>
-              <td>€400</td>
+              <td>- €400</td>
+              <td></td>
+              <td></td>
+              <td></td>
             </tr>
             <tr>
               <td>Operating Expenses</td>
-              <td>€1,200</td>
+              <td>- €1,200</td>
+              <td></td>
+              <td></td>
+              <td></td>
+            </tr>
+            <tr>
+              <td>Conversions</td>
+              <td></td>
+              <td></td>
+              <td></td>
+              <td></td>
             </tr>
             <tr class="table-secondary">
               <td><b>Total Income</b></td>
-              <td><b>€390</b></td>
+              <td><b>€9,700</b></td>
+              <td><b>500 BTC</b></td>
+              <td><b>700 ETH</b></td>
+              <td><b>300 XMR</b></td>
             </tr>
             <tr class="table-secondary">
               <td><b>Total Expenses</b></td>
               <td><b>€4,400</b></td>
+              <td>-</td>
+              <td>-</td>
+              <td>-</td>
             </tr>
             <tr class="table-secondary">
               <td><b>Account Balance (end of month)</b></td>
-              <td><b>€-5,300 / 0 BTC / 0 XMR / 0 BTC</b></td>
-            </tr>
+              <td><b>€5,300</b></td>
+              <td><b>500 BTC</b></td>
+              <td><b>700 ETH</b></td>
+              <td><b>300 XMR</b></td>
           </tbody>
         </table>
       </div>