file.blade.php 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <div id="{{ $id }}-container" class="{{$viewClass['form-group']}}">
  2. <label for="{{$column}}" class="{{$viewClass['label']}} control-label">{!! $label !!}</label>
  3. <div class="{{$viewClass['field']}}">
  4. @include('admin::form.error')
  5. <input name="{{ $name }}" id="{{ $id }}" type="hidden" />
  6. <div class="web-uploader {{ $fileType }}">
  7. <div class="queueList">
  8. <div class="placeholder dnd-area">
  9. <div class="file-picker"></div>
  10. <p>{{trans('admin.uploader.drag_file')}}</p>
  11. </div>
  12. </div>
  13. <div class="statusBar" style="display:none;">
  14. <div class="upload-progress progress progress-bar-primary pull-left">
  15. <div class="progress-bar progress-bar-striped active" style="line-height:18px">0%</div>
  16. </div>
  17. <div class="info"></div>
  18. <div class="btns">
  19. <div class="add-file-button"></div>
  20. @if($showUploadBtn)
  21. &nbsp;
  22. <div class="upload-btn btn btn-primary"><i class="feather icon-upload"></i> &nbsp;{{trans('admin.upload')}}</div>
  23. @endif
  24. </div>
  25. </div>
  26. </div>
  27. @include('admin::form.help-block')
  28. </div>
  29. </div>
  30. <script require="@webuploader">
  31. var uploader,
  32. newPage,
  33. cID = replaceNestedFormIndex('#{{ $id }}-container'),
  34. ID = replaceNestedFormIndex('#{{ $id }}'),
  35. options = {!! $options !!};
  36. init();
  37. function init() {
  38. var opts = $.extend({
  39. selector: cID,
  40. addFileButton: cID+' .add-file-button',
  41. inputSelector: ID,
  42. }, options);
  43. opts.upload = $.extend({
  44. pick: {
  45. id: cID+' .file-picker',
  46. name: '_file_',
  47. label: '<i class="feather icon-folder"></i>&nbsp; {!! trans('admin.uploader.add_new_media') !!}'
  48. },
  49. dnd: cID+' .dnd-area',
  50. paste: cID+' .web-uploader'
  51. }, opts);
  52. uploader = Dcat.Uploader(opts);
  53. uploader.build();
  54. uploader.preview();
  55. function resize() {
  56. setTimeout(function () {
  57. if (! uploader) return;
  58. uploader.refreshButton();
  59. resize();
  60. if (! newPage) {
  61. newPage = 1;
  62. $(document).one('pjax:complete', function () {
  63. uploader = null;
  64. });
  65. }
  66. }, 250);
  67. }
  68. resize();
  69. }
  70. </script>