carpathianflorist
/
MarseyWorld
forked from MarseyWorld/MarseyWorld
1
0
Fork 0
Code Pull Requests Activity

use table

master
Aevann 2024-03-03 00:25:52 +02:00
parent 7076d38d4b
commit 13c784e315
3 changed files with 34 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
files/assets/css/main.css
View File

@ -7756,15 +7756,14 @@ td[data-time] {
white-space: pre; white-space: pre;
} }
.bg-green { .bg-green, .bg-green * {
background-color: #0a6936 !important; background-color: #0a6936 !important;
} }
.bg-red { .bg-red, .bg-red * {
background-color: #71000b !important; background-color: #71000b !important;
} }
.bank-statement-amount { table.border-0 * {
width: 140px; border: none !important;
display: inline-block;
} }

49
files/templates/bank_statement.html
View File

@ -7,28 +7,37 @@
<h2 class="font-weight-bolder text-center pt-2 pb-3 d-mob-none">@{{user.username}}'s Bank Statement</h2> <h2 class="font-weight-bolder text-center pt-2 pb-3 d-mob-none">@{{user.username}}'s Bank Statement</h2>
<h4 class="font-weight-bolder text-center pt-2 pb-3 d-md-none">@{{user.username}}'s Bank Statement</h4> <h4 class="font-weight-bolder text-center pt-2 pb-3 d-md-none">@{{user.username}}'s Bank Statement</h4>
</div> </div>
<div class="rounded border mx-auto" style="max-width:800px">
<h5 class="font-weight-bolder text-right pb-0 mr-3">Balance</h2> <div class="rounded border overflow-x-auto">
{% for log in logs %} <table class="border-0">
<div class="modlog-action {% if log.amount > 0 %}bg-green{% else %}bg-red{% endif %} "> <thead class="bg-transparent">
<div class="d-flex flex-grow-1 align-items-center"> <tr>
<div class="d-flex align-items-center justify-content-center mr-3 rounded-lg flex-shrink-0" style="width: 32px;height: 32px"> <th></th>
<img width="{% if log.currency == 'coins' %}40{% else %}53{% endif %}" alt="{{log.currency}}" class="pl-2" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{SITE_FULL_IMAGES}}/i/{{log.currency}}.webp?x=7" title="{{log.currency.title()}}"> <th></th>
</div> <th></th>
<div class="d-flex align-items-center"> <th>Balance</th>
<div class="text-muted pl-3"> </tr>
<span><b class="bank-statement-amount">{% if log.amount > 0 %}+{% endif %}{{log.amount}} {{log.currency}}</b> &nbsp;&nbsp; {{log.reason | safe}}</span> </thead>
<tbody>
{% for log in logs %}
<tr class="{% if log.amount > 0 %}bg-green{% else %}bg-red{% endif %}">
<td class="p-0 text-center pl-1">
<img width="{% if log.currency == 'coins' %}30{% else %}40{% endif %}" alt="{{log.currency}}" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{SITE_FULL_IMAGES}}/i/{{log.currency}}.webp?x=7" title="{{log.currency.title()}}">
</td>
<td class="unbreakable">
<b class="bank-statement-amount">{% if log.amount > 0 %}+{% endif %}{{log.amount}}</b>
<div class="text-gray-500"> <div class="text-gray-500">
<span class="log--item-age" data-bs-toggle="tooltip" data-bs-placement="bottom" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{log.created_utc}}')">{{log.age_string}}</span> <span class="font-weight-normal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-nonce="{{g.nonce}}" data-onmouseover="timestamp(this, '{{log.created_utc}}')">
{{log.age_string}}
</span>
</div> </div>
</div> </td>
</div> <td class="font-weight-normal">{{log.reason | safe}}</td>
<span class="ml-auto unbreakable">{{log.balance}} {{log.currency}}</span> <td class="unbreakable font-weight-bold">{{log.balance}}</td>
</div> </tr>
</div> {% endfor %}
{% else %} </tbody>
<div class="p-3">There's nothing here right now.</div> </table>
{% endfor %}
{% include "pagination.html" %} {% include "pagination.html" %}
</div> </div>
</div> </div>

2
files/templates/pagination.html
View File

@ -1,6 +1,6 @@
<nav> <nav>
<ul class="pagination pagination-sm mb-0 mt-4 {% if request.path.endswith('/bank_statement') %}pb-0{% else %}pl-1{% endif %}"> <ul class="pagination pagination-sm mb-0 {% if request.path.endswith('/bank_statement') %}pb-0 pl-0 pt-1{% else %}pl-1 mt-4{% endif %}">
{% if not size %} {% if not size %}
{% set size = PAGE_SIZE %} {% set size = PAGE_SIZE %}
{% endif %} {% endif %}