104 lines
7.6 KiB
HTML
104 lines
7.6 KiB
HTML
<!-- file: kb-app-demo-desktop/frontend/demo_execution_metadata.html -->
|
||
<!-- version: 3 -->
|
||
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||
<link rel="icon" href="imgs/logo.png">
|
||
<link rel="stylesheet" href="sass/main.scss">
|
||
<title>Khadhroony Bot3 — Exécution Metadata Devnet</title>
|
||
</head>
|
||
|
||
<body>
|
||
<header class="app-header">
|
||
<nav class="navbar h-100 py-0 bg-dark text-light">
|
||
<div class="container-fluid px-4">
|
||
<div class="navbar-brand d-flex align-items-center"><img alt="Logo" src="imgs/logo.png" class="app-logo"><span class="ps-2 fs-4 fw-bold text-primary font-logo">Bot3 — <span class="badge text-bg-primary">Exécution Metadata Devnet</span></span></div>
|
||
<span class="badge text-bg-success" id="metadataStatusBadge">Prêt</span>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<main class="app-main">
|
||
<div class="osb-scrollable pt-1 pb-4" data-simplebar>
|
||
<div class="container-fluid px-4 py-4">
|
||
<div class="alert alert-info">Cette fenêtre accueille les familles d’exécution metadata. Metaplex Token Metadata est la première famille ; SPL Token Metadata sera ajouté ultérieurement sans changer la frontière de la fenêtre.</div>
|
||
<div class="row g-4">
|
||
<div class="col-12 col-xl-5">
|
||
<div class="accordion shadow-sm" id="metadataExecutionAccordion">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button" data-bs-target="#metaplexMetadataCollapse" data-bs-toggle="collapse" type="button">Metaplex Token Metadata</button>
|
||
</h2>
|
||
<div class="accordion-collapse collapse show" id="metaplexMetadataCollapse" data-bs-parent="#metadataExecutionAccordion">
|
||
<div class="accordion-body">
|
||
<div class="accordion" id="metaplexScenarioModeAccordion">
|
||
<div class="accordion-item">
|
||
<h3 class="accordion-header">
|
||
<button class="accordion-button" data-bs-target="#metaplexSyntheticCollapse" data-bs-toggle="collapse" type="button">Scénarios synthétiques</button>
|
||
</h3>
|
||
<div class="accordion-collapse collapse show" id="metaplexSyntheticCollapse" data-bs-parent="#metaplexScenarioModeAccordion">
|
||
<div class="accordion-body"><select class="form-select" id="metadataSyntheticScenarioSelect"></select></div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h3 class="accordion-header">
|
||
<button class="accordion-button collapsed" data-bs-target="#metaplexDevnetCollapse" data-bs-toggle="collapse" type="button">Scénarios Devnet</button>
|
||
</h3>
|
||
<div class="accordion-collapse collapse" id="metaplexDevnetCollapse" data-bs-parent="#metaplexScenarioModeAccordion">
|
||
<div class="accordion-body">
|
||
<label class="form-label" for="metadataProfileSelect">Profil Devnet</label>
|
||
<select class="form-select mb-3" id="metadataProfileSelect"></select>
|
||
<label class="form-label" for="metadataDevnetScenarioSelect">Contrat de scénario</label>
|
||
<select class="form-select" id="metadataDevnetScenarioSelect"></select>
|
||
<div class="d-grid mt-3"><button class="btn btn-outline-primary" id="prepareMetadataProfileButton" type="button">Charger le profil et préparer la base</button></div>
|
||
<div class="d-flex justify-content-between align-items-center mt-3"><span class="small text-muted">État du profil</span><span class="badge text-bg-secondary" id="metadataProfileStatusBadge">Non chargé</span></div>
|
||
<div class="mt-3" id="metadataProfileOutput"></div>
|
||
<div class="alert alert-warning mt-3 mb-0">Cette version prépare réellement le profil et sa base Devnet, mais n’exécute pas encore de transaction Metaplex. Les contrats affichés ne constituent pas une preuve de simulation réseau.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="d-grid mt-3">
|
||
<button class="btn btn-primary" id="refreshMetadataScenariosButton" type="button">Recharger les contrats</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card shadow-sm border-0 mt-4">
|
||
<div class="card-body">
|
||
<h2 class="h5">Exigences</h2>
|
||
<dl class="row mb-0" id="metadataRequirements"></dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-xl-7">
|
||
<div class="card shadow-sm border-0 mb-4">
|
||
<div class="card-body">
|
||
<h2 class="h5">Préflight et opérations</h2>
|
||
<div id="metadataPreflightOutput"></div>
|
||
</div>
|
||
</div>
|
||
<div class="card shadow-sm border-0 mb-4">
|
||
<div class="card-body">
|
||
<h2 class="h5">Simulation et confirmation</h2>
|
||
<div id="metadataSimulationOutput"></div>
|
||
</div>
|
||
</div>
|
||
<div class="card shadow-sm border-0">
|
||
<div class="card-body">
|
||
<h2 class="h5">Postconditions et preuves</h2>
|
||
<div id="metadataPostconditionsOutput"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
<script type="module" src="ts/demo_execution_metadata.ts"></script>
|
||
</body>
|
||
|
||
</html> |