Implementing components

This commit is contained in:
Luca Frosini 2019-10-02 12:07:28 +02:00
parent 734c837270
commit decb61c419
3 changed files with 59 additions and 27 deletions

View File

@ -0,0 +1,3 @@
table {
max-width: 800px;
}

View File

@ -0,0 +1,4 @@
#resource-tree {
max-width: 400px;
float: left;
}

View File

@ -1,40 +1,65 @@
<ul>
<li>Actor
<ul>
<li>LegalBody</li>
<li>Person</li>
<ul id="resource-tree" class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">Actor</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">LegalBody</a>
</li>
<li class="list-group-item">
<a class="nav-link" href="#">Person</a>
</li>
</ul>
</li>
<li>
Configuration
<ul>
<li>Configuration Template</li>
<li class="list-group-item">
<a class="nav-link" href="#">Configuration</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">Configuration Template</a>
</li>
</ul>
</li>
<li>
Dataset
<ul>
<li>ConcreteDataset</li>
<li class="list-group-item">
<a class="nav-link" href="#">Dataset</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">ConcreteDataset</a>
</li>
</ul>
</li>
<li>Service
<ul>
<li>EService
<ul>
<li>RunningPlugin</li>
<li class="list-group-item">
<a class="nav-link" href="#">Service</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">EService</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">RunningPlugin</a>
</li>
</ul>
</li>
<li>HostingNode</li>
<li>VirtualMachine</li>
<li>VirtualService</li>
<li class="list-group-item">
<a class="nav-link" href="#">HostingNode</a>
</li>
<li class="list-group-item">
<a class="nav-link" href="#">VirtualMachine</a>
</li>
<li class="list-group-item">
<a class="nav-link" href="#">VirtualService</a>
</li>
</ul>
</li>
<li>Schema</li>
<li>Site</li>
<li>
Software
<ul>
<li>Plugin</li>
<li class="list-group-item">
<a class="nav-link" href="#">Schema</a>
</li>
<li class="list-group-item">
<a class="nav-link" href="#">Site</a>
</li>
<li class="list-group-item">
<a class="nav-link" href="#">Software</a>
<ul class="list-group">
<li class="list-group-item">
<a class="nav-link" href="#">Plugin</a>
</li>
</ul>
</li>
</ul>