Gerente de Medios Laravel

Instalación
configuración
Características
Eventos
Uso

Instalación

composer require ctf0/media-manager
publicar los activos del paquete con
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
después de la instalación, ejecute php artisan lmm:setup para agregar

rutas de paquetes a routes/web.php
activos del paquete que se compilan en webpack.mix.js

Para bloquear/desbloquear elementos usamos una base de datos "sqlite", pero si prefieres usar otra cosa, debes ejecutar la migración.
```
 php migración artesanal
```

instalar dependencias

 hilo agregar 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-component axios dropzone código clave cropperjs lottie-web plyr fuse.js navegador-metadatos de música idb-keyval annyang
proceso de adición de búfer de hilo --dev

agregue esta línea a su archivo js principal y ejecute npm run watch para compilar sus archivos js/css .

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

si tiene problemas, verifique.
también consulte las notas de mix v6

configuración

config/mediaManager.php

Características

editor de imágenes
multi

subir
mover/copiar
borrar

subir por cualquiera de los dos

usando el panel de carga
arrastrar y soltar en cualquier lugar
haga clic y mantenga presionado en un área vacía "contenedor de elementos"
desde una URL "solo imágenes"

vista previa de archivos antes de cargarlos
alternar entre nombres random/original para archivos cargados
Actualizaciones asincrónicas
selección masiva
marcar directorios visitados para una navegación más rápida
cambiar la visibilidad del artículo/s
actualizar la URL de la página en la navegación
muestra información de archivos de audio "artista, álbum, año, etc.."
ocultar dinámicamente archivos/carpetas
restringir el acceso a la ruta
descargar seleccionado "incluida la selección masiva"
copiar directamente el enlace del archivo seleccionado
usar el administrador

de modal
con cualquier editor wysiwyg

desplazamiento automático al elemento seleccionado usando "izquierda, arriba, derecha, abajo, inicio, fin"
bloquear/desbloquear elementos.
buscar en el directorio actual o globalmente en toda la colección.
filtrar por

carpeta
imagen
audio
video
texto/pdf
aplicación/archivo
artículos bloqueados
artículos seleccionados

Ordenar por

nombre
tamaño
última modificación

los artículos cuentan para

todo
seleccionado
búsqueda encontrada

barra de proporción de contenidos
protección contra sobrescritura (archivos/carpetas)
desinfección de nombres de archivos para

subir
rebautizar
nueva carpeta

Los botones deshabilitar/habilitar dependen del uso para evitar el ruido y mantener al usuario concentrado
atajos / gestos

cualquier archivo de tipo audio/video cuando la barra lateral esté oculta, lo abrirá en la tarjeta de vista previa "igual que las imágenes" .
cualquier archivo de tipo application/archive lo descargará.
Si no hay más filas disponibles, al presionar down se irá al último elemento de la lista "igual que el administrador de archivos nativo" .
al ver un archivo de audio/video en la tarjeta de vista previa, al presionar space se reproducirá/pausará el elemento en lugar de cerrar el modal.
doble clic/toque
Todos los gestos izquierda/derecha también tienen sus contrapartes disponibles.
presionar esc mientras usa el editor de imágenes no cerrará el modal, pero puede hacer doble clic/tocar el modal background para hacerlo. "para evitar cancelar accidentalmente sus cambios" .

- la barra lateral de información solo está disponible en pantallas grandes "> 1023px" .
- Para dejar de interferir con otros eventos keydown , puede alternar entre el oyente del administrador.
EventHub.fire('disable-global-keys', true/false) .

navegación	botón	teclado	hacer clic / tocar	tocar
	alternar panel de carga (barra de herramientas)	tu
	actualizar (barra de herramientas)	r	mantenga presionado "borrar caché"	pellizcar (contenedor de artículos)
	mover/mostrar lista móvil (barra de herramientas)	m/p
	editor de imágenes (barra de herramientas)	mi
	eliminar (barra de herramientas)	d/del
	bloquear/desbloquear (barra de herramientas)	yo	mantenga presionado "cualquier cosa menos imágenes"
	cambiar visibilidad (barra de herramientas)	v
	alternar selección masiva (barra de herramientas)	b
	(restablecer) seleccionar todo de forma masiva (barra de herramientas)	a
	agregar a la lista móvil (carrito de compras)	c/x	*
	mover/mostrar lista móvil (carrito de compras)		**
	lista móvil clara (carrito de compras)		sostener
	alternar barra lateral (barra de ruta)	t	*	deslizar hacia la izquierda/derecha (barra lateral)
	confirmar (modal)	ingresar
	alternar imagen de vista previa/pdf/texto (elemento)	espacio	**
	reproducir/pausar medios (elemento)	espacio	**
	ocultar (modal / subir-panel)	esc
	restablecer (búsqueda/selección masiva/filtro/clasificación)	esc
	restablecer carga showPreview	esc
	confirmar carga showPreview	ingresar

	agregar a la lista de muebles (elemento)			deslizar hacia arriba
	eliminar (elemento)			deslizar hacia abajo
	cambiar nombre (elemento)			deslizar hacia la izquierda
	editor de imágenes (elemento)		sostener
	actual ++ seleccionado (elemento)	mayúsculas + clic
	actual + seleccionado (elemento)	Alt/meta + clic
	crear nueva carpeta		** (contenedor de artículos)

ir al siguiente "elemento"		bien	*	deslizar hacia la izquierda (vista previa)
ir al "artículo" anterior		izquierda	*	deslizar hacia la derecha (vista previa)
ir al primer "elemento"		hogar
ir al último "elemento"		fin
ir a la siguiente "fila"		abajo		deslizar hacia arriba (vista previa)
ir a la "fila" anterior		arriba		deslizar hacia abajo (vista previa)
abrir carpeta		ingresar	**
ir al "directorio" anterior	nombre de carpeta (barra de ruta)	retroceso	*	deslizar hacia la derecha (contenedor de elementos)

Eventos

tipo	nombre-evento	descripción
js
	espectáculo modal	cuando se muestra modal
	ocultar-modal	cuando modal está oculto
	file_selected (cuando está dentro de modal)	obtener la URL del archivo seleccionado
	multi_file_selected (cuando está dentro de modal)	obtener URL de archivos seleccionados de forma masiva
	carpeta_seleccionada (cuando está dentro de modal)	obtener la ruta de la carpeta seleccionada
Laravel
	MMMFileUploaded($ruta_archivo, $tipo_mime, $opciones)	obtener ruta de almacenamiento de archivos cargados, tipo MIME, opciones personalizadas
	MMMFileSaved($ruta_archivo, $tipo_mime)	obtener la ruta de almacenamiento completa de la imagen guardada (editada/enlazada), tipo mime
	MMMFileDeleted($file_path, $is_folder)	obtener la ruta de almacenamiento del archivo/carpeta eliminado, si el elemento eliminado es una carpeta
	MMMFileRenamed($ruta_antigua, $ruta_nueva)	obtener ruta de almacenamiento de archivo/carpeta renombrada como "antigua y nueva"
	MMMFileMoved($ruta_antigua, $ruta_nueva)	obtener la ruta de almacenamiento "antigua y nueva" del archivo/carpeta movida