Gottfried/glitchy-engine-beef
1
0
Fork 0
mirror of https://github.com/aharabada/glitchy-engine-beef.git synced 2026-09-05 21:01:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bootstrap test

Browse Source
This commit is contained in:
Simon Lübeß
2024-10-02 18:21:57 +02:00
parent 21ddf69d5f
commit 4f45da02bf
86 changed files with 77957 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
GlitchyEditor/assets/pages/EntityHierarchy.html
+83
View File
@@ -0,0 +1,83 @@
<!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>