Files
librenms-librenms/resources/views/widgets/settings/availability-map.blade.php
Tony Murray ad8580d694 Cleanup and optimize the availability widget (#14329)
* Cleanup and optimize the availability widget
Default sort is display name
Sort applies to services too (services always last)
May need to refresh the page to get new css

* style

* We don't need request (lint fix)

* Wrong service field name
2022-09-09 18:22:58 +02:00

86 lines
4.6 KiB
PHP

@extends('widgets.settings.base')
@section('form')
<div class="form-group">
<label for="title-{{ $id }}" class="control-label">{{ __('Widget title') }}</label>
<input type="text" class="form-control" name="title" id="title-{{ $id }}" placeholder="{{ __('Custom title for widget') }}" value="{{ $title }}">
</div>
<div class="form-group">
<label for="type-{{ $id }}" class="control-label">{{ __('Display type') }}</label>
<select class="form-control" name="type" id="type-{{ $id }}" onchange="toggle_availability_type(this, '{{ $id }}');">
<option value="0" @if($type == 0) selected @endif>{{ __('boxes') }}</option>
<option value="1" @if($type == 1) selected @endif>{{ __('compact') }}</option>
</select>
</div>
<div class="form-group" id="color_only_select-group-{{ $id }}" style="display: {{ $type == 0 ? 'block' : 'none' }};">
<label for="color_only_select-{{ $id }}" class="control-label">{{ __('Label') }}</label>
<select class="form-control" name="color_only_select" id="color_only_select-{{ $id }}">
<option value="1" @if($color_only_select == 1) selected @endif>{{ __('empty') }}</option>
<option value="4" @if($color_only_select == 4) selected @endunless>{{ __('Display Name') }}</option>
<option value="2" @if($color_only_select == 2) selected @endunless>{{ __('Hostname') }}</option>
<option value="3" @if($color_only_select == 3) selected @endunless>{{ __('SNMP sysName') }}</option>
<option value="0" @unless($color_only_select) selected @endunless>{{ __('Status') }}</option>
</select>
</div>
<div class="form-group" id="tile_size-group-{{ $id }}" style="display: {{ $type == 1 ? 'block' : 'none' }};">
<label for="tile_size-{{ $id }}" class="control-label">{{ __('Tile size') }}</label>
<input type="text" class="form-control" name="tile_size" id="tile_size-{{ $id }}" placeholder="{{ __('Tile size') }}" value="{{ $tile_size }}">
</div>
<div class="form-group">
<label for="show_disabled_and_ignored-{{ $id }}" class="control-label">{{ __('Disabled polling/alerting') }}</label>
<select class="form-control" name="show_disabled_and_ignored" id="show_disabled_and_ignored-{{ $id }}">
<option value="1" @if($show_disabled_and_ignored) selected @endif>{{ __('Show') }}</option>
<option value="0" @unless($show_disabled_and_ignored) selected @endunless>{{ __('Hide') }}</option>
</select>
</div>
<div class="form-group">
<label for="mode_select-{{ $id }}" class="control-label">{{ __('Mode select') }}</label>
<select class="form-control" name="mode_select" id="mode_select-{{ $id }}">
<option value="0" @if($mode_select == 0) selected @endif>{{ __('only devices') }}</option>
@config('show_services')
<option value="1" @if($mode_select == 1) selected @endif>{{ __('only services') }}</option>
<option value="2" @if($mode_select == 2) selected @endif>{{ __('devices and services') }}</option>
@endconfig
</select>
</div>
<div class="form-group">
<label for="order_by-{{ $id }}" class="control-label">{{ __('Order By') }}</label>
<select class="form-control" name="order_by" id="order_by-{{ $id }}">
<option value="label" @if($order_by == 'label') selected @endif>{{ __('Label') }}</option>
<option value="status" @if($order_by == 'status') selected @endif>{{ __('Status') }}</option>
<option value="display-name" @if($order_by == 'display-name') selected @endif>{{ __('Display Name') }}</option>
</select>
</div>
<div class="form-group">
<label for="device_group-{{ $id }}" class="control-label">{{ __('Device group') }}</label>
<select class="form-control" name="device_group" id="device_group-{{ $id }}" data-placeholder="{{ __('All Devices') }}">
@if($device_group)
<option value="{{ $device_group->id }}" selected>{{ $device_group->name }}</option>
@endif
</select>
</div>
@endsection
@section('javascript')
<script type="text/javascript">
init_select2('#device_group-{{ $id }}', 'device-group', {});
function toggle_availability_type(el, id) {
if (el.value === '0') {
$('#tile_size-group-' + id).hide();
$('#color_only_select-group-' + id).show();
} else {
$('#tile_size-group-' + id).show();
$('#color_only_select-group-' + id).hide();
}
}
</script>
@endsection