input-group-component.blade.php 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. {{-- Setup the input group component structure --}}
  2. <div class="{{ $makeFormGroupClass() }}">
  3. {{-- Input label --}}
  4. @isset($label)
  5. <label for="{{ $id }}" @isset($labelClass) class="{{ $labelClass }}" @endisset>
  6. {{ $label }}
  7. </label>
  8. @endisset
  9. {{-- Input group --}}
  10. <div class="{{ $makeInputGroupClass() }}">
  11. {{-- Input prepend slot --}}
  12. @isset($prependSlot)
  13. <div class="input-group-prepend">{{ $prependSlot }}</div>
  14. @endisset
  15. {{-- Input group item --}}
  16. @yield('input_group_item')
  17. {{-- Input append slot --}}
  18. @isset($appendSlot)
  19. <div class="input-group-append">{{ $appendSlot }}</div>
  20. @endisset
  21. </div>
  22. {{-- Error feedback --}}
  23. @if($isInvalid())
  24. <span class="invalid-feedback d-block" role="alert">
  25. <strong>{{ $errors->first($errorKey) }}</strong>
  26. </span>
  27. @endif
  28. {{-- Bottom slot --}}
  29. @isset($bottomSlot)
  30. {{ $bottomSlot }}
  31. @endisset
  32. </div>
  33. {{-- Extra style customization for invalid input groups --}}
  34. @once
  35. @push('css')
  36. <style type="text/css">
  37. {{-- Highlight invalid input groups with a box-shadow --}}
  38. .adminlte-invalid-igroup {
  39. box-shadow: 0 .25rem 0.5rem rgba(0,0,0,.1);
  40. }
  41. {{-- Setup a red border on elements inside prepend/append add-ons --}}
  42. .adminlte-invalid-igroup > .input-group-prepend > *,
  43. .adminlte-invalid-igroup > .input-group-append > * {
  44. border-color: #dc3545 !important;
  45. }
  46. </style>
  47. @endpush
  48. @endonce