1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- <div id="{{ $containerId }}" class="{{$viewClass['form-group']}} {!! !$errors->has($errorKey) ? '' : 'has-error' !!}">
- <label for="{{$column}}" class="{{$viewClass['label']}} control-label">{!! $label !!}</label>
- <div class="{{$viewClass['field']}}">
- @include('admin::form.error')
- <input name="{{$name}}" id="{{ $id }}" type="hidden" />
- <div class="web-uploader {{ $fileType }}">
- <div class="queueList">
- <div class="placeholder dnd-area">
- <div class="file-picker"></div>
- <p>{{trans('admin.uploader.drag_file')}}</p>
- </div>
- </div>
- <div class="statusBar" style="display:none;">
- <div class="upload-progress progress progress-bar-primary pull-left">
- <div class="progress-bar progress-bar-striped active" style="line-height:18px">0%</div>
- </div>
- <div class="info"></div>
- <div class="btns">
- <div class="add-file-button"></div>
- <div class="uploadBtn btn btn-primary"><i class="feather icon-upload"></i> {{trans('admin.upload')}}</div>
- </div>
- </div>
- </div>
- @include('admin::form.help-block')
- </div>
- </div>
- <script data-exec-on-popstate>
- Dcat.ready(function () {
- var upload, options = {!! $options !!}, listenComplete;
- init();
- function init() {
- var opts = $.extend({
- selector: '#{{ $containerId }}',
- addFileButton: '#{{ $containerId }} .add-file-button',
- }, options);
- opts.upload = $.extend({
- pick: {
- id: '#{{ $containerId }} .file-picker',
- label: '<i class="feather icon-folder"></i> {{trans('admin.uploader.add_new_media')}}'
- },
- dnd: '#{{ $containerId }} .dnd-area',
- paste: '#{{ $containerId }} .web-uploader'
- }, opts);
- upload = Dcat.Uploader(opts);
- upload.build();
- upload.preview();
- function resize() {
- setTimeout(function () {
- if (! upload) return;
- upload.refreshButton();
- resize();
- if (! listenComplete) {
- listenComplete = 1;
- $(document).one('pjax:complete', function () {
- upload = null;
- });
- }
- }, 250);
- }
- resize();
- }
- });
- </script>
|