chore(deps): added adminlte vendored items
(this might not be entirely necessary unless we're changing everything adminlte publishes) Signed-off-by: miguel456 <me@nogueira.codes>
This commit is contained in:
136
resources/views/vendor/adminlte/components/form/input-slider.blade.php
vendored
Normal file
136
resources/views/vendor/adminlte/components/form/input-slider.blade.php
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
@extends('adminlte::components.form.input-group-component')
|
||||
|
||||
{{-- Set errors bag internallly --}}
|
||||
|
||||
@php($setErrorsBag($errors ?? null))
|
||||
|
||||
{{-- Set input group item section --}}
|
||||
|
||||
@section('input_group_item')
|
||||
|
||||
{{-- Input Slider --}}
|
||||
<input id="{{ $id }}" name="{{ $name }}"
|
||||
{{ $attributes->merge(['class' => $makeItemClass()]) }}>
|
||||
|
||||
@overwrite
|
||||
|
||||
{{-- Add plugin initialization and configuration code --}}
|
||||
|
||||
@push('js')
|
||||
<script>
|
||||
|
||||
$(() => {
|
||||
let usrCfg = @json($config);
|
||||
|
||||
// Check for disabled attribute (alternative to data-slider-enable).
|
||||
|
||||
@if($attributes->has('disabled'))
|
||||
usrCfg.enabled = false;
|
||||
@endif
|
||||
|
||||
// Check for min, max and step attributes (alternatives to
|
||||
// data-slider-min, data-slider-max and data-slider-step).
|
||||
|
||||
@if($attributes->has('min'))
|
||||
usrCfg.min = Number( @json($attributes['min']) );
|
||||
@endif
|
||||
|
||||
@if($attributes->has('max'))
|
||||
usrCfg.max = Number( @json($attributes['max']) );
|
||||
@endif
|
||||
|
||||
@if($attributes->has('step'))
|
||||
usrCfg.step = Number( @json($attributes['step']) );
|
||||
@endif
|
||||
|
||||
// Check for value attribute (alternative to data-slider-value).
|
||||
// Also, add support to auto select the previous submitted value.
|
||||
|
||||
@if($attributes->has('value') || ($errors->any() && $enableOldSupport))
|
||||
|
||||
let value = @json($getOldValue($errorKey, $attributes['value']));
|
||||
|
||||
if (value) {
|
||||
value = value.split(",").map(Number);
|
||||
usrCfg.value = value.length > 1 ? value : value[0];
|
||||
}
|
||||
|
||||
@endif
|
||||
|
||||
// Initialize the plugin.
|
||||
|
||||
let slider = $('#{{ $id }}').bootstrapSlider(usrCfg);
|
||||
|
||||
// Fix height conflict when orientation is vertical.
|
||||
|
||||
let or = slider.bootstrapSlider('getAttribute', 'orientation');
|
||||
|
||||
if (or == 'vertical') {
|
||||
$('#' + usrCfg.id).css('height', '210px');
|
||||
slider.bootstrapSlider('relayout');
|
||||
}
|
||||
})
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
{{-- Add CSS workarounds for the plugin --}}
|
||||
{{-- NOTE: this may change with newer plugin versions --}}
|
||||
|
||||
@push('css')
|
||||
<style type="text/css">
|
||||
|
||||
{{-- Setup plugin color --}}
|
||||
|
||||
@isset($color)
|
||||
|
||||
#{{ $config['id'] }} .slider-handle {
|
||||
background: {{ $color }};
|
||||
}
|
||||
#{{ $config['id'] }} .slider-selection {
|
||||
background: {{ $color }};
|
||||
opacity: 0.5;
|
||||
}
|
||||
#{{ $config['id'] }} .slider-tick.in-selection {
|
||||
background: {{ $color }};
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
@endisset
|
||||
|
||||
{{-- Set flex property when using addons slots --}}
|
||||
|
||||
@if(isset($appendSlot) || isset($prependSlot))
|
||||
|
||||
#{{ $config['id'] }} {
|
||||
flex: 1 1 0;
|
||||
align-self: center;
|
||||
@isset($appendSlot) margin-right: 5px; @endisset
|
||||
@isset($prependSlot) margin-left: 5px; @endisset
|
||||
}
|
||||
|
||||
@endif
|
||||
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
{{-- Setup custom invalid style --}}
|
||||
{{-- NOTE: this may change with newer plugin versions --}}
|
||||
|
||||
@once
|
||||
@push('css')
|
||||
<style type="text/css">
|
||||
|
||||
.adminlte-invalid-islgroup .slider-track,
|
||||
.adminlte-invalid-islgroup > .input-group-prepend > *,
|
||||
.adminlte-invalid-islgroup > .input-group-append > * {
|
||||
box-shadow: 0 .25rem 0.5rem rgba(255,0,0,.25);
|
||||
}
|
||||
|
||||
.adminlte-invalid-islgroup .slider-vertical {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
</style>
|
||||
@endpush
|
||||
@endonce
|
Reference in New Issue
Block a user