Gerenciador de mídia Laravel

Instalação
Configuração
Características
Eventos
Uso

Instalação

composer require ctf0/media-manager
publicar os ativos do pacote com
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
após a instalação, execute php artisan lmm:setup para adicionar

pacote de rotas para routes/web.php
ativos de pacote compilando para webpack.mix.js

para bloquear/desbloquear item(s), usamos um banco de dados "sqlite", mas se você preferir usar outra coisa, você deve executar a migração
```
 php artesão migrar
```

instalar dependências

 fio adicionar vue vue-ls vue-carregamento infinito vue-image-compare2 vue-tippy@v2 vue2-filters vue-input-autowidth vue-notif vue-clipboard2 vue-awesome vue-touch@próximo vue-focuspoint-component axios dropzone código-chave cropperjs lottie-web plyr fuse.js navegador de metadados de música idb-keyval annyang
fio adicionar processo de buffer --dev

adicione este liner ao seu arquivo js principal e execute npm run watch para compilar seus arquivos js/css .

 // app.js // mix v5window.Vue = require('vue') // mix v6import Vue from 'vue'require('../assets/vendor/MediaManager/js/manager')new Vue({el: '#aplicativo'})

se você estiver tendo problemas, verifique.
verifique também as notas do mix v6

Configuração

config/mediaManager.php

Características

editor de imagens
multi

carregar
mover/copiar
excluir

enviar por qualquer um

usando o painel de upload
arraste e solte em qualquer lugar
clique e segure em uma área vazia "contêiner de itens"
de um URL "somente imagens"

visualizar arquivos antes de enviar
alternar entre nomes random/original para arquivos enviados
Atualizações assíncronas
seleção em massa
marcar diretórios visitados para navegação mais rápida
alterar a visibilidade do(s) item(ns)
atualize o URL da página na navegação
mostra informações dos arquivos de áudio "artista, álbum, ano, etc.."
ocultar arquivos/pastas dinamicamente
restringir o acesso ao caminho
download selecionado "incluindo seleção em massa"
copiar diretamente o link do arquivo selecionado
use o gerenciador

do modal
com qualquer editor wysiwyg

rolagem automática para o item selecionado usando "esquerda, cima, direita, baixo, início, fim"
bloquear/desbloquear itens.
pesquise no diretório atual ou globalmente em toda a coleção.
filtrar por

pasta
imagem
áudio
vídeo
texto/pdf
aplicação/arquivo
itens bloqueados
itens selecionados

ordenar por

nome
tamanho
última modificação

itens contam para

todos
selecionado
pesquisa encontrada

barra de proporção de conteúdo
proteção contra substituição (arquivos/pastas)
limpeza de nome de arquivo para

carregar
renomear
nova pasta

os botões desabilitar/habilitar dependem do uso para evitar ruído e manter o usuário focado
atalhos / gestos

qualquer arquivo do tipo audio/video quando a barra lateral estiver oculta, irá abri-lo no cartão de visualização "igual às imagens" .
qualquer arquivo do tipo application/archive irá baixá-lo.
se não houver mais linhas disponíveis, pressionar down irá para o último item da lista "mesmo que o gerenciador de arquivos nativo" .
ao visualizar um arquivo audio/video no cartão de visualização, pressionar space irá reproduzir/pausar o item em vez de fechar o modal.
dbl clique/toque
todos os gestos esquerdo/direito também têm suas contrapartes disponíveis.
pressionar esc ao usar o editor de imagens não fechará o modal, mas você pode clicar/tocar dbl no modal background para fazer isso. "para evitar o cancelamento acidental de suas alterações" .

- a barra lateral de informações está disponível apenas em telas grandes "> 1023px" .
- para parar de interferir em outros eventos keydown você pode alternar o ouvinte do gerenciador
EventHub.fire('disable-global-keys', true/false) .

navegação	botão	teclado	clique / toque	tocar
	alternar painel de upload (barra de ferramentas)	você
	atualizar (barra de ferramentas)	R	segure "limpar cache"	apertar (recipiente de itens)
	mover/mostrar lista móvel (barra de ferramentas)	m/p
	editor de imagens (barra de ferramentas)	e
	excluir (barra de ferramentas)	d/del
	bloquear/desbloquear (barra de ferramentas)	eu	mantenha "tudo menos imagens"
	alterar visibilidade (barra de ferramentas)	v
	alternar seleção em massa (barra de ferramentas)	b
	(redefinir) selecionar tudo em massa (barra de ferramentas)	um
	adicionar à lista móvel (carrinho de compras)	c/x	*
	mover/mostrar lista móvel (carrinho de compras)		**
	limpar lista móvel (carrinho de compras)		segurar
	alternar barra lateral (barra de caminho)	t	*	deslize para a esquerda/direita (barra lateral)
	confirmar (modal)	digitar
	alternar visualização de imagem/pdf/texto (item)	espaço	**
	reproduzir/pausar mídia (item)	espaço	**
	ocultar (painel modal / upload)	esc
	redefinir (pesquisa/seleção em massa/filtro/classificação)	esc
	redefinir upload showPreview	esc
	confirmar upload mostrarPré-visualização	digitar

	adicionar à lista móvel (item)			deslize para cima
	excluir (item)			deslize para baixo
	renomear (item)			deslize para a esquerda
	editor de imagens (item)		segurar
	atual ++ selecionado (item)	shift + clique
	atual + selecionado (item)	alt/meta + clique
	criar nova pasta		** (contêiner de itens)

vá para o próximo "item"		certo	*	deslize para a esquerda (visualização)
vá para o "item" anterior		esquerda	*	deslize para a direita (visualização)
vá para o primeiro "item"		lar
vá para o último "item"		fim
vá para a próxima "linha"		abaixo		deslizar para cima (visualização)
vá para a "linha" anterior		acima		deslizar para baixo (visualização)
abrir pasta		digitar	**
vá para anterior "dir"	folderName (barra de caminho)	retroceder	*	deslize para a direita (contêiner de itens)

Eventos

tipo	nome do evento	descrição
JS
	show modal	quando o modal é mostrado
	ocultar modal	quando o modal está oculto
	file_selected (quando dentro de modal)	obter URL do arquivo selecionado
	multi_file_selected (quando dentro de modal)	obter URLs de arquivos selecionados em massa
	folder_selected (quando dentro de modal)	obter o caminho da pasta selecionada
Laravel
	MMFileUploaded($file_path, $mime_type, $options)	obter caminho de armazenamento do arquivo carregado, tipo MIME, opções personalizadas
	MMFileSaved($file_path, $mime_type)	obter caminho de armazenamento completo da imagem salva (editada/link), tipo MIME
	MMFileDeleted($file_path, $is_folder)	obter o caminho de armazenamento do arquivo/pasta excluído, se o item removido for uma pasta
	MMFileRenamed($old_path, $new_path)	obter o caminho de armazenamento "antigo e novo" do arquivo/pasta renomeado
	MMFileMoved($old_path, $new_path)	obter o caminho de armazenamento "antigo e novo" do arquivo/pasta movido