68 lines
2.2 KiB
HTML
68 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>Kanidm introspection</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<script src="https://unpkg.com/cytoscape/dist/cytoscape.min.js"></script>
|
|
<script src="https://unpkg.com/layout-base/layout-base.js"></script>
|
|
<script src="https://unpkg.com/cose-base/cose-base.js"></script>
|
|
<script src="https://unpkg.com/cytoscape-fcose/cytoscape-fcose.js"></script>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
|
</head>
|
|
<style>
|
|
#cy {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
background-color: white;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
|
|
#openoptions {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
}
|
|
</style>
|
|
<body data-theme="light">
|
|
<div id="cy"></div>
|
|
|
|
<button id="openoptions" class="button is-primary js-modal-trigger" data-target="modal-options">⚙️</button>
|
|
|
|
<div class="modal" id="modal-options">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Modal title</p>
|
|
<button class="delete" aria-label="close"></button>
|
|
</header>
|
|
<section class="modal-card-body">
|
|
Content
|
|
</section>
|
|
<footer class="modal-card-foot">
|
|
<div class="buttons">
|
|
<button class="button is-success" onclick="alert('help');">Save changes</button>
|
|
<button class="button modal-cancel">Cancel</button>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal" id="modal-details">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card">
|
|
<header class="modal-card-head">
|
|
<p class="modal-card-title">Détails de <span id="modetails-objid"></span></p>
|
|
<button class="delete" aria-label="close"></button>
|
|
</header>
|
|
<section class="modal-card-body content">
|
|
<pre id="modetails-content"></pre>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<script src='main.js' type="module"></script>
|
|
</body>
|
|
</html>
|
|
|