Redid server layout to use tabs instead of one sodding large list

This commit is contained in:
Tom Bloor 2019-08-31 00:54:28 +01:00
parent 89c3d26127
commit 120ca8f9c9
Signed by: TBSliver
GPG key ID: 4657C7EBE42CC5CC

View file

@ -599,15 +599,21 @@
</div> </div>
<div class="tab-pane fade" id="tab-servers"> <div class="tab-pane fade" id="tab-servers">
<button class="btn btn-primary" data-bind="click: addServer">Add Server</button> <button class="btn btn-primary" data-bind="click: addServer">Add Server</button>
<div class="row" data-bind="foreach: servers"> <div class="row">
<div class="col-3 m-1"> <div class="col-2">
<a class="btn btn-success" data-bind="attr: { href: '#server-tab-' + $index() }"> <div class="nav flex-column nav-pills">
<!-- ko foreach: servers -->
<a class="nav-link" data-toggle="pill" data-bind="attr: { href: '#server-tab-' + $index() }">
<span data-bind="text: $data.name "></span> - (<span data-bind="text: $data.gridX "></span>, <span data-bind="text: $data.name "></span> - (<span data-bind="text: $data.gridX "></span>,
<span data-bind="text: $data.gridY "></span>) <span data-bind="text: $data.gridY "></span>)
</a> </a>
<!-- /ko -->
</div> </div>
</div> </div>
<div class="col-10">
<div class="tab-content">
<!-- ko foreach: servers --> <!-- ko foreach: servers -->
<div class="tab-pane fade" data-bind="attr: { id: 'server-tab-' + $index() }">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<hr> <hr>
@ -1090,8 +1096,12 @@
</form> </form>
</div> </div>
</div> </div>
</div>
<!-- /ko --> <!-- /ko -->
</div> </div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-spawners"> <div class="tab-pane fade" id="tab-spawners">
<button class="btn btn-primary" data-bind="click: addSpawner">Add Spawner</button> <button class="btn btn-primary" data-bind="click: addSpawner">Add Spawner</button>
<!-- ko foreach: spawnerOverrideTemplates --> <!-- ko foreach: spawnerOverrideTemplates -->