Медиа-менеджер Laravel

Установка
Конфигурация
Функции
События
Использование

Установка

composer require ctf0/media-manager
опубликовать ресурсы пакета с помощью
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
после установки запустите php artisan lmm:setup , чтобы добавить

упаковать маршруты в routes/web.php
ресурсы пакета, компилируемые в webpack.mix.js

для блокировки/разблокировки элементов/ов мы используем базу данных «sqlite», но если вы предпочитаете использовать что-то другое, вам следует запустить миграцию
```
 миграция PHP Artisan
```

установить зависимости

 Yarn добавить vue vue-ls vue-infinite-loading vue-image-compare2 vue-tippy@v2 vue2-filters vue-input-autowidth vue-notif vue-clipboard2 vue-awesome vue-touch@next vue-focuspoint-comComponent axios dropzone Код ключа Cropperjs Lottie-Web Plyr Fuse.js Music-Metadata-Browser idb-keyval аньян
Yarn добавляет процесс добавления буфера --dev

добавьте этот вкладыш в свой основной файл js и запустите npm run watch чтобы скомпилировать файлы js/css .
```
 // app.js// mix v5window.Vue = require('vue')// mix v6import Vue from 'vue'require('../assets/vendor/MediaManager/js/manager')new Vue({el: '#приложение'})
```

если у вас возникли проблемы Проверьте.
также проверьте примечания к миксу v6

Конфигурация

конфигурация/mediaManager.php

Функции

редактор изображений
мульти

загрузить
переместить/копировать
удалить

загрузить любым способом

с помощью панели загрузки
перетащите куда угодно
нажмите и удерживайте пустую область «контейнер предметов»
из URL «только изображения»

предварительный просмотр файлов перед загрузкой
переключение между random/original именами для загруженных файлов
асинхронные обновления
массовый выбор
добавить в закладки посещенные каталоги для более быстрой навигации
изменить видимость элемента/ов
обновить URL-адрес страницы в навигации
показывать информацию об аудиофайлах «исполнитель, альбом, год и т. д.».
динамически скрывать файлы/папки
ограничить доступ к пути
скачать выбранное "включая массовый выбор"
напрямую скопировать ссылку на выбранный файл
используйте менеджер

из модального
с любым редактором WYSIWYG

автоматическая прокрутка к выбранному элементу с помощью «влево, вверх, вправо, вниз, домой, конец»
заблокировать/разблокировать элемент/ы.
поиск в текущем каталоге или глобально по всей коллекции.
фильтровать по

папка
изображение
аудио
видео
текст/pdf
приложение/архив
заблокированные предметы
выбранные элементы

Сортировать по

имя
размер
последнее изменение

предметы имеют значение

все
выбрано
поиск найден

полоса соотношения содержимого
защита от перезаписи (файлов/папок)
очистка имени файла для

загрузить
переименовывать
новая папка

Кнопки отключения/включения зависят от использования, чтобы избежать шума и сосредоточить внимание пользователя
ярлыки/жесты

любой файл типа audio/video , если боковая панель скрыта, откроет его в карточке предварительного просмотра «так же, как изображения» .
любой файл типа application/archive скачает его.
если доступных строк больше нет, нажатие down приведет к переходу к последнему элементу в списке «так же, как собственный файловый менеджер» .
при просмотре audio/video файла на карте предварительного просмотра нажатие space приведет к воспроизведению/приостановке элемента вместо закрытия модального окна.
двойное нажатие/нажатие
для всех жестов влево/вправо также доступны аналоги.
нажатие esc при использовании редактора изображений не закроет модальное окно, но для этого вы можете дважды щелкнуть/коснуться modal background . «чтобы избежать случайной отмены ваших изменений» .

- информационная боковая панель доступна только на больших экранах «> 1023 пикселей» .
- чтобы перестать мешать другим событиям keydown , вы можете переключить прослушиватель менеджера через
EventHub.fire('disable-global-keys', true/false) .

навигация	кнопка	клавиатура	нажмите / коснитесь	трогать
	переключить панель загрузки (панель инструментов)	ты
	обновить (панель инструментов)	р	держи "очистить кеш"	зажмите (контейнер с предметами)
	переместить/показать перемещаемый список (панель инструментов)	м/п
	редактор изображений (панель инструментов)	е
	удалить (панель инструментов)	д/дель
	заблокировать/разблокировать (панель инструментов)	л	держать «что угодно, кроме изображений»
	изменить видимость (панель инструментов)	в
	переключить массовый выбор (панель инструментов)	б
	(сброс) массовое выделение всех (панель инструментов)	а
	добавить в перемещаемый список (корзину)	с/х	*
	переместить/показать перемещаемый список (корзина)		**
	очистить подвижный список (корзина)		держать
	переключить боковую панель (панель пути)	т	*	проведите пальцем влево/вправо (боковая панель)
	подтвердить (модально)	входить
	переключить изображение предварительного просмотра/pdf/текст (элемент)	космос	**
	воспроизведение/пауза мультимедиа (элемент)	космос	**
	скрыть (модальное/панель загрузки)	выйти
	сброс (поиск/массовый выбор/фильтр/сортировка)	выйти
	сбросить загрузку showPreview	выйти
	подтвердить загрузку showPreview	входить

	добавить в перемещаемый список (элемент)			проведите пальцем вверх
	удалить (элемент)			проведите пальцем вниз
	переименовать (элемент)			проведите пальцем влево
	редактор изображений (элемент)		держать
	текущий ++ выбран (пункт)	сдвиг + щелчок
	текущий + выбранный (пункт)	альт/мета + клик
	создать новую папку		** (контейнер предметов)

перейти к следующему «пункту»		верно	*	проведите пальцем влево (предварительный просмотр)
перейти к предыдущему «пункту»		левый	*	смахните вправо (предварительный просмотр)
перейти к первому «пункту»		дом
перейти к последнему «пункту»		конец
перейти к следующей «строке»		вниз		проведите пальцем вверх (предварительный просмотр)
перейти к предыдущей «строке»		вверх		проведите пальцем вниз (предварительный просмотр)
открыть папку		входить	**
перейти к предыдущему "каталогу"	Имя папки (строка пути)	возврат назад	*	смахните вправо (контейнер предметов)

События

тип	имя события	описание
JS
	модальное шоу	когда отображается модальное окно
	модальное скрытие	когда модальное окно скрыто
	file_selected (в модальном режиме)	получить выбранный URL-адрес файла
	multi_file_selected (в модальном режиме)	получить массово выбранные URL-адреса файлов
	folder_selected (в модальном режиме)	получить выбранный путь к папке
Ларавел
	MMFileUploaded($file_path, $mime_type, $options)	получить путь к загружаемому файлу, тип mime, пользовательские параметры
	MMFileSaved($file_path, $mime_type)	получить сохраненное (отредактированное/ссылку) изображение, полный путь к нему, тип mime
	MMFileDeleted($file_path, $is_folder)	получить путь хранения удаленного файла/папки, если удаленный элемент является папкой
	MMFileRenamed($old_path, $new_path)	получить переименованный путь хранения файла/папки «старый и новый»
	MMFileMoved($old_path, $new_path)	получить перемещенный файл/папку "старый и новый" путь хранения