listfield.blade.php 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <style>
  2. td .form-group {margin-bottom: 0 !important;}
  3. </style>
  4. <div class="{{$viewClass['form-group']}} {{$class}}">
  5. <label class="{{$viewClass['label']}} control-label">{{$label}}</label>
  6. <div class="{{$viewClass['field']}}">
  7. <div class="help-block with-errors"></div>
  8. <span name="{{$name}}"></span>
  9. <input name="{{ $name }}[values][{{ Dcat\Admin\Form\Field\ListField::DEFAULT_FLAG_NAME }}]" type="hidden" />
  10. <table class="table table-hover">
  11. <tbody class="list-table">
  12. @foreach(($value ?: []) as $k => $v)
  13. <tr>
  14. <td>
  15. <div class="form-group">
  16. <div class="col-sm-12">
  17. <input name="{{ $name }}[values][{{ (int) $k }}]" value="{{ $v }}" class="form-control" />
  18. <div class="help-block with-errors"></div>
  19. </div>
  20. </div>
  21. </td>
  22. <td style="width: 85px;">
  23. <div class="{{$class}}-remove list-remove btn btn-white btn-sm pull-right">
  24. <i class="feather icon-trash">&nbsp;</i>
  25. </div>
  26. </td>
  27. </tr>
  28. @endforeach
  29. </tbody>
  30. <tfoot>
  31. <tr>
  32. <td colspan="2">
  33. <div class="list-add btn btn-primary btn-outline btn-sm pull-left">
  34. <i class="feather icon-save"></i>&nbsp;{{ __('admin.new') }}
  35. </div>
  36. <div class="text-center">
  37. @include('admin::form.help-block')
  38. </div>
  39. </td>
  40. </tr>
  41. </tfoot>
  42. </table>
  43. </div>
  44. <template>
  45. <tr>
  46. <td>
  47. <div class="form-group">
  48. <div class="col-sm-12">
  49. <input name="{{ $name }}[values][{key}]" class="form-control" />
  50. <div class="help-block with-errors"></div>
  51. </div>
  52. </div>
  53. </td>
  54. <td style="width: 85px;">
  55. <div class="list-remove btn btn-white btn-sm pull-right">
  56. <i class="feather icon-trash">&nbsp;</i>
  57. </div>
  58. </td>
  59. </tr>
  60. </template>
  61. </div>
  62. <script init="{!! $selector !!}">
  63. var index = {{ $count }};
  64. $this.find('.list-add').on('click', function () {
  65. var tpl = $this.find('template').html().replace('{key}', index);
  66. $this.find('tbody.list-table').append(tpl);
  67. index++;
  68. });
  69. $this.find('tbody.list-table').on('click', '.list-remove', function () {
  70. $(this).closest('tr').remove();
  71. });
  72. </script>