file.blade.php 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @php
  2. $random = \Illuminate\Support\Str::random(8);
  3. @endphp
  4. <div class="{{$viewClass['form-group']}} {!! !$errors->has($errorKey) ? '' : 'has-error' !!}">
  5. <label for="{{$column}}" class="{{$viewClass['label']}} control-label">{!! $label !!}</label>
  6. <div class="{{$viewClass['field']}}">
  7. @include('admin::form.error')
  8. <input name="{{$name}}" id="{{$id}}" type="hidden" />
  9. <div class="web-uploader {{$_files}}" id="web-uploader-{{$random}}" style="">
  10. <div class="queueList">
  11. <div id="dnd-area-{{$random}}" class="placeholder">
  12. <div id="file-picker-{{$random}}"></div>
  13. <p>{{trans('admin.uploader.drag_file')}}</p>
  14. </div>
  15. </div>
  16. <div class="statusBar" style="display:none;">
  17. <div class="upload-progress progress pull-left">
  18. <div class="progress-bar progress-bar-primary progress-bar-striped active" style="line-height:18px">0%</div>
  19. </div>
  20. <div class="info"></div>
  21. <div class="btns">
  22. <div id="add-file-{{$random}}" class="add-file-button"></div> &nbsp;
  23. <div class="uploadBtn btn btn-primary"><i class="fa fa-upload"></i> &nbsp;{{trans('admin.upload')}}</div>
  24. </div>
  25. </div>
  26. </div>
  27. @include('admin::form.help-block')
  28. </div>
  29. </div>
  30. <script data-exec-on-popstate>
  31. LA.ready(function () {
  32. var upload, options = {!! $options !!};
  33. init();
  34. function init() {
  35. var opts = $.extend({
  36. wrapper: '#web-uploader-{{$random}}',
  37. addFileButton: '#add-file-{{$random}}',
  38. }, options);
  39. opts.upload = $.extend({
  40. pick: {
  41. id: '#file-picker-{{$random}}',
  42. label: '<i class="glyphicon glyphicon-folder-open"></i>&nbsp; {{trans('admin.uploader.add_new_media')}}'
  43. },
  44. dnd: '#dnd-area-{{$random}}',
  45. paste: '#web-uploader-{{$random}}'
  46. }, opts);
  47. upload = LA.Uploader(opts);
  48. upload.build();
  49. upload.preview();
  50. }
  51. });
  52. </script>