[WIP] Refactor project

resources/views/vendor/boilerplate-media-manager/select/file.blade.php

@@ -0,0 +1,35 @@
+@php($id = uniqid())
+<div class="form-group">
+    @if(!empty($label))
+    {{ Form::label($name ?? 'file', $label) }}
+    @endif
+    <div class="input-group">
+        <div class="input-group-prepend">
+            <button type="button" class="btn-select-file btn btn-secondary" data-field="{{ $id }}" data-src="{!! route('mediamanager.index', ['mce' => true, 'type' => $type ?? 'all', 'return_type' => 'file', 'field' => $id], false) !!}">
+                <i class="far fa-folder-open"></i>
+            </button>
+        </div>
+        <input type="text" class="form-control" data-id="text-{{ $id }}" value="{{ preg_replace('/.*\/(.*)\?.*$/', '$1', $value ?? '') }}" placeholder="{{ __('boilerplate-media-manager::select.no_file_selected') }}" style="background: #FFF" disabled>
+        <button class="btn {{ $value ? '' : 'd-none' }}" id="clear-{{ $id }}" style="position:absolute;right:0"><span class="fa fa-times"></span></button>
+    </div>
+    <input type="hidden" name="{{ $name ?? 'file' }}" value="{{ $value ?? '' }}" data-id="{{ $id }}"/>
+    {!! $errors->first( $name ?? 'file' ,'<div class="error-bubble"><div>:message</div></div>') !!}
+</div>
+@include('boilerplate-media-manager::select.scripts')
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        $('input[type="hidden"][data-id="{{ $id }}"]').on('change', function() {
+            $('#clear-{{ $id }}').addClass('d-none')
+            $('input[type="text"][data-id="text-{{ $id }}"]').val('')
+            if($(this).val() !== '') {
+                $('#clear-{{ $id }}').removeClass('d-none')
+                $('input[type="text"][data-id="text-{{ $id }}"]').val($(this).val().replace(/.*\/(.*)\?.*$/, '$1'))
+            }
+        })
+
+        $('#clear-{{ $id }}').on('click', function(e) {
+            e.preventDefault()
+            $('input[type="hidden"][data-id="{{ $id }}"]').val('').trigger('change')
+        })
+    })
+</script>

resources/views/vendor/boilerplate-media-manager/select/image.blade.php

@@ -0,0 +1,19 @@
+@php($id = uniqid())
+<div class="select-image-wrapper {{ empty($value) ? '' : 'editable' }}" style="width:{{ $width ?? 300 }}px;height:{{ $height ?? 200 }}px">
+    <button type="button" style="max-width:{{ $width ?? 300 }}px;height:{{ $height ?? 200 }}px" class="btn-select-image" data-field="{{ $id }}"
+            data-src="{!! route('mediamanager.index', ['mce' => true, 'type' => 'image', 'return_type' => 'image', 'field' => $id], false) !!}">
+        @empty($value)
+            <span class="fa fa-image fa-3x"></span>
+        @else
+            <img src="{{ $value }}" />
+        @endempty
+    </button>
+    <div class="select-image-menu">
+        <button class="btn select-image-view"><span class="fa fa-eye"></span></button>
+        <button class="btn select-image-edit"><span class="fa fa-pencil"></span></button>
+        <button class="btn select-image-delete"><span class="fa fa-times"></span></button>
+    </div>
+    <input type="hidden" name="{{ $name ?? 'image' }}" value="{{ $value ?? '' }}" data-id="{{ $id }}"/>
+</div>
+{!! $errors->first( $name ?? 'image' ,'<div class="error-bubble"><div>:message</div></div>') !!}
+@include('boilerplate-media-manager::select.scripts')

resources/views/vendor/boilerplate-media-manager/select/scripts.blade.php

@@ -0,0 +1,14 @@
+@if(!defined('MEDIA_SELECT_SCRIPTS'))
+    @push('js')
+        <script>
+            var selectMediaLocales = {
+                confirm: "{{ __('boilerplate-media-manager::message.deletemedia') }}"
+            };
+        </script>
+        <script src="{{ mix('/select-media.min.js', '/assets/vendor/boilerplate-media-manager') }}"></script>
+    @endpush
+    @push('css')
+        <link rel="stylesheet" href="{{ mix('/select-media.min.css', '/assets/vendor/boilerplate-media-manager') }}">
+    @endpush
+    @php(define('MEDIA_SELECT_SCRIPTS', true))
+@endif