file.blade.php 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <div id="{{ $containerId }}" class="{{$viewClass['form-group']}} {!! !$errors->has($errorKey) ? '' : 'has-error' !!}">
  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> &nbsp;
  20. <div class="uploadBtn btn btn-primary"><i class="feather icon-upload"></i> &nbsp;{{trans('admin.upload')}}</div>
  21. </div>
  22. </div>
  23. </div>
  24. @include('admin::form.help-block')
  25. </div>
  26. </div>
  27. <script data-exec-on-popstate>
  28. Dcat.ready(function () {
  29. var upload, options = {!! $options !!}, listenComplete;
  30. init();
  31. function init() {
  32. var opts = $.extend({
  33. selector: '#{{ $containerId }}',
  34. addFileButton: '#{{ $containerId }} .add-file-button',
  35. }, options);
  36. opts.upload = $.extend({
  37. pick: {
  38. id: '#{{ $containerId }} .file-picker',
  39. label: '<i class="feather icon-folder"></i>&nbsp; {{trans('admin.uploader.add_new_media')}}'
  40. },
  41. dnd: '#{{ $containerId }} .dnd-area',
  42. paste: '#{{ $containerId }} .web-uploader'
  43. }, opts);
  44. upload = Dcat.Uploader(opts);
  45. upload.build();
  46. upload.preview();
  47. function resize() {
  48. setTimeout(function () {
  49. if (! upload) return;
  50. upload.refreshButton();
  51. resize();
  52. if (! listenComplete) {
  53. listenComplete = 1;
  54. $(document).one('pjax:complete', function () {
  55. upload = null;
  56. });
  57. }
  58. }, 250);
  59. }
  60. resize();
  61. }
  62. });
  63. </script>