styling and minor content fixes
This commit is contained in:
Timur Gordon
parent
b56f1cbc30
commit
9445dea629
@ -459,7 +459,7 @@ impl AssetController {
|
||||
created_at: now - Duration::days(120),
|
||||
updated_at: now - Duration::days(5),
|
||||
blockchain_info: None,
|
||||
current_valuation: Some(3750000.0),
|
||||
current_valuation: Some(750000.0),
|
||||
valuation_currency: Some("USD".to_string()),
|
||||
valuation_date: Some(now - Duration::days(15)),
|
||||
valuation_history: Vec::new(),
|
||||
@ -470,7 +470,7 @@ impl AssetController {
|
||||
"buildings": 22,
|
||||
"tokenization_date": (now - Duration::days(120)).to_rfc3339(),
|
||||
"total_tokens": 10000,
|
||||
"token_price": 375.0
|
||||
"token_price": 75.0
|
||||
}),
|
||||
image_url: Some("https://example.com/zanzibar_resort.jpg".to_string()),
|
||||
external_url: Some("https://oceanviewholdings.zaz/resort".to_string()),
|
||||
@ -486,15 +486,15 @@ impl AssetController {
|
||||
timestamp: Some(now - Duration::days(120)),
|
||||
});
|
||||
|
||||
zanzibar_resort.add_valuation(3500000.0, "USD", "ZAZ Property Registry", Some("Initial tokenization valuation".to_string()));
|
||||
zanzibar_resort.add_valuation(3650000.0, "USD", "International Property Appraisers", Some("Independent third-party valuation".to_string()));
|
||||
zanzibar_resort.add_valuation(3750000.0, "USD", "ZAZ Property Registry", Some("Updated valuation after infrastructure improvements".to_string()));
|
||||
zanzibar_resort.add_valuation(650000.0, "USD", "ZAZ Property Registry", Some("Initial tokenization valuation".to_string()));
|
||||
zanzibar_resort.add_valuation(700000.0, "USD", "International Property Appraisers", Some("Independent third-party valuation".to_string()));
|
||||
zanzibar_resort.add_valuation(750000.0, "USD", "ZAZ Property Registry", Some("Updated valuation after infrastructure improvements".to_string()));
|
||||
|
||||
zanzibar_resort.add_transaction(
|
||||
"Tokenization",
|
||||
None,
|
||||
Some("0xc3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4".to_string()),
|
||||
Some(3500000.0),
|
||||
Some(650000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0xabcdef123456789abcdef123456789abcdef123456789abcdef123456789abcd".to_string()),
|
||||
Some("Initial property tokenization under ZAZ Property Registry".to_string()),
|
||||
@ -504,7 +504,7 @@ impl AssetController {
|
||||
"Token Sale",
|
||||
Some("0xc3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4".to_string()),
|
||||
Some("0x7a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b".to_string()),
|
||||
Some(375000.0),
|
||||
Some(75000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0xdef123456789abcdef123456789abcdef123456789abcdef123456789abcdef".to_string()),
|
||||
Some("Sale of 10% ownership tokens to Zanzibar Investment Collective".to_string()),
|
||||
@ -524,7 +524,7 @@ impl AssetController {
|
||||
created_at: now - Duration::days(365),
|
||||
updated_at: now - Duration::days(2),
|
||||
blockchain_info: None,
|
||||
current_valuation: Some(12500000.0),
|
||||
current_valuation: Some(350000.0),
|
||||
valuation_currency: Some("USD".to_string()),
|
||||
valuation_date: Some(now - Duration::days(3)),
|
||||
valuation_history: Vec::new(),
|
||||
@ -550,15 +550,15 @@ impl AssetController {
|
||||
timestamp: Some(now - Duration::days(365)),
|
||||
});
|
||||
|
||||
zaz_token.add_valuation(8000000.0, "USD", "ZAZ Token Exchange", Some("Initial valuation at launch".to_string()));
|
||||
zaz_token.add_valuation(10500000.0, "USD", "ZAZ Token Exchange", Some("Valuation after successful governance implementation".to_string()));
|
||||
zaz_token.add_valuation(12500000.0, "USD", "ZAZ Token Exchange", Some("Current market valuation".to_string()));
|
||||
zaz_token.add_valuation(300000.0, "USD", "ZAZ Token Exchange", Some("Initial valuation at launch".to_string()));
|
||||
zaz_token.add_valuation(320000.0, "USD", "ZAZ Token Exchange", Some("Valuation after successful governance implementation".to_string()));
|
||||
zaz_token.add_valuation(350000.0, "USD", "ZAZ Token Exchange", Some("Current market valuation".to_string()));
|
||||
|
||||
zaz_token.add_transaction(
|
||||
"Distribution",
|
||||
Some("0xe5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6".to_string()),
|
||||
Some("0x9a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b".to_string()),
|
||||
Some(1000000.0),
|
||||
Some(300000.0),
|
||||
Some("ZAZT".to_string()),
|
||||
Some("0x123456789abcdef123456789abcdef123456789abcdef123456789abcdef1234".to_string()),
|
||||
Some("Initial token distribution to founding members".to_string()),
|
||||
@ -568,7 +568,7 @@ impl AssetController {
|
||||
"Distribution",
|
||||
Some("0xe5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6".to_string()),
|
||||
Some("0x8b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c".to_string()),
|
||||
Some(2500000.0),
|
||||
Some(2000000.0),
|
||||
Some("ZAZT".to_string()),
|
||||
Some("0x234567890abcdef123456789abcdef123456789abcdef123456789abcdef1234".to_string()),
|
||||
Some("Public token sale for zone participants".to_string()),
|
||||
@ -588,7 +588,7 @@ impl AssetController {
|
||||
created_at: now - Duration::days(180),
|
||||
updated_at: now - Duration::days(7),
|
||||
blockchain_info: None,
|
||||
current_valuation: Some(4250000.0),
|
||||
current_valuation: Some(200000.0),
|
||||
valuation_currency: Some("USD".to_string()),
|
||||
valuation_date: Some(now - Duration::days(7)),
|
||||
valuation_history: Vec::new(),
|
||||
@ -615,15 +615,15 @@ impl AssetController {
|
||||
timestamp: Some(now - Duration::days(180)),
|
||||
});
|
||||
|
||||
spice_trade_shares.add_valuation(3800000.0, "USD", "ZAZ Business Registry", Some("Initial company valuation at incorporation".to_string()));
|
||||
spice_trade_shares.add_valuation(4000000.0, "USD", "ZAZ Business Registry", Some("Valuation after first export contracts".to_string()));
|
||||
spice_trade_shares.add_valuation(4250000.0, "USD", "ZAZ Business Registry", Some("Current valuation after expansion to European markets".to_string()));
|
||||
spice_trade_shares.add_valuation(150000.0, "USD", "ZAZ Business Registry", Some("Initial company valuation at incorporation".to_string()));
|
||||
spice_trade_shares.add_valuation(175000.0, "USD", "ZAZ Business Registry", Some("Valuation after first export contracts".to_string()));
|
||||
spice_trade_shares.add_valuation(200000.0, "USD", "ZAZ Business Registry", Some("Current valuation after expansion to European markets".to_string()));
|
||||
|
||||
spice_trade_shares.add_transaction(
|
||||
"Share Issuance",
|
||||
None,
|
||||
Some("0x6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b".to_string()),
|
||||
Some(3800000.0),
|
||||
Some(150000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0x789abcdef123456789abcdef123456789abcdef123456789abcdef123456789a".to_string()),
|
||||
Some("Initial share issuance at company formation".to_string()),
|
||||
@ -633,7 +633,7 @@ impl AssetController {
|
||||
"Share Transfer",
|
||||
Some("0x6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b".to_string()),
|
||||
Some("0x7b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c".to_string()),
|
||||
Some(950000.0),
|
||||
Some(50000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0x89abcdef123456789abcdef123456789abcdef123456789abcdef123456789ab".to_string()),
|
||||
Some("Sale of 25% equity to East African Growth Partners".to_string()),
|
||||
@ -653,7 +653,7 @@ impl AssetController {
|
||||
created_at: now - Duration::days(210),
|
||||
updated_at: now - Duration::days(30),
|
||||
blockchain_info: None,
|
||||
current_valuation: Some(2800000.0),
|
||||
current_valuation: Some(120000.0),
|
||||
valuation_currency: Some("USD".to_string()),
|
||||
valuation_date: Some(now - Duration::days(30)),
|
||||
valuation_history: Vec::new(),
|
||||
@ -680,15 +680,15 @@ impl AssetController {
|
||||
timestamp: Some(now - Duration::days(120)),
|
||||
});
|
||||
|
||||
tidal_energy_patent.add_valuation(1500000.0, "USD", "ZAZ IP Registry", Some("Initial patent valuation upon filing".to_string()));
|
||||
tidal_energy_patent.add_valuation(2200000.0, "USD", "ZAZ IP Registry", Some("Valuation after successful prototype testing".to_string()));
|
||||
tidal_energy_patent.add_valuation(2800000.0, "USD", "ZAZ IP Registry", Some("Current valuation after pilot implementation".to_string()));
|
||||
tidal_energy_patent.add_valuation(80000.0, "USD", "ZAZ IP Registry", Some("Initial patent valuation upon filing".to_string()));
|
||||
tidal_energy_patent.add_valuation(100000.0, "USD", "ZAZ IP Registry", Some("Valuation after successful prototype testing".to_string()));
|
||||
tidal_energy_patent.add_valuation(120000.0, "USD", "ZAZ IP Registry", Some("Current valuation after pilot implementation".to_string()));
|
||||
|
||||
tidal_energy_patent.add_transaction(
|
||||
"Registration",
|
||||
None,
|
||||
Some("0x4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f".to_string()),
|
||||
Some(1500000.0),
|
||||
Some(80000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0x56789abcdef123456789abcdef123456789abcdef123456789abcdef12345678".to_string()),
|
||||
Some("Initial patent registration and tokenization".to_string()),
|
||||
@ -698,7 +698,7 @@ impl AssetController {
|
||||
"Licensing",
|
||||
Some("0x4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f".to_string()),
|
||||
Some("0x5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a".to_string()),
|
||||
Some(450000.0),
|
||||
Some(20000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0x6789abcdef123456789abcdef123456789abcdef123456789abcdef123456789".to_string()),
|
||||
Some("Licensing agreement with Coastal Energy Solutions".to_string()),
|
||||
@ -718,7 +718,7 @@ impl AssetController {
|
||||
created_at: now - Duration::days(90),
|
||||
updated_at: now - Duration::days(10),
|
||||
blockchain_info: None,
|
||||
current_valuation: Some(15000.0),
|
||||
current_valuation: Some(6000.0),
|
||||
valuation_currency: Some("USD".to_string()),
|
||||
valuation_date: Some(now - Duration::days(10)),
|
||||
valuation_history: Vec::new(),
|
||||
@ -745,9 +745,9 @@ impl AssetController {
|
||||
timestamp: Some(now - Duration::days(90)),
|
||||
});
|
||||
|
||||
zanzibar_heritage_nft.add_valuation(12000.0, "USD", "ZAZ NFT Marketplace", Some("Initial offering price".to_string()));
|
||||
zanzibar_heritage_nft.add_valuation(13500.0, "USD", "ZAZ NFT Marketplace", Some("Valuation after artist exhibition".to_string()));
|
||||
zanzibar_heritage_nft.add_valuation(15000.0, "USD", "ZAZ NFT Marketplace", Some("Current market valuation".to_string()));
|
||||
zanzibar_heritage_nft.add_valuation(5000.0, "USD", "ZAZ NFT Marketplace", Some("Initial offering price".to_string()));
|
||||
zanzibar_heritage_nft.add_valuation(5500.0, "USD", "ZAZ NFT Marketplace", Some("Valuation after artist exhibition".to_string()));
|
||||
zanzibar_heritage_nft.add_valuation(6000.0, "USD", "ZAZ NFT Marketplace", Some("Current market valuation".to_string()));
|
||||
|
||||
zanzibar_heritage_nft.add_transaction(
|
||||
"Minting",
|
||||
@ -763,7 +763,7 @@ impl AssetController {
|
||||
"Sale",
|
||||
Some("0xb794f5ea0ba39494ce839613fffba74279579268".to_string()),
|
||||
Some("0xa1b2c3d4e5f6a1b2c3d4e5f6a1b2c3d4e5f6a1b2".to_string()),
|
||||
Some(12000.0),
|
||||
Some(5000.0),
|
||||
Some("USD".to_string()),
|
||||
Some("0x234567890abcdef123456789abcdef123456789abcdef123456789abcdef1234".to_string()),
|
||||
Some("Primary sale to ZAZ Digital Arts Collective".to_string()),
|
||||
|
||||
@ -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,7 +56,83 @@
|
||||
</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 class="small text-white"><i class="bi bi-arrow-right"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Assets Table -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<i class="bi bi-table me-1"></i>
|
||||
Recent Assets
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<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>
|
||||
<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>
|
||||
<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
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="/assets/list" class="btn btn-primary">View All Assets</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -82,7 +158,28 @@
|
||||
<tbody>
|
||||
{% for asset_type in assets_by_type %}
|
||||
<tr>
|
||||
<td>{{ asset_type.type }}</td>
|
||||
<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 %}
|
||||
@ -93,48 +190,5 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Recent Assets Table -->
|
||||
<div class="row mt-4">
|
||||
<div class="col-12">
|
||||
<div class="card mb-4">
|
||||
<div class="card-header">
|
||||
<i class="bi bi-table me-1"></i>
|
||||
Recent Assets
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Status</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for asset in recent_assets %}
|
||||
<tr>
|
||||
<td>{{ asset.name }}</td>
|
||||
<td>{{ asset.asset_type }}</td>
|
||||
<td>{{ asset.status }}</td>
|
||||
<td>
|
||||
<a href="/assets/{{ asset.id }}" class="btn btn-sm btn-primary">
|
||||
<i class="bi bi-eye"></i> View
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer">
|
||||
<a href="/assets/list" class="btn btn-primary">View All Assets</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@ -66,6 +66,20 @@
|
||||
</button>
|
||||
<h5 class="mb-0">Zanzibar Autonomous Zone</h5>
|
||||
</div>
|
||||
<div class="d-none d-md-flex">
|
||||
<ul class="navbar-nav flex-row">
|
||||
<li class="nav-item mx-3">
|
||||
<a class="nav-link text-white {% if active_page == 'about' %}active{% endif %}" target="_blank" href="https://info.ourworld.tf/zaz">
|
||||
About
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item mx-3">
|
||||
<a class="nav-link text-white {% if active_page == 'contact' %}active{% endif %}" href="/contact">
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<ul class="navbar-nav flex-row">
|
||||
{% if user and user.id %}
|
||||
@ -98,7 +112,7 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div>
|
||||
<div class="d-flex flex-column min-vh-100">
|
||||
<!-- Sidebar -->
|
||||
<div class="sidebar bg-light shadow-sm border-end d-flex" id="sidebar">
|
||||
<div class="py-2">
|
||||
@ -108,11 +122,13 @@
|
||||
<i class="bi bi-house-door me-2"></i> Home
|
||||
</a>
|
||||
</li>
|
||||
<!-- Support Tickets link hidden
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'tickets' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/tickets">
|
||||
<i class="bi bi-ticket-perforated me-2"></i> Support Tickets
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'governance' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/governance">
|
||||
<i class="bi bi-people me-2"></i> Governance
|
||||
@ -133,32 +149,24 @@
|
||||
<i class="bi bi-coin me-2"></i> Digital Assets
|
||||
</a>
|
||||
</li>
|
||||
<!-- Markdown Editor link hidden
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'editor' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/editor">
|
||||
<i class="bi bi-markdown me-2"></i> Markdown Editor
|
||||
</a>
|
||||
</li>
|
||||
-->
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'calendar' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/calendar">
|
||||
<i class="bi bi-calendar3 me-2"></i> Calendar
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'about' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/about">
|
||||
<i class="bi bi-info-circle me-2"></i> About
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link d-flex align-items-center ps-3 py-2 {% if active_page == 'contact' %}active fw-bold border-start border-4 border-primary bg-light{% endif %}" href="/contact">
|
||||
<i class="bi bi-envelope me-2"></i> Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content -->
|
||||
<div class="main-content" >
|
||||
<div class="main-content flex-grow-1">
|
||||
<!-- Page Content -->
|
||||
<main class="py-3 w-100 d-block">
|
||||
<div class="container-fluid">
|
||||
@ -166,19 +174,26 @@
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer - Full Width -->
|
||||
<footer class="footer bg-dark text-white mt-auto">
|
||||
<div class="container-fluid d-flex justify-content-between align-items-center">
|
||||
<div>
|
||||
<span>Convenience, Safety and Privacy</span>
|
||||
<footer class="footer bg-dark text-white">
|
||||
<div class="container-fluid">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-4 text-center text-md-start mb-2 mb-md-0">
|
||||
<small>Convenience, Safety and Privacy</small>
|
||||
</div>
|
||||
<div class="col-md-4 text-center mb-2 mb-md-0">
|
||||
<a class="text-white text-decoration-none mx-2" target="_blank" href="https://info.ourworld.tf/zaz">About</a>
|
||||
<span class="text-white">|</span>
|
||||
<a class="text-white text-decoration-none mx-2" href="/contact">Contact</a>
|
||||
</div>
|
||||
<div class="col-md-4 text-center text-md-end">
|
||||
<small>© 2024 Zanzibar Autonomous Zone</small>
|
||||
</div>
|
||||
<div>
|
||||
<span>© 2024 Zanzibar Autonomous Zone. All rights reserved.</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script src="/static/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://unpkg.com/unpoly@3.7.2/unpoly.min.js"></script>
|
||||
|
||||
@ -37,15 +37,15 @@
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Email</h5>
|
||||
<p class="card-text">info@example.com</p>
|
||||
<p class="card-text">info@ourworld.tf</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">GitHub</h5>
|
||||
<p class="card-text">github.com/example/zanzibar-autonomous-zone</p>
|
||||
<h5 class="card-title">Website</h5>
|
||||
<p class="card-text">https://info.ourworld.tf/zaz</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -4,10 +4,15 @@
|
||||
|
||||
{% block content %}
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<div class="col-md-8">
|
||||
<h1 class="display-5 mb-4">Flows Dashboard</h1>
|
||||
<p class="lead">Track and manage workflow processes across the organization.</p>
|
||||
</div>
|
||||
<div class="col-md-4 text-md-end">
|
||||
<a href="/flows/create" class="btn btn-primary">
|
||||
<i class="bi bi-plus-circle me-1"></i> Create New Workflow
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Statistics Cards -->
|
||||
@ -46,25 +51,154 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Actions -->
|
||||
<!-- Filter Controls -->
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">Quick Actions</h5>
|
||||
<h5 class="mb-0">Filter Workflows</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="d-flex flex-wrap gap-2">
|
||||
<a href="/flows/create" class="btn btn-primary">
|
||||
<i class="bi bi-plus-circle me-1"></i> Create New Flow
|
||||
</a>
|
||||
<a href="/flows/list" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-list me-1"></i> View All Flows
|
||||
</a>
|
||||
<a href="/flows/my-flows" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-person me-1"></i> My Flows
|
||||
<form class="row g-3" action="/flows" method="get">
|
||||
<div class="col-md-3">
|
||||
<label for="status" class="form-label">Status</label>
|
||||
<select class="form-select" id="status" name="status">
|
||||
<option value="all" selected>All</option>
|
||||
<option value="in_progress">In Progress</option>
|
||||
<option value="completed">Completed</option>
|
||||
<option value="stuck">Stuck</option>
|
||||
<option value="cancelled">Cancelled</option>
|
||||
</select>
|
||||
</div>
|
||||
<!-- Freezone filter - for UI demonstration only -->
|
||||
<div class="col-md-3">
|
||||
<label for="freezone" class="form-label">Freezone</label>
|
||||
<select class="form-select" id="freezone" name="freezone" disabled>
|
||||
<option value="all" selected>All Freezones</option>
|
||||
<option value="dubai_multi_commodities_centre">DMCC</option>
|
||||
<option value="dubai_international_financial_centre">DIFC</option>
|
||||
<option value="jebel_ali_free_zone">JAFZA</option>
|
||||
<option value="dubai_silicon_oasis">DSO</option>
|
||||
<option value="dubai_internet_city">DIC</option>
|
||||
<option value="dubai_media_city">DMC</option>
|
||||
<option value="abu_dhabi_global_market">ADGM</option>
|
||||
</select>
|
||||
<div class="form-text">Coming soon</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label for="type" class="form-label">Workflow Type</label>
|
||||
<select class="form-select" id="type" name="type">
|
||||
<option value="all" selected>All</option>
|
||||
<option value="company_registration">Company Incorporation</option>
|
||||
<option value="user_onboarding">KYC Verification</option>
|
||||
<option value="service_activation">License Activation</option>
|
||||
<option value="payment_processing">Payment Processing</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<label for="search" class="form-label">Search</label>
|
||||
<input type="text" class="form-control" id="search" name="search" placeholder="Search workflows...">
|
||||
</div>
|
||||
<div class="col-12 text-end">
|
||||
<button type="submit" class="btn btn-primary">
|
||||
<i class="bi bi-filter me-1"></i> Apply Filters
|
||||
</button>
|
||||
<a href="/flows" class="btn btn-outline-secondary">
|
||||
<i class="bi bi-x-circle me-1"></i> Clear Filters
|
||||
</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Flows Table -->
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">All Workflows</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
{% if flows|length > 0 %}
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Workflow Name</th>
|
||||
<th>Type</th>
|
||||
<th>Status</th>
|
||||
<th>Assignee</th>
|
||||
<th>Progress</th>
|
||||
<th>Initiated</th>
|
||||
<th>Last Updated</th>
|
||||
<th>Current Stage</th>
|
||||
<th>Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for flow in flows %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="/flows/{{ flow.id }}">{{ flow.name }}</a>
|
||||
</td>
|
||||
<td>{{ flow.flow_type }}</td>
|
||||
<td>
|
||||
<span
|
||||
class="badge {% if flow.status == 'In Progress' %}bg-primary{% elif flow.status == 'Completed' %}bg-success{% elif flow.status == 'Stuck' %}bg-danger{% else %}bg-secondary{% endif %}">
|
||||
{{ flow.status }}
|
||||
</span>
|
||||
</td>
|
||||
<td>{{ flow.owner_name }}</td>
|
||||
<td>
|
||||
<div class="progress mb-2" style="height: 20px;">
|
||||
<div class="progress-bar {% if flow.status == 'Completed' %}bg-success{% elif flow.status == 'Stuck' %}bg-danger{% else %}bg-primary{% endif %}"
|
||||
role="progressbar" style="width: {{ flow.progress_percentage }}%;"
|
||||
aria-valuenow="{{ flow.progress_percentage }}" aria-valuemin="0"
|
||||
aria-valuemax="100">{{ flow.progress_percentage }}%</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>{{ flow.created_at | date(format="%Y-%m-%d") }}</td>
|
||||
<td>{{ flow.updated_at | date(format="%Y-%m-%d") }}</td>
|
||||
<td>
|
||||
{% set current = flow.current_step %}
|
||||
{% if current %}
|
||||
{{ current.name }}
|
||||
{% else %}
|
||||
{% if flow.status == 'Completed' %}
|
||||
<span class="text-success">All stages completed</span>
|
||||
{% elif flow.status == 'Cancelled' %}
|
||||
<span class="text-secondary">Workflow cancelled</span>
|
||||
{% else %}
|
||||
<span class="text-muted">No active stage</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
<div class="btn-group">
|
||||
<a href="/flows/{{ flow.id }}" class="btn btn-sm btn-primary" title="View Details">
|
||||
<i class="bi bi-eye"></i>
|
||||
</a>
|
||||
{% if flow.status == 'In Progress' %}
|
||||
<a href="/flows/{{ flow.id }}#advance" class="btn btn-sm btn-success" title="Advance to Next Stage">
|
||||
<i class="bi bi-arrow-right"></i>
|
||||
</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="text-center py-4">
|
||||
<i class="bi bi-search display-1 text-muted"></i>
|
||||
<p class="lead mt-3">No workflows found matching your criteria.</p>
|
||||
<p class="text-muted">Try adjusting your filters or create a new workflow.</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user