file.blade.php 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <div id="{{$_id}}" 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 {{$_files}}" style="">
  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 pull-left">
  15. <div class="progress-bar progress-bar-primary 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="fa fa-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. LA.ready(function () {
  29. var upload, options = {!! $options !!}, listenComplete;
  30. init();
  31. function init() {
  32. var opts = $.extend({
  33. selector: '#{{$_id}}',
  34. }, options);
  35. opts.upload = $.extend({
  36. pick: {
  37. id: '#{{$_id}} .file-picker',
  38. label: '<i class="glyphicon glyphicon-folder-open"></i>&nbsp; {{trans('admin.uploader.add_new_media')}}'
  39. },
  40. dnd: '#{{$_id}} .dnd-area',
  41. paste: '#{{$_id}} .web-uploader'
  42. }, opts);
  43. upload = LA.Uploader(opts);
  44. upload.build();
  45. upload.preview();
  46. function resize() {
  47. setTimeout(function () {
  48. if (! upload) return;
  49. upload.refreshButton();
  50. resize();
  51. if (! listenComplete) {
  52. listenComplete = 1;
  53. $(document).one('pjax:complete', function () {
  54. upload = null;
  55. });
  56. }
  57. }, 250);
  58. }
  59. resize();
  60. }
  61. });
  62. </script>