selector.blade.php 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <style>
  2. .grid-selector {
  3. margin: -10px;
  4. }
  5. .grid-selector .wrap {
  6. position: relative;
  7. line-height: 40px;
  8. border-bottom: 1px dashed #eee;
  9. padding: 0 30px;
  10. font-size: 13px;
  11. overflow:auto;
  12. }
  13. .grid-selector .wrap:last-child {
  14. border-bottom: none;
  15. }
  16. .grid-selector .select-label {
  17. float: left;
  18. width: 100px;
  19. padding-left: 10px;
  20. color: #999;
  21. }
  22. .grid-selector .select-options {
  23. margin-left: 100px;
  24. }
  25. .grid-selector ul {
  26. height: 25px;
  27. list-style: none;
  28. }
  29. .grid-selector ul > li {
  30. margin-right: 30px;
  31. float: left;
  32. }
  33. .grid-selector ul > li a {
  34. color: #666;
  35. text-decoration: none;
  36. }
  37. .grid-selector .select-options a.active {
  38. color: var(--primary-dark);
  39. font-weight: bold;
  40. }
  41. .grid-selector li .add {
  42. visibility: hidden;
  43. }
  44. .grid-selector li:hover .add {
  45. visibility: visible;
  46. }
  47. .grid-selector ul .clear {
  48. visibility: hidden;
  49. }
  50. .grid-selector ul:hover .clear {
  51. color: var(--danger);
  52. visibility: visible;
  53. }
  54. </style>
  55. <div class="grid-selector">
  56. @foreach($selectors as $column => $selector)
  57. <div class="wrap">
  58. <div class="select-label">{{ $selector['label'] }}</div>
  59. <div class="select-options">
  60. <ul>
  61. @foreach($selector['options'] as $value => $option)
  62. @php
  63. $active = in_array($value, \Illuminate\Support\Arr::get($selected, $column, []));
  64. @endphp
  65. <li>
  66. <a href="{{ \Dcat\Admin\Grid\Tools\Selector::url($column, $value, true) }}"
  67. class="{{$active ? 'active' : ''}}">{{ $option }}</a>
  68. @if(!$active && $selector['type'] == 'many')
  69. &nbsp;
  70. <a href="{{ \Dcat\Admin\Grid\Tools\Selector::url($column, $value) }}" class="add"><i
  71. class="fa fa-plus-square-o"></i></a>
  72. @else
  73. <a style="visibility: hidden;"><i class="fa fa-plus-square-o"></i></a>
  74. @endif
  75. </li>
  76. @endforeach
  77. <li>
  78. <a href="{{ \Dcat\Admin\Grid\Tools\Selector::url($column) }}" class="clear"><i
  79. class="fa fa-trash"></i></a>
  80. </li>
  81. </ul>
  82. </div>
  83. </div>
  84. @endforeach
  85. </div>