Gestionnaire de médias Laravel

Installation
Configuration
Caractéristiques
Événements
Usage

Installation

composer require ctf0/media-manager
publier les actifs du package avec
php artisan vendor:publish --provider="ctf0MediaManagerMediaManagerServiceProvider"
après l'installation, exécutez php artisan lmm:setup pour ajouter

packages d'itinéraires vers routes/web.php
compilation des actifs du package sur webpack.mix.js

pour verrouiller/déverrouiller les éléments, nous utilisons une base de données "sqlite", mais si vous préférez utiliser autre chose, vous devez exécuter la migration
```
 php artisan migrer
```

installer les dépendances

 fil ajouter 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 cropperjs keycode lottie-web plyr fuse.js musique-métadonnées-navigateur idb-keyval annyang
processus d'ajout de tampon de fil --dev

ajoutez cette doublure à votre fichier js principal et exécutez npm run watch pour compiler vos fichiers js/css .

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

si vous rencontrez des problèmes, vérifiez.
vérifiez également les notes du mix v6

Configuration

config/mediaManager.php

Caractéristiques

éditeur d'images
multi

télécharger
déplacer/copier
supprimer

télécharger soit par

en utilisant le panneau de téléchargement
glisser-déposer n'importe où
cliquez et maintenez sur une zone vide "conteneur d'articles"
à partir d'une url "images uniquement"

prévisualiser les fichiers avant de les télécharger
basculer entre les noms random/original pour les fichiers téléchargés
Mises à jour asynchrones
sélection groupée
ajouter les répertoires visités aux favoris pour une navigation plus rapide
modifier la visibilité des éléments
mettre à jour l'url de la page lors de la navigation
afficher les informations sur les fichiers audio "artiste, album, année, etc."
masquer dynamiquement les fichiers/dossiers
restreindre l'accès au chemin
télécharger la sélection "y compris la sélection groupée"
copier directement le lien du fichier sélectionné
utiliser le gestionnaire

du modal
avec n'importe quel éditeur wysiwyg

défilement automatique jusqu'à l'élément sélectionné en utilisant "gauche, haut, droite, bas, début, fin"
verrouiller/déverrouiller des éléments.
effectuer une recherche dans le répertoire actuel ou globalement dans toute la collection.
filtrer par

dossier
image
audio
vidéo
texte/pdf
application/archives
éléments verrouillés
éléments sélectionnés

Trier par

nom
taille
dernière modification

les articles comptent pour

tous
choisi
recherche trouvée

barre de rapport de contenu
protection contre l'écrasement (fichiers/dossiers)
nettoyage du nom de fichier pour

télécharger
rebaptiser
nouveau dossier

Les boutons désactiver/activer dépendent de l'utilisation pour éviter le bruit et garder l'utilisateur concentré
raccourcis / gestes

tout fichier de type audio/video lorsque la barre latérale est masquée, l'ouvrira dans la carte d'aperçu "identique aux images" .
n'importe quel fichier de type application/archive le téléchargera.
s'il n'y a plus de lignes disponibles, appuyez down pour accéder au dernier élément de la liste "identique au gestionnaire de fichiers natif" .
lors de la visualisation d'un fichier audio/video dans la carte d'aperçu, appuyer sur space jouera/mettre en pause l'élément au lieu de fermer le modal.
double clic/tapotement
tous les gestes gauche/droite ont également leurs homologues disponibles.
appuyer sur esc tout en utilisant l' éditeur d'image ne fermera pas le modal, mais vous pouvez cliquer/appuyer deux fois sur l' modal background pour le faire. "pour éviter d'annuler accidentellement vos modifications" .

- la barre latérale d'informations n'est disponible que sur les grands écrans "> 1023px" .
- pour cesser d'interférer avec d'autres événements keydown , vous pouvez activer l'écouteur du gestionnaire
EventHub.fire('disable-global-keys', true/false) .

navigation	bouton	clavier	cliquez/appuyez	touche
	basculer le panneau de téléchargement (barre d'outils)	toi
	actualiser (barre d'outils)	r	maintenez "vider le cache"	pincer (conteneur d'articles)
	déplacer/afficher la liste mobile (barre d'outils)	m/p
	éditeur d'images (barre d'outils)	e
	supprimer (barre d'outils)	d/supprimer
	verrouiller/déverrouiller (barre d'outils)	je	contenir "tout sauf des images"
	changer la visibilité (barre d'outils)	v
	basculer la sélection groupée (barre d'outils)	b
	(réinitialiser) sélectionner tout en bloc (barre d'outils)	un
	ajouter à la liste mobile (panier)	c/x	*
	déplacer/afficher la liste mobile (panier)		**
	effacer la liste mobile (panier)		prise
	basculer la barre latérale (barre de chemin)	t	*	glisser vers la gauche/droite (barre latérale)
	confirmer (modal)	entrer
	basculer l'image d'aperçu/pdf/texte (élément)	espace	**
	lecture/pause du média (élément)	espace	**
	masquer (modal / panneau de téléchargement)	Échap
	réinitialiser (recherche / sélection groupée / filtre / tri)	Échap
	réinitialiser le téléchargement showPreview	Échap
	confirmer le téléchargement showPreview	entrer

	ajouter à la liste mobile (article)			glisser vers le haut
	supprimer (élément)			glisser vers le bas
	renommer (élément)			glisser vers la gauche
	éditeur d'images (élément)		prise
	actuel ++ sélectionné (élément)	maj + clic
	actuel + sélectionné (élément)	alt/méta + clic
	créer un nouveau dossier		** (conteneur d'articles)

aller à "l'élément" suivant		droite	*	glisser vers la gauche (aperçu)
aller à "l'article" précédent		gauche	*	balayez vers la droite (aperçu)
aller au premier "élément"		maison
aller au dernier "élément"		fin
passer à la "ligne" suivante		vers le bas		glisser vers le haut (aperçu)
aller à la "ligne" précédente		en haut		glisser vers le bas (aperçu)
ouvrir le dossier		entrer	**
aller au "dir" précédent	nom du dossier (barre de chemin)	retour arrière	*	balayez vers la droite (conteneur d'articles)

Événements

taper	nom de l'événement	description
JS
	spectacle modal	lorsque le modal est affiché
	masquer modal	quand le modal est masqué
	file_selected (à l'intérieur du modal)	obtenir l'URL du fichier sélectionné
	multi_file_selected (à l'intérieur du modal)	obtenir les URL des fichiers sélectionnés en masse
	dossier_sélectionné (à l'intérieur du modal)	obtenir le chemin du dossier sélectionné
Laravel
	MMFileUploaded($file_path, $mime_type, $options)	obtenir le chemin de stockage des fichiers téléchargés, le type MIME, les options personnalisées
	MMFileSaved ($ chemin_fichier, $ mime_type)	obtenir le chemin de stockage complet de l'image enregistrée (modifiée/lien), type MIME
	MMFileDeleted ($ chemin_fichier, $ est_dossier)	obtenir le chemin de stockage du fichier/dossier supprimé, si l'élément supprimé est un dossier
	MMFileRenamed($ancien_chemin, $nouveau_chemin)	obtenir le chemin de stockage du fichier/dossier renommé "ancien et nouveau"
	MMFileMoved($ancien_chemin, $nouveau_chemin)	obtenir le chemin de stockage du fichier/dossier "ancien et nouveau" déplacé