herocode/hostbasket
Archived
13
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

styling and minor content fixes

Browse Source
This commit is contained in:
Timur Gordon
2025-04-23 04:58:38 +02:00
parent b56f1cbc30
commit 9445dea629
5 changed files with 310 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
actix_mvc_app/src/views/assets/index.html
View File

@@ -20,7 +20,7 @@
</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="/assets/list">View All Assets</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
<div class="small text-white"><i class="bi bi-arrow-right"></i></div>
</div>
</div>
</div>
@@ -32,7 +32,7 @@
</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="/assets/list">View Details</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
<div class="small text-white"><i class="bi bi-arrow-right"></i></div>
</div>
</div>
</div>
@@ -44,7 +44,7 @@
</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="/assets/list">View Active Assets</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
<div class="small text-white"><i class="bi bi-arrow-right"></i></div>
</div>
</div>
</div>
@@ -56,39 +56,7 @@
</div>
<div class="card-footer d-flex align-items-center justify-content-between">
<a class="small text-white stretched-link" href="/assets/list">View Transactions</a>
<div class="small text-white"><i class="fas fa-angle-right"></i></div>
</div>
</div>
</div>
</div>
<!-- Asset Types Distribution -->
<div class="row mt-4">
<div class="col-12">
<div class="card mb-4">
<div class="card-header">
<i class="bi bi-pie-chart me-1"></i>
Asset Types Distribution
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Asset Type</th>
<th>Count</th>
</tr>
</thead>
<tbody>
{% for asset_type in assets_by_type %}
<tr>
<td>{{ asset_type.type }}</td>
<td>{{ asset_type.count }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="small text-white"><i class="bi bi-arrow-right"></i></div>
</div>
</div>
</div>
@@ -110,15 +78,48 @@
<th>Name</th>
<th>Type</th>
<th>Status</th>
<th>Valuation</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for asset in recent_assets %}
<tr>
<td>{{ asset.name }}</td>
<td>
<div class="d-flex align-items-center">
{% if asset.asset_type == "Token" %}
<i class="bi bi-coin me-2 text-warning"></i>
{% elif asset.asset_type == "NFT" %}
<i class="bi bi-image me-2 text-primary"></i>
{% elif asset.asset_type == "Real Estate" %}
<i class="bi bi-building me-2 text-success"></i>
{% elif asset.asset_type == "Intellectual Property" %}
<i class="bi bi-file-earmark-text me-2 text-info"></i>
{% elif asset.asset_type == "Share" %}
<i class="bi bi-graph-up me-2 text-danger"></i>
{% elif asset.asset_type == "Bond" %}
<i class="bi bi-cash-stack me-2 text-secondary"></i>
{% elif asset.asset_type == "Commodity" %}
<i class="bi bi-box me-2 text-dark"></i>
{% else %}
<i class="bi bi-question-circle me-2"></i>
{% endif %}
{{ asset.name }}
</div>
</td>
<td>{{ asset.asset_type }}</td>
<td>{{ asset.status }}</td>
<td>
<span class="badge {% if asset.status == 'Active' %}bg-success{% elif asset.status == 'Locked' %}bg-warning{% elif asset.status == 'For Sale' %}bg-info{% elif asset.status == 'Transferred' %}bg-secondary{% else %}bg-dark{% endif %}">
{{ asset.status }}
</span>
</td>
<td>
{% if asset.current_valuation %}
${{ asset.current_valuation }}
{% else %}
<span class="text-muted">Not valued</span>
{% endif %}
</td>
<td>
<a href="/assets/{{ asset.id }}" class="btn btn-sm btn-primary">
<i class="bi bi-eye"></i> View
@@ -136,5 +137,58 @@
</div>
</div>
</div>
<!-- Asset Types Distribution -->
<div class="row mt-4">
<div class="col-12">
<div class="card mb-4">
<div class="card-header">
<i class="bi bi-pie-chart me-1"></i>
Asset Types Distribution
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>Asset Type</th>
<th>Count</th>
</tr>
</thead>
<tbody>
{% for asset_type in assets_by_type %}
<tr>
<td>
<div class="d-flex align-items-center">
{% if asset_type.type == "Token" %}
<i class="bi bi-coin me-2 text-warning"></i>
{% elif asset_type.type == "NFT" %}
<i class="bi bi-image me-2 text-primary"></i>
{% elif asset_type.type == "Real Estate" %}
<i class="bi bi-building me-2 text-success"></i>
{% elif asset_type.type == "Intellectual Property" %}
<i class="bi bi-file-earmark-text me-2 text-info"></i>
{% elif asset_type.type == "Share" %}
<i class="bi bi-graph-up me-2 text-danger"></i>
{% elif asset_type.type == "Bond" %}
<i class="bi bi-cash-stack me-2 text-secondary"></i>
{% elif asset_type.type == "Commodity" %}
<i class="bi bi-box me-2 text-dark"></i>
{% else %}
<i class="bi bi-question-circle me-2"></i>
{% endif %}
{{ asset_type.type }}
</div>
</td>
<td>{{ asset_type.count }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}