mirror of
https://github.com/librenms/librenms.git
synced 2024-10-07 16:52:45 +00:00
d2fb66d3d5
* Global VLAN ports page * Show a list of devices too * Fix a little theme color issues * oops * Just put css in the theme * Apply fixes from StyleCI --------- Co-authored-by: Tony Murray <[email protected]> Co-authored-by: Neil Lathwood <[email protected]>
76 lines
2.8 KiB
PHP
76 lines
2.8 KiB
PHP
@extends('layouts.librenmsv1')
|
|
|
|
@section('title', __('Vlans'))
|
|
|
|
@section('content')
|
|
<div class="container-fluid">
|
|
<x-panel body-class="!tw-p-0">
|
|
<x-slot name="heading">
|
|
<h2 class="panel-title">{{ __('VLAN') }}
|
|
<select id="vlan-select">
|
|
@foreach($vlanIds as $vlanId)
|
|
<option>{{ $vlanId }}</option>
|
|
@endforeach
|
|
</select>
|
|
</h2>
|
|
</x-slot>
|
|
|
|
<x-tabs>
|
|
<x-tab name="{{ __('Devices') }}">
|
|
<table id="vlan-devices" class="table table-hover table-condensed table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th data-column-id="device">{{ __('Device') }}</th>
|
|
<th data-column-id="ports_count">{{ __('Ports') }}</th>
|
|
<th data-column-id="name">{{ __('Local Name') }}</th>
|
|
<th data-column-id="domain" data-visible="false">{{ __('Domain') }}</th>
|
|
<th data-column-id="type">{{ __('Type') }}</th>
|
|
<th data-column-id="mtu">{{ __('MTU') }}</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</x-tab>
|
|
<x-tab value="image" name="{{ __('Ports') }}">
|
|
<table id="vlan-ports" class="table table-hover table-condensed table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th data-column-id="device">{{ __('Device') }}</th>
|
|
<th data-column-id="port">{{ __('Port') }}</th>
|
|
<th data-column-id="untagged">{{ __('Untagged') }}</th>
|
|
<th data-column-id="state">{{ __('State') }}</th>
|
|
<th data-column-id="cost">{{ __('Cost') }}</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</x-tab>
|
|
</x-tabs>
|
|
</x-panel>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script>
|
|
var vlan_id = {{ (int) $vlanIds->first() }};
|
|
var grid = $("#vlan-ports").bootgrid({
|
|
ajax: true,
|
|
post: function () {
|
|
return {vlan: vlan_id}
|
|
},
|
|
url: "{{ route('table.vlan-ports') }}"
|
|
});
|
|
var grid = $("#vlan-devices").bootgrid({
|
|
ajax: true,
|
|
post: function () {
|
|
return {vlan: vlan_id}
|
|
},
|
|
url: "{{ route('table.vlan-devices') }}"
|
|
});
|
|
|
|
$('#vlan-select').on('change', function () {
|
|
vlan_id = this.value;
|
|
$("#vlan-ports").bootgrid('reload');
|
|
$("#vlan-devices").bootgrid('reload');
|
|
});
|
|
</script>
|
|
@endpush
|