dhcrelay: switch ordering of bootgrids

While the main operation are the interfaces we can't add them before we have
a destination set up.  So by reordering we are hinting at this work flow and
the destination table should always be a bit shorter anyway.
This commit is contained in:
Franco Fichtner 2024-03-14 08:06:08 +01:00
parent 2a3e0a782b
commit b0087d5606

View File

@ -26,6 +26,13 @@
<script>
$( document ).ready(function() {
$("#grid-dest").UIBootgrid({
search:'/api/dhcrelay/settings/searchDest',
get:'/api/dhcrelay/settings/getDest/',
set:'/api/dhcrelay/settings/setDest/',
add:'/api/dhcrelay/settings/addDest/',
del:'/api/dhcrelay/settings/delDest/',
});
$("#grid-relay").UIBootgrid({
search:'/api/dhcrelay/settings/searchRelay',
get:'/api/dhcrelay/settings/getRelay/',
@ -34,17 +41,37 @@ $( document ).ready(function() {
del:'/api/dhcrelay/settings/delRelay/',
toggle:'/api/dhcrelay/settings/toggleRelay/'
});
$("#grid-dest").UIBootgrid({
search:'/api/dhcrelay/settings/searchDest',
get:'/api/dhcrelay/settings/getDest/',
set:'/api/dhcrelay/settings/setDest/',
add:'/api/dhcrelay/settings/addDest/',
del:'/api/dhcrelay/settings/delDest/',
});
$("#reconfigureAct").SimpleActionButton();
});
</script>
<div class="content-box __mb">
<table class="table table-striped page-header" style="margin-top: 0">
<tbody><tr><th>Destinations</th><tr></tbody>
</table>
<table id="grid-dest" class="table table-condensed table-hover table-striped" data-editDialog="DialogDest">
<thead>
<tr>
<th data-column-id="uuid" data-type="string" data-identifier="true" data-visible="false">{{ lang._('ID') }}</th>
<th data-column-id="name" data-type="string">{{ lang._('Name') }}</th>
<th data-column-id="server" data-type="string">{{ lang._('Server') }}</th>
<th data-column-id="commands" data-width="7em" data-formatter="commands" data-sortable="false">{{ lang._('Edit') }} | {{ lang._('Delete') }}</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td></td>
<td>
<button data-action="add" type="button" class="btn btn-xs btn-primary"><span class="fa fa-fw fa-plus"></span></button>
<button data-action="deleteSelected" type="button" class="btn btn-xs btn-default"><span class="fa fa-fw fa-trash-o"></span></button>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="content-box __mb">
<table class="table table-striped page-header" style="margin-top: 0">
<tbody><tr><th>Relays</th><tr></tbody>
@ -75,33 +102,6 @@ $( document ).ready(function() {
</table>
</div>
<div class="content-box __mb">
<table class="table table-striped page-header" style="margin-top: 0">
<tbody><tr><th>Destinations</th><tr></tbody>
</table>
<table id="grid-dest" class="table table-condensed table-hover table-striped" data-editDialog="DialogDest">
<thead>
<tr>
<th data-column-id="uuid" data-type="string" data-identifier="true" data-visible="false">{{ lang._('ID') }}</th>
<th data-column-id="name" data-type="string">{{ lang._('Name') }}</th>
<th data-column-id="server" data-type="string">{{ lang._('Server') }}</th>
<th data-column-id="commands" data-width="7em" data-formatter="commands" data-sortable="false">{{ lang._('Edit') }} | {{ lang._('Delete') }}</th>
</tr>
</thead>
<tbody>
</tbody>
<tfoot>
<tr>
<td></td>
<td>
<button data-action="add" type="button" class="btn btn-xs btn-primary"><span class="fa fa-fw fa-plus"></span></button>
<button data-action="deleteSelected" type="button" class="btn btn-xs btn-default"><span class="fa fa-fw fa-trash-o"></span></button>
</td>
</tr>
</tfoot>
</table>
</div>
<div class="content-box">
<div class="col-md-12 __mt __mb">
<button class="btn btn-primary" id="reconfigureAct"