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.
This commit is contained in:
Kumi 2024-05-25 21:33:30 +02:00
parent 59cd161c47
commit 78cfa76a6d
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 48 additions and 13 deletions

View file

@ -85,6 +85,11 @@ h5 {
margin-top: 10px; margin-top: 10px;
} }
.currency-col {
width: 150px;
white-space: nowrap;
}
/* Responsive Styles */ /* Responsive Styles */
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar .container { .navbar .container {

View file

@ -74,50 +74,80 @@
income and expenses for the last month. income and expenses for the last month.
</p> </p>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-bordered"> <table class="table table-bordered">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
<th scope="col">Category</th> <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> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Membership Fees</td> <td>Membership Fees</td>
<td>€390</td> <td>+ €5,000</td>
<td></td>
<td></td>
<td></td>
</tr> </tr>
<tr> <tr>
<td>Donations</td> <td>Donations</td>
<td>€0</td> <td>+ €3,200</td>
</tr> <td>+ 500 BTC</td>
<tr> <td>+ 700 ETH</td>
<td>Crypto Donations</td> <td>+ 300 XMR</td>
<td>BTC 0 / XMR 0 / ETH 0</td>
</tr> </tr>
<tr> <tr>
<td>Server Costs</td> <td>Server Costs</td>
<td>€2,800</td> <td>- €2,800</td>
<td></td>
<td></td>
<td></td>
</tr> </tr>
<tr> <tr>
<td>Domain Names</td> <td>Domain Names</td>
<td>€400</td> <td>- €400</td>
<td></td>
<td></td>
<td></td>
</tr> </tr>
<tr> <tr>
<td>Operating Expenses</td> <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>
<tr class="table-secondary"> <tr class="table-secondary">
<td><b>Total Income</b></td> <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>
<tr class="table-secondary"> <tr class="table-secondary">
<td><b>Total Expenses</b></td> <td><b>Total Expenses</b></td>
<td><b>€4,400</b></td> <td><b>€4,400</b></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr> </tr>
<tr class="table-secondary"> <tr class="table-secondary">
<td><b>Account Balance (end of month)</b></td> <td><b>Account Balance (end of month)</b></td>
<td><b>€-5,300 / 0 BTC / 0 XMR / 0 BTC</b></td> <td><b>€5,300</b></td>
</tr> <td><b>500 BTC</b></td>
<td><b>700 ETH</b></td>
<td><b>300 XMR</b></td>
</tbody> </tbody>
</table> </table>
</div> </div>