mirror of
https://github.com/aharabada/glitchy-engine-beef.git
synced 2026-09-05 13:01:52 +00:00
83 lines
3.4 KiB
HTML
83 lines
3.4 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-bs-theme="dark">
|
|
<head>
|
|
<meta charset="utf8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Entity Hierarchy</title>
|
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
|
|
<script src='bootstrap/js/bootstrap.bundle.min.js'></script>
|
|
<link rel="stylesheet" href="bootstrap-treeview/dist/bootstrap-treeview.min.css">
|
|
<script src="jquery/jquery.min.js"></script>
|
|
<script src="bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand bg-body-tertiary">
|
|
<div class="container-fluid">
|
|
<ul class="navbar-nav me-auto mb-0 mb-lg-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-toggle="tooltip" title="Create a new Entity.">Create</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#" data-toggle="tooltip" title="Create a new Entity.">Empty Entity</a></li>
|
|
<li><a class="dropdown-item" href="#" data-toggle="tooltip" title="Create a new Entity that is a child of the selected entity.">Create Child</a></li>
|
|
<li><a class="dropdown-item" href="#" data-toggle="tooltip" title="Create a new Entity that will be the parent of all selected entities.">Create Parent</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a id="btn_delete_entity" class="nav-link disabled" href="#">Delete</a>
|
|
</li>
|
|
</ul>
|
|
<form class="d-flex" role="search">
|
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
|
|
<ul id="entityList">
|
|
</ul>
|
|
|
|
<div id="tree"></div>
|
|
|
|
<script>
|
|
function getTree() {
|
|
// Some logic to retrieve, or generate tree structure
|
|
var tree = [
|
|
{
|
|
text: "Parent 1",
|
|
nodes: [
|
|
{
|
|
text: "Child 1",
|
|
nodes: [
|
|
{
|
|
text: "Grandchild 1"
|
|
},
|
|
{
|
|
text: "Grandchild 2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
text: "Child 2"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
text: "Parent 2"
|
|
},
|
|
{
|
|
text: "Parent 3"
|
|
},
|
|
{
|
|
text: "Parent 4"
|
|
},
|
|
{
|
|
text: "Parent 5"
|
|
}
|
|
];
|
|
|
|
return tree;
|
|
}
|
|
|
|
$('#tree').treeview({data: getTree()});
|
|
</script>
|
|
</body>
|
|
</html> |