keith/Torn-Vault-Tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Adjust styles

Browse Source 
- Adjust alignment
This commit is contained in:
Keith Solomon
2022-12-23 17:30:53 +00:00
parent abe10c88a2
commit 388266609d
3 changed files with 42 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
functions.php
+19 -10
View File
@@ -118,10 +118,10 @@ function vaultTxns($csv) {
$output .= '<table>'; $output .= '<table>';
$output .= ' <thead>'; $output .= ' <thead>';
$output .= ' <td>User</td>'; $output .= ' <td><h4>User</h4></td>';
$output .= ' <td>Timestamp</td>'; $output .= ' <td><h4>Timestamp</h4></td>';
$output .= ' <td>Operation</td>'; $output .= ' <td><h4>Operation</h4></td>';
$output .= ' <td>Amount</td>'; $output .= ' <td><h4>Amount</h4></td>';
$output .= ' </thead>'; $output .= ' </thead>';
$output .= ' <tbody>'; $output .= ' <tbody>';
@@ -184,15 +184,24 @@ function userBalance($array, $field) {
} }
function vaultBalances($csv) { function vaultBalances($csv) {
$usr1 = 'Zarathos'; $usr1 = 'Zarathos';
$usr1Vault = splitVault($csv, '0', $usr1); $usr1Vault = splitVault($csv, '0', $usr1);
$usr1Balance = userBalance($usr1Vault,3); $usr1Balance = userBalance($usr1Vault,3);
$usr1Share = formatMoney(500000000-$usr1Balance);
$usr2 = 'Symos'; $usr2 = 'Symos';
$usr2Vault = splitVault($csv, '0', $usr2); $usr2Vault = splitVault($csv, '0', $usr2);
$usr2Balance = userBalance($usr2Vault,3); $usr2Balance = userBalance($usr2Vault,3);
$usr2Share = formatMoney(500000000-$usr1Balance);
echo '<h3>'.$usr1.' balance: '.formatMoney($usr1Balance).'</h3>'; echo '<section class="user1">';
echo '<h3>'.$usr2.' balance: '.formatMoney($usr2Balance).'</h3>'; echo ' <h3>'.$usr1.' balance: '.formatMoney($usr1Balance).'</h3>';
echo ' <h4>'.$usr1.' share left: '.$usr1Share.'<h4>';
echo '</section>';
echo '<section class="user2">';
echo ' <h3>'.$usr2.' balance: '.formatMoney($usr2Balance).'</h3>';
echo ' <h4>'.$usr2.' share left: '.$usr2Share.'<h4>';
echo '</section>';
} }
?> ?>
index.php
+4 -3
View File
@@ -17,15 +17,16 @@
<div class="grid"> <div class="grid">
<div class="gridLeft"> <div class="gridLeft">
<h2>Transactions</h2> <h1>Transactions</h1>
<?php vaultTxns($csv); ?> <?php vaultTxns($csv); ?>
</div> </div>
<div class="gridRght"> <div class="gridRght">
<h2>Balances</h2> <h1>Balances</h1>
<h2>Vault Balance: </h2>
<h3>Vault Balance: </h3>
<div class="grid"> <div class="grid">
<?php vaultBalances($csv); ?> <?php vaultBalances($csv); ?>
</div> </div>
style.css
+18 -3
View File
@@ -1,11 +1,20 @@
:root {
--red: #f77e82;
--green: #08817d;
}
body { padding: 0 1em; }
.grid { .grid {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr; grid-template-rows: 1fr;
grid-column-gap: 0px; grid-column-gap: 4em;
grid-row-gap: 0px; grid-row-gap: 0px;
} }
table {width: 100%; }
table, tr, td { table, tr, td {
border: 1px solid #333; border: 1px solid #333;
border-collapse: collapse; border-collapse: collapse;
@@ -18,8 +27,14 @@ thead td {
text-transform: uppercase; text-transform: uppercase;
} }
tr.debit { background-color: #f77e82; } tr.debit { background-color: var(--red); }
tr.credit { background-color: #08817d; color: #fff; } tr.credit { background-color: var(--green); color: #fff; }
td { padding: .15em 1em; } td { padding: .15em 1em; }
h1 { }
h3, h4 { margin: 0; }
h4 { font-style: italic; }