extensions.blade.php 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <style>
  2. .ext-icon {
  3. color: rgba(0,0,0,0.5);
  4. margin-left: 10px;
  5. }
  6. .installed {
  7. color: #00a65a;
  8. margin-right: 15px;
  9. font-size:20px;
  10. }
  11. </style>
  12. <ul class="products-list product-list-in-box" id="extension-box" style="margin-top:10px;min-height: 100px">
  13. @foreach($extensions as $extension)
  14. <li class="item hidden">
  15. <div class="product-img">
  16. <i class="{{$extension['icon']}} fa-2x ext-icon"></i>
  17. </div>
  18. <div class="product-info" data-key="{{$extension['key']}}">
  19. <a href="{{ $extension['link'] }}" target="_blank" class="">
  20. {{ $extension['name'] }}
  21. </a>
  22. @if($extension['installed'])
  23. <span class="pull-right installed"><i class="ti-check"></i></span>
  24. @endif
  25. </div>
  26. </li>
  27. @endforeach
  28. </ul>
  29. <div class="box-footer text-center">
  30. <a href="https://github.com/jqhph/dcat-admin#%E6%89%A9%E5%B1%95" target="_blank" class="uppercase">View All Extensions</a>
  31. </div>
  32. <script>Dcat.ready(function () {
  33. // var $box = $('#extension-box');
  34. // $box.loading();
  35. //
  36. // $.ajax({
  37. // url: 'https://jqhph.github.io/dcat-admin/extra/extensions.html',
  38. // success: function (response) {
  39. // $box.loading(false);
  40. //
  41. // $box.html(response);
  42. // },
  43. // error: function () {
  44. // $box.loading(false);
  45. //
  46. // $box.find('.item').removeClass('hidden');
  47. // }
  48. // });
  49. })</script>