99 lines
4.0 KiB
HTML
99 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>setup apXtrib</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- fontawesome icon cdn -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/all.css">
|
|
<script>
|
|
const apxlocal={
|
|
headers:{xalias:"anonymous",xhash:"anonymous",xtribe:"devenv", xapp:"smatchapp", xlang:"en" },
|
|
firsttimeload:true,
|
|
forcereload:true,
|
|
tpl:{
|
|
footer:"{{{msg}}}"
|
|
},
|
|
tpldata:{
|
|
footer:{msg:"<p>apXtrib, made with love for people freedom, enjoy!</p>"}
|
|
},
|
|
object:{}
|
|
};
|
|
// @todo check version control to force a reload with forceload
|
|
</script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="static/js/openpgp.min.js"></script>
|
|
<script src="static/js/mustache.min.js"></script>
|
|
<script src="static/js/axios.min.js"></script>
|
|
<script src="static/js/apxtribcli.js"></script>
|
|
<script src="static/js/apxapp.js"></script>
|
|
<style>
|
|
.fakeimg {
|
|
height: 200px;
|
|
background: #aaa;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="p-5 bg-primary text-white text-center">
|
|
<h1>apXtrib & Frontend</h1>
|
|
<p> How to build a quick web app with bootstrap V5 framework and apXtrib back-end</p>
|
|
</div>
|
|
|
|
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
|
|
<div class="container-fluid">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" add2data tpl="static/tpl/listofarticle_en.mustache" onclick="app.load('apxmain','listofarticle','listofarticle')" >Home</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Pagans</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" add2data tpl="static/tpl/pagancreate_en.mustache" object="nationchains/pagans/idx/alias_all.json" onclick="app.load('apxmain','pagancreate',{})">Create</a></li>
|
|
<li><a class="dropdown-item" add2data tpl="static/tpl/loginout_en.mustache" tpldata="static/tpldata/loginout_en.json" onclick="app.load('apxmain','loginout',{})">Login/Logout</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="#">Cipher</a></li>
|
|
<li><a class="dropdown-item" href="#">AccessRights</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">0dmdb</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Schema Checkjson.js</a></li>
|
|
<li><a class="dropdown-item" href="#">Object CRUD with schema</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">nationChains</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#">Wallet management</a></li>
|
|
<li><a class="dropdown-item" href="#">Signed Contracts</a></li>
|
|
<li><a class="dropdown-item" href="#">NFT generator</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Utils</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link disabled" href="#">Disabled</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div id="apxmain" apptoload="app.load('apxmain','listofarticle','listofarticle')" class="container mt-5">
|
|
<div class="d-flex justify-content-center">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="apxfooter" apptoload="app.load('apxfooter','footer','footer')" class="mt-5 p-4 bg-dark text-white text-center">
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|