forge-joniko/ldc-dam
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

- Fix bug recherche sur brouillon

Browse source 
- Fix recherche avec ajout recherche via mots-clés
- On cache tout ce qui concerne les etiquettes
- Fix Index ElastichSearch quand on creer un media
- Refonte du process d'ajout de medias
This commit is contained in:
Vincent BRIDIER 2019-10-31 11:58:14 +01:00
parent d612c7293d
commit 09acec76f7
12 changed files with 587 additions and 29454 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/Console/Commands/reindexElasticMedia.php
View file

@ -43,7 +43,8 @@ class reindexElasticMedia extends Command
if (Media::indexExists())
Media::deleteIndex();
Media::createIndex();
$medias = Media::all();
$medias = Media::all();
$bar = $this->output->createProgressBar(count($medias));
$bar->start();
foreach ($medias as $media) {

177
app/Http/Controllers/MediaController.php
View file

@ -110,6 +110,7 @@ class MediaController extends Controller
$esMust = [];
$esMustNot = [];
$esShould = [];
$esFilters = [];
if ($dossier_id == "0") { // dossier racine
$esMust = array_merge($esMust, [
@ -211,21 +212,40 @@ class MediaController extends Controller
]
]);
$esMustNot = array_merge($esMustNot, [
$esFilters = array_merge($esFilters, array(
[
'match' => [
'statut' => config('services.statut.brouillon')
'bool' => [
'should' => [
[
'bool' => [
'must_not' => [
[
'term' => [
'statut' => [
'value' => config('services.statut.brouillon'),
'boost' => 1.0
]
]
]
],
'adjust_pure_negative' => true,
'boost' => 1.0
]
],
[
'term' => [
'created_by' => [
'value' => $userId,
'boost' => 1.0
]
]
]
],
'adjust_pure_negative' => true,
'boost' => 1.0
]
]
]);
$esShould = array_merge($esShould, [
[
'match' => [
'created_by' => $userId
]
]
]);
));
/*
$query = Media::where('sujet_id', $sujet_id)
@ -250,32 +270,103 @@ class MediaController extends Controller
// Filtre recherche texte
if (property_exists($filters, 'search')) {
$tmpFilters = [];
$search = strtolower(trim($filters->search->value));
$esFilters = [
[
'multi_match' => [
'query' => $search,
"type" => "most_fields",
'fields' => [
'libelle^3',
'arcadia_id',
'articles.noArt^5',
'articles.libCcial',
'articles.libMarq',
'articles.libFamVte',
'articles.codGencodAdm',
'articles.codGencodSymb',
'articles.codGencodPds',
'tags.libelle'
],
'operator' => 'or',
'fuzziness' => 'AUTO'
]
]
];
if (strpos($search, '=') !== false){
$tmpSearch = explode('=', $search);
$key = $tmpSearch[0];
$needle = $tmpSearch[1];
$esMust = array_merge($esMust, $esFilters);
switch ($key){
case 'ca':
$tmpFilters = [
[
'bool' => [
'must' => [
'match' => [
'articles.noArt' => $needle
]
]
]
]
];
break;
case 'fv':
$tmpFilters = [
[
'bool' => [
'must' => [
'match' => [
'articles.codFamVte' => $needle
]
]
]
]
];
break;
case 'gca':
$tmpFilters = [
[
'bool' => [
'must' => [
'match' => [
'articles.codGencodAdm' => $needle
]
]
]
]
];
break;
case 'gcs':
$tmpFilters = [
[
'bool' => [
'must' => [
'match' => [
'articles.codGencodSymb' => $needle
]
]
]
]
];
break;
case 'gcp':
$tmpFilters = [
[
'bool' => [
'must' => [
'match' => [
'articles.codGencodPds' => $needle
]
]
]
]
];
break;
}
}else{
$tmpFilters = [
[
'multi_match' => [
'query' => $search,
"type" => "most_fields",
'fields' => [
'libelle^3',
'arcadia_id',
'articles.libCcial',
'articles.libMarq',
'articles.libFamVte',
'tags.libelle'
],
'operator' => 'or',
'fuzziness' => 'AUTO'
]
]
];
}
$esMust = array_merge($esMust, $tmpFilters);
/*
$query->where(function ($query) use ( $search ) {
@ -418,10 +509,13 @@ class MediaController extends Controller
'bool' => array(
'must' => $esMust,
'must_not' => $esMustNot,
'should' => $esShould
)
'should' => $esShould,
'filter' => $esFilters
),
);
//echo json_encode($query); exit;
$sort = [
[
$orderField => [
@ -527,7 +621,7 @@ class MediaController extends Controller
$host = $request->getSchemeAndHttpHost();
$response = array();
$media_id = $request->input('media_id');
$media = Media::where('id', $media_id)->with('sujet')->with('societes')->with('marques')->with('articles')->with('tags:libelle')->first();
$media = Media::where('id', $media_id)->with('sujet', 'societes', 'marques', 'articles', 'tags:libelle')->first();
if ($media) {
// stock le média
$response['data'] = $media;
@ -591,7 +685,7 @@ class MediaController extends Controller
$media->copyright_id = $mediaUpdate->copyright_id;
// ---- Historique des actions (etiquette seulement)
/*// ---- Historique des actions (etiquette seulement)
if ($media->etiquette_id != $mediaUpdate->etiquette_id) {
$curEtiquette = Etiquette::where('etiquette_id', $media->etiquette_id)->first();
$newEtiquette = Etiquette::where('etiquette_id', $mediaUpdate->etiquette_id)->first();
@ -602,7 +696,7 @@ class MediaController extends Controller
$historique->description = $curEtiquette->libelle . " -> " . $newEtiquette->libelle;
$historique->save();
$media->etiquette_id = $mediaUpdate->etiquette_id;
}
}*/
$media->save();
@ -939,7 +1033,8 @@ class MediaController extends Controller
$media->save();
// ---- Index dans Elasticsearch
$media->addToIndex();
$media = Media::where('id', $media->id)->first();
$media->addToIFndex();
$response = $media;
$im->destroy();

7
app/Http/Controllers/UploadController.php
View file

@ -201,6 +201,7 @@ class UploadController extends Controller {
}
// ---- Index dans Elasticsearch
$media = Media::where('id', $media->id)->first();
$media->addToIndex();
// ---- Historique des actions
@ -222,6 +223,12 @@ class UploadController extends Controller {
$filest = array();
$filest['name'] = $filename;
$filest['uid'] = $uid;
$filest['libelle'] = $media->libelle;
$filest['id'] = $media->id;
$filest['folder'] = $media->folder;
$filest['extension'] = $media->extension;
$filest['typemedia_id'] = $media->typemedia_id;
$filesa['files'][]=$filest;
}
return $filesa;

15141
public/css/app.css vendored
View file

File diff suppressed because one or more lines are too long

13995
public/js/app.js vendored
View file

File diff suppressed because one or more lines are too long

2
resources/js/app.js vendored
View file

@ -97,7 +97,7 @@ $.fancyMessage = function( opts ) {
animationEffect : 'material',
modal : false,
baseTpl :
'<div class="fancybox-container fc-container" role="dialog" tabindex="-1">' +
'<div class="fancybox-container fc-container high-level" role="dialog" tabindex="-1">' +
'<div class="fancybox-bg"></div>' +
'<div class="fancybox-inner">' +
'<div class="fancybox-stage"></div>' +

660
resources/js/media.js vendored
View file

@ -561,277 +561,64 @@ $(document).ready(function() {
Edition d'un média
**********************************/
let drPlugin = null;
let viewer = null;
// ---- double-clique sur un média
var drPlugin = null;
var viewer = null;
$(".media_manager").on("dblclick", '.imageItem' , function(event) {
event.preventDefault();
// récupère l'image de preview
var imgPreview = $(this).attr('data-preview')+'?t='+ new Date().getTime();
if($(this).attr('data-depot') == 1){
if($(this).attr('data-typemedia') == 1|| $(this).attr('data-typemedia') == 2){ // image
$.fancybox.open('<img style="width: 640px; height:auto;" src="'+imgPreview+'" alt="" />');
}else if ($(this).attr('data-typemedia') == 3) { // vidéo
$.fancybox.open('<video src="'+$(this).attr('data-src')+'" controls></video>');
}else if ($(this).attr('data-typemedia') == 4) { // Audio
$.fancybox.open('<audio controls src="'+$(this).attr('data-src')+'"></audio>');
}
return false;
}
// initialise le nuage de Tags
$('#tag-editor').val('');
$('#tag-editor').tagEditor({
placeholder: 'Saissisez des tags',
removeDuplicates : false,
clickDelete : true,
initialTags: []
});
var minWidth = $(document).width();
var minHeight = $(document).height()-43-40;
// Mémorise le média courant
$(window).data('current_edit_media', $(this).attr('data-id'));
// sélectionne la tab preview à l'ouverture
$("#form_media .form_media_preview").trigger("click");
// initiliasation des aperçu et du mode retouche selon le type de média
if($(this).attr('data-typemedia') == 1){ // média image
// ---- Gestion de l'aperçu
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
if($(this).attr('data-ext') == 'gif'){
// charge le gif
$(".tab_preview").html('<img class="svgElt" src=""/>');
$(".tab_preview img").attr("src", $(this).attr('data-src'));
}else if($(this).attr('data-ext') == 'pdf'){
// pdf : on affiche le lecteur pdf
$(".tab_preview").html('<embed src="" type="application/pdf">');
$(".tab_preview embed").attr("src", $(this).attr('data-src'));
}else{
// charge l'image de preview
$(".tab_preview").html('<div id="openseadragon" ></div>');
$("#openseadragon").css('width', '100%');
$("#openseadragon").css('height', minHeight);
viewer = OpenSeadragon({
id: "openseadragon",
tileSources: {
type: "image",
url: imgPreview,
}
});
}
// ---- Gestion de la retouche
if(jQuery.inArray($(this).attr('data-ext'), [ 'gif', 'psd', 'ai', 'pdf']) != -1){
// masque l'onglet retouche
$("#form_media .form_media_retouch").hide();
}else{
$("#form_media .form_media_retouch").show(); // on active l'onglet retouche
// charge l'image pour la retouche
$("#form_media .tab_retouch").html('<img id="drTarget" src="" >');
$("#drTarget").attr("src", imgPreview);
drPlugin = new Darkroom('#drTarget', {
minWidth: 200,
minHeight: 200,
maxWidth: minWidth,
maxHeight: minHeight,
plugins: {
save: {
callback: function() {
var dr = this.darkroom;
$.fancyConfirm({
title : "Retouche de l\'image",
message : "Êtes-vous sûr de vouloir modifier cette image ? (cette opération sera irréversible)",
okButton : 'Modifier l\'image',
noButton : 'Annuler',
callback : function (value) {
if (value) {
// récupère la nouvelle image
var newImage = dr.sourceCanvas.toDataURL();
// sauvegarde de l'image en base
$.ajax({
url: '/ajax/edit-photo',
method: 'POST',
dataType : 'json',
data: {
media_id: $(window).data('current_edit_media'),
cropData : $(window).data('cropData')
},
success: function(result){
// Fermeture de la popin
$(".form_media_close, .btn_tab_edit_cancel").trigger('click');
// MAJ du visuel dans la Liste
var mediaId = $(window).data('current_edit_media')
var $media = $(".media_container .imageItem[data-id='"+mediaId+"'] .media");
var mediaBg = $media.css('background-image', 'url('+result.folder+result.uid+"_thumb."+result.extension+'?t='+ new Date().getTime()+')');
},
error: function(jqXHR, textStatus, errorThrown) {
$.fancybox.close();
$.fancyMessage({title : "Attention", message : "Erreur lors de la sauvegarde de l'image, merci d'actualiser la page.", type : "error"});
}
});
}
}
});
}
},
}
});
}
}else if ($(this).attr('data-typemedia') == 2) { // média svg
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge le svg
$(".tab_preview").html('<img class="svgElt" src=""/>');
$(".tab_preview img").attr("src", $(this).attr('data-src'));
}else if ($(this).attr('data-typemedia') == 4) { // média audio
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge l'audio
$(".tab_preview").html('<audio controls src=""></audio>');
$(".tab_preview audio").attr("src", $(this).attr('data-src'));
}else if ($(this).attr('data-typemedia') == 3) { // média video
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge la vidéo
$(".tab_preview").html('<video src="" controls></video>');
$(".tab_preview video").attr("src", $(this).attr('data-src'));
}
// chargement des données du média
$.ajax({
url: '/ajax/get-media',
method: 'POST',
dataType : 'json',
data: {
media_id : $(window).data('current_edit_media'),
},
success: function(result){
// chargement des données
$(".tab_edit #arcadia_id").val(result.data.arcadia_id);
$(".tab_edit #libelle").val(result.data.libelle);
$(".tab_edit #sujetLibelle").val(result.data.sujet.libelle);
$(".tab_edit #typevues").val(result.data.typevue_id);
$(".tab_edit #variantes option").each(function(){
if($(this).attr('data-typevue')== result.data.typevue_id){
$(this).show();
}else{
$(this).hide();
}
});
$(".tab_edit #typemedias").val(result.data.typemedia_id);
$(".tab_edit #variantes").val(result.data.variante_id);
$(".tab_edit #langues").val(result.data.langue_id);
$(".tab_edit #commentaire").val(result.data.commentaire);
$(".tab_edit #version").val(result.data.version);
$(".tab_edit #created_at").val(result.data.created_at);
if(result.data.owner != null){
$(".tab_edit #created_by").val(result.data.owner.firstname+" "+result.data.owner.lastname);
}else{
$(".tab_edit #created_by").val("");
}
$(".tab_edit #updated_at").val(result.data.updated_at);
$(".tab_edit #published_at").val(result.data.published_at);
$(".tab_edit #statut").val(result.data.statut);
// articles lié
$(".tab_edit .article_selector table tbody").html('');
$(".tab_edit #articles").val('');
var elems = [];
$.each(result.data.articles, function (index, article) {
$articleItem = $(".tab_edit .hidden_row tr").clone();
$articleItem.find('.col_lib').html(article.noArt+" : "+article.libCcial);
$articleItem.find('.col_famVente').html(article.codFamVte+" : "+article.libFamVte);
$articleItem.find('.col_marque').html(article.codMarq+" : "+article.libMarq);
$articleItem.find('.col_gencodAdm').html(article.codGencodAdm);
$articleItem.find('.col_gencodSymb').html(article.codGencodSymb);
$articleItem.find('.col_gencodPds').html(article.codGencodPds);
$articleItem.find('.remove_article').attr('data-id', article.id);
$(".tab_edit .article_selector table tbody").append($articleItem);
elems.push(article.id);
});
$(".tab_edit #articles").val(elems.join());
// marque lié
$(".tab_edit .selector_marques .selector_values").html('');
$.each(result.data.marques, function (index, marque) {
$(".tab_edit .selector_marques .selector_values").append('<li data-value="'+marque.codMarq+'" >'+marque.libMarq+'</li>');
});
initSelector(".selector_marques");
// societés liées
$(".tab_edit .selector_societes .selector_values").html('');
$.each(result.data.societes, function (index, societe) {
$(".tab_edit .selector_societes .selector_values").append('<li data-value="'+societe.id+'" >'+societe.libelle+'</li>');
});
initSelector(".selector_societes");
// tags
if(result.tags){
$('#tag-editor').tagEditor('addTag', result.tags);
}
$(".tab_edit #etiquettes").val(result.data.etiquette_id);
$(".tab_edit #extension").val(result.data.extension);
$(".tab_edit #copyrights").val(result.data.copyright_id);
$(".tab_edit #largeur").val(result.data.largeur);
$(".tab_edit #hauteur").val(result.data.hauteur);
$(".tab_edit #resolution").val(result.data.resolution);
$(".tab_edit #largeur_mm").val(result.data.largeur_mm);
$(".tab_edit #hauteur_mm").val(result.data.hauteur_mm);
// Config de la fiche d'édition
if(result.data.sujet.sujet_arcadia == 0){
$(".tab_edit .arcadia_fields").hide();
}else{
$(".tab_edit .arcadia_fields").show();
}
$(".tab_edit .article_form, .tab_edit .marque_form, .tab_edit .societe_form").hide();
switch (result.data.sujet_id) {
case 1: // Visuel Article
$(".tab_edit .article_form").show();
break;
case 2: // Marque
$(".tab_edit .marque_form").show();
break;
case 4: // Sociétés
$(".tab_edit .societe_form").show();
break;
default:
}
// Config de la liste des vignettes
$(".tab_links .table_links tbody").html('');
$.each(result.vignettes, function (index, vignette) {
$linkItem = $(".tab_links .row_copy_hidden table tr").clone();
$linkItem.find('.link_libelle').html(vignette.libelle+" "+vignette.extension+" "+vignette.resolution);
$linkItem.find('.link_input input').val(vignette.url);
$(".tab_links .table_links tbody").append($linkItem);
});
// affiche la popin
$("#form_media").fadeIn('fast');
},
error: function(jqXHR, textStatus, errorThrown) {
// si le plugin de retouche a déjà été chargé
if(drPlugin !== null){
drPlugin.selfDestroy(); drPlugin = null; // on détruit le plugin de retouche
}
// si le plugin de preview a déjà été chargé
if(viewer !== null){
viewer.destroy(); viewer = null; // on détruit le plugin de preview
}
$('#tag-editor').tagEditor('destroy'); $('#tag-editor').val(''); // on détruit le plugin de tag
$.fancyMessage({title : "Edition d'un média", message : "Ouverture du média impossible. Merci d'actualiser la page.", type : "error"});
}
});
openEditor({
id: $(this).attr('data-id'),
preview: $(this).attr('data-preview'),
src: $(this).attr('data-src'),
depot: $(this).attr('data-depot'),
typemedia: $(this).attr('data-typemedia'),
ext: $(this).attr('data-ext'),
}, drPlugin, viewer);
});
$("#CloseListUploadedFiles").on('click', function (e) {
e.preventDefault();
if ( confirm( "En cliquant sur OK, vous confirmez que vous avez édité tous vos fichiers." ) ) {
$.fancybox.close();
}
});
$(".list_uploaded_files").on('click', '.open-editor' ,function(e){
e.preventDefault();
$('body').css('cursor', 'progress');
const id = $(this).data('id');
$.ajax({
url: '/ajax/get-media',
method: 'POST',
dataType : 'json',
data: {
media_id : id,
},
success: function(result){
result = result.data;
$('body').css('cursor', 'default');
openEditor({
id: result.id,
preview: result.folder + result.uid + '_preview.' + result.extension,
src: result.folder + result.uid + '.' + result.extension,
depot: 0,
typemedia: result.typemedia_id,
ext: result.extension,
}, drPlugin, viewer);
},
error: function (error) {
$.fancybox.close();
$.fancyMessage({title : "Ajout de médias", message : "Erreur lors de l'opération, merci d'actualiser la page.", type : "error"});
}
});
});
// ---- fermeture de la popup d'édition
$(".form_media_close, .btn_tab_edit_cancel").on("click" , function(event) {
@ -1147,7 +934,7 @@ $(document).ready(function() {
version : $(".tab_edit #version").val(),
statut : $(".tab_edit #statut").val(),
copyright_id : $(".tab_edit #copyrights").val(),
etiquette_id : $(".tab_edit #etiquettes").val(),
//etiquette_id : $(".tab_edit #etiquettes").val(),
tags : $('#tag-editor').tagEditor('getTags')[0].tags,
societes : $(".tab_edit .selector_societes .selector_dataValues").val(),
marques : $(".tab_edit .selector_marques .selector_dataValues").val(),
@ -1217,6 +1004,7 @@ $(document).ready(function() {
$('.add_media_without_file').on('click',function(event){
event.preventDefault();
$.fancybox.close();
$('body').css('cursor', 'progress');
$.ajax({
url: '/ajax/add-media',
method: 'POST',
@ -1236,6 +1024,18 @@ $(document).ready(function() {
count.html(parseInt(count.html())+1);
$(".reinit_search_btn").trigger("click");
$('body').css('cursor', 'default');
openEditor({
id: result.id,
preview: result.folder + result.uid + "_preview." + result.extension,
src: result.folder + result.uid + "." + result.extension,
depot: 0,
typemedia: result.typemedia_id,
ext: result.extension,
}, drPlugin, viewer);
},
error: function(jqXHR, textStatus, errorThrown) {
$(".folder_container .loader").hide();
@ -1287,6 +1087,8 @@ $(document).ready(function() {
var maxFiles = 100;
var counter = 0;
var replaceMediaId = 0;
var uploadedFiles = [];
$('#fileupload').fileupload({
url: "/ajax/upload-media",
dataType: 'json',
@ -1361,6 +1163,8 @@ $(document).ready(function() {
$(".uploader-window").stop().fadeOut( "fast");
},
done: function (e, data) {
uploadedFiles.push(data.result.files[0]);
$.each(data.files, function (index, file) {
currentfiles = arrayRemove(currentfiles, $.trim(file.name));
});
@ -1372,8 +1176,42 @@ $(document).ready(function() {
var count = $(".folder_container .dd3-item[data-id='"+currentFolder+"'] > .dd3-content .count");
}
count.html(parseInt(count.html())+data.files.length);
// Si c'est une modification d'image d'un média
if (replaceMediaId != 0){
openEditor({
id: data.result.files[0].id,
preview: data.result.files[0].folder + data.result.files[0].uid + "_preview." + data.result.files[0].extension,
src: data.result.files[0].folder + data.result.files[0].uid + "." + data.result.files[0].extension,
depot: 0,
typemedia: data.result.files[0].typemedia_id,
ext: data.result.files[0].extension,
}, drPlugin, viewer);
}else{
$.fancybox.close();
$('.list_uploaded_files').empty();
$.each(uploadedFiles, function (index, file) {
$('.list_uploaded_files').append('<p class="list_uploaded_files_p">'+ file.libelle + '.' + file.extension +'<button class="btn btn-sm btn-primary open-editor" data-id="'+ file.id +'">Editer</button></p>');
});
uploadedFiles = [];
$.fancybox.open({
src : '#ListUploadedFiles',
type : 'inline',
opts : {
modal: true,
animationDuration : 350,
animationEffect : 'material',
beforeShow : function( instance, current ) {
}
}
});
}
},
stop: function (e,) {
stop: function (e) {
$(".files").html("");
counter = 0;
currentfiles = [];
@ -1384,11 +1222,6 @@ $(document).ready(function() {
$(".reinit_search_btn").trigger("click");
$("#submit").html('Transférer');
$("#submit").css("pointer-events", "auto");
if(replaceMediaId != 0){
// Fermeture de la popin d'édition de média
$(".form_media_close, .btn_tab_edit_cancel").trigger('click');
}
},
fail: function (e, data) {
$.each(data.files, function (index, file) {
@ -1644,14 +1477,14 @@ window.loadMedia = function(sujet_id, saveSearch = 0){
output += '<div class="imageItem" data-id="'+item.id+'" data-depot="'+result.isDepot+'" data-ext="'+item.extension+'" data-typemedia="'+item.typemedia_id+'" data-preview="'+preview+'" data-src="'+item.folder+item.uid+"."+item.extension+'" draggable="'+draggable+'" aria-grabbed="false">';
output += '<div class="etiquette" style="background-color:'+item.etiquette.color+'; border-color:'+item.etiquette.color+';" data-id="'+item.etiquette.etiquette_id+'" >'+item.etiquette.libelle+'</div>';
//output += '<div class="etiquette" style="background-color:'+item.etiquette.color+'; border-color:'+item.etiquette.color+';" data-id="'+item.etiquette.etiquette_id+'" >'+item.etiquette.libelle+'</div>';
output += '<div class="contextMenu"><ul>';
output += '<li class="menu-option editItem"><i class="fas fa-edit"></i> Editer</li>';
output += '<li class="menu-option downloadItem"><i class="fas fa-file-download"></i> Télécharger</li>';
output += '<li class="menu-option addBasket"><i class="fas fa-shopping-basket"></i> Ajouter au panier</li>';
if(result.role != 2 ){
output += '<li class="menu-option deleteItem"><i class="fas fa-trash-alt"></i> Supprimer</li>';
output += '<li class="menu-option tagItem"><i class="fas fa-tags"></i> Etiquette</li>';
//output += '<li class="menu-option tagItem"><i class="fas fa-tags"></i> Etiquette</li>';
}
output += '</ul></div>';
output += '<div class="media '+itemClass+'" style="background-image:url('+thumb+')"></div>';
@ -1833,3 +1666,284 @@ window.create_UUID = function(){
});
return uuid;
}
window.openEditor = function (obj, drPlugin, viewer) {
console.log("openEditor Called");
// si le plugin de retouche a déjà été chargé
if(drPlugin != null){
drPlugin.selfDestroy(); drPlugin = null; // on détruit le plugin de retouche
}
// si le plugin de preview a déjà été chargé
if(viewer != null){
// on détruit le plugin de preview
viewer.destroy();
viewer = null;
}
$(".tab_preview").html('');
$('#tag-editor').tagEditor('destroy'); $('#tag-editor').val(''); // on détruit le plugin de tag
// récupère l'image de preview
const imgPreview = obj.preview + '?t='+ new Date().getTime();
if(obj.depot == 1){
if(obj.typemedia == 1|| obj.typemedia == 2){ // image
$.fancybox.open('<img style="width: 640px; height:auto;" src="'+imgPreview+'" alt="" />');
}else if (obj.typemedia == 3) { // vidéo
$.fancybox.open('<video src="'+ obj.src +'" controls></video>');
}else if (obj.typemedia == 4) { // Audio
$.fancybox.open('<audio controls src="'+ obj.src +'"></audio>');
}
return false;
}
// initialise le nuage de Tags
$('#tag-editor').val('');
$('#tag-editor').tagEditor({
placeholder: 'Saissisez des tags',
removeDuplicates : false,
clickDelete : true,
initialTags: []
});
var minWidth = $(document).width();
var minHeight = $(document).height()-43-40;
// Mémorise le média courant
$(window).data('current_edit_media', obj.id);
// sélectionne la tab preview à l'ouverture
$("#form_media .form_media_preview").trigger("click");
// initiliasation des aperçu et du mode retouche selon le type de média
if(obj.typemedia == 1){ // média image
// ---- Gestion de l'aperçu
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
if(obj.ext == 'gif'){
// charge le gif
$(".tab_preview").html('<img class="svgElt" src=""/>');
$(".tab_preview img").attr("src", obj.src);
}else if(obj.ext == 'pdf'){
// pdf : on affiche le lecteur pdf
$(".tab_preview").html('<embed src="" type="application/pdf">');
$(".tab_preview embed").attr("src", obj.src);
}else{
// charge l'image de preview
$(".tab_preview").html('<div id="openseadragon" ></div>');
$("#openseadragon").css('width', '100%');
$("#openseadragon").css('height', minHeight);
viewer = new OpenSeadragon({
id: "openseadragon",
tileSources: {
type: "image",
url: imgPreview,
}
});
}
// ---- Gestion de la retouche
if(jQuery.inArray(obj.ext, [ 'gif', 'psd', 'ai', 'pdf']) != -1){
// masque l'onglet retouche
$("#form_media .form_media_retouch").hide();
}else{
$("#form_media .form_media_retouch").show(); // on active l'onglet retouche
// charge l'image pour la retouche
$("#form_media .tab_retouch").html('<img id="drTarget" src="" >');
$("#drTarget").attr("src", imgPreview);
drPlugin = new Darkroom('#drTarget', {
minWidth: 200,
minHeight: 200,
maxWidth: minWidth,
maxHeight: minHeight,
plugins: {
save: {
callback: function() {
var dr = this.darkroom;
$.fancyConfirm({
title : "Retouche de l\'image",
message : "Êtes-vous sûr de vouloir modifier cette image ? (cette opération sera irréversible)",
okButton : 'Modifier l\'image',
noButton : 'Annuler',
callback : function (value) {
if (value) {
// récupère la nouvelle image
var newImage = dr.sourceCanvas.toDataURL();
// sauvegarde de l'image en base
$.ajax({
url: '/ajax/edit-photo',
method: 'POST',
dataType : 'json',
data: {
media_id: $(window).data('current_edit_media'),
cropData : $(window).data('cropData')
},
success: function(result){
// Fermeture de la popin
$(".form_media_close, .btn_tab_edit_cancel").trigger('click');
// MAJ du visuel dans la Liste
var mediaId = $(window).data('current_edit_media')
var $media = $(".media_container .imageItem[data-id='"+mediaId+"'] .media");
var mediaBg = $media.css('background-image', 'url('+result.folder+result.uid+"_thumb."+result.extension+'?t='+ new Date().getTime()+')');
},
error: function(jqXHR, textStatus, errorThrown) {
$.fancybox.close();
$.fancyMessage({title : "Attention", message : "Erreur lors de la sauvegarde de l'image, merci d'actualiser la page.", type : "error"});
}
});
}
}
});
}
},
}
});
}
}else if (obj.typemedia == 2) { // média svg
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge le svg
$(".tab_preview").html('<img class="svgElt" src=""/>');
$(".tab_preview img").attr("src", obj.src);
}else if (obj.typemedia == 4) { // média audio
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge l'audio
$(".tab_preview").html('<audio controls src=""></audio>');
$(".tab_preview audio").attr("src", obj.src);
}else if (obj.typemedia == 3) { // média video
$("#form_media .form_media_retouch").hide(); // masque l'onglet retouche
$("#form_media .form_media_preview").show(); // on active l'onglet aperçu
// charge la vidéo
$(".tab_preview").html('<video src="" controls></video>');
$(".tab_preview video").attr("src", obj.src);
}
// chargement des données du média
$.ajax({
url: '/ajax/get-media',
method: 'POST',
dataType : 'json',
data: {
media_id : $(window).data('current_edit_media'),
},
success: function(result){
// chargement des données
$(".tab_edit #arcadia_id").val(result.data.arcadia_id);
$(".tab_edit #libelle").val(result.data.libelle);
$(".tab_edit #sujetLibelle").val(result.data.sujet.libelle);
$(".tab_edit #typevues").val(result.data.typevue_id);
$(".tab_edit #variantes option").each(function(){
if($(this).attr('data-typevue')== result.data.typevue_id){
$(this).show();
}else{
$(this).hide();
}
});
$(".tab_edit #typemedias").val(result.data.typemedia_id);
$(".tab_edit #variantes").val(result.data.variante_id);
$(".tab_edit #langues").val(result.data.langue_id);
$(".tab_edit #commentaire").val(result.data.commentaire);
$(".tab_edit #version").val(result.data.version);
$(".tab_edit #created_at").val(result.data.created_at);
if(result.data.owner != null){
$(".tab_edit #created_by").val(result.data.owner.firstname+" "+result.data.owner.lastname);
}else{
$(".tab_edit #created_by").val("");
}
$(".tab_edit #updated_at").val(result.data.updated_at);
$(".tab_edit #published_at").val(result.data.published_at);
$(".tab_edit #statut").val(result.data.statut);
// articles lié
$(".tab_edit .article_selector table tbody").html('');
$(".tab_edit #articles").val('');
var elems = [];
$.each(result.data.articles, function (index, article) {
$articleItem = $(".tab_edit .hidden_row tr").clone();
$articleItem.find('.col_lib').html(article.noArt+" : "+article.libCcial);
$articleItem.find('.col_famVente').html(article.codFamVte+" : "+article.libFamVte);
$articleItem.find('.col_marque').html(article.codMarq+" : "+article.libMarq);
$articleItem.find('.col_gencodAdm').html(article.codGencodAdm);
$articleItem.find('.col_gencodSymb').html(article.codGencodSymb);
$articleItem.find('.col_gencodPds').html(article.codGencodPds);
$articleItem.find('.remove_article').attr('data-id', article.id);
$(".tab_edit .article_selector table tbody").append($articleItem);
elems.push(article.id);
});
$(".tab_edit #articles").val(elems.join());
// marque lié
$(".tab_edit .selector_marques .selector_values").html('');
$.each(result.data.marques, function (index, marque) {
$(".tab_edit .selector_marques .selector_values").append('<li data-value="'+marque.codMarq+'" >'+marque.libMarq+'</li>');
});
initSelector(".selector_marques");
// societés liées
$(".tab_edit .selector_societes .selector_values").html('');
$.each(result.data.societes, function (index, societe) {
$(".tab_edit .selector_societes .selector_values").append('<li data-value="'+societe.id+'" >'+societe.libelle+'</li>');
});
initSelector(".selector_societes");
// tags
if(result.tags){
$('#tag-editor').tagEditor('addTag', result.tags);
}
//$(".tab_edit #etiquettes").val(result.data.etiquette_id);
$(".tab_edit #extension").val(result.data.extension);
$(".tab_edit #copyrights").val(result.data.copyright_id);
$(".tab_edit #largeur").val(result.data.largeur);
$(".tab_edit #hauteur").val(result.data.hauteur);
$(".tab_edit #resolution").val(result.data.resolution);
$(".tab_edit #largeur_mm").val(result.data.largeur_mm);
$(".tab_edit #hauteur_mm").val(result.data.hauteur_mm);
// Config de la fiche d'édition
if(result.data.sujet.sujet_arcadia == 0){
$(".tab_edit .arcadia_fields").hide();
}else{
$(".tab_edit .arcadia_fields").show();
}
$(".tab_edit .article_form, .tab_edit .marque_form, .tab_edit .societe_form").hide();
switch (result.data.sujet_id) {
case 1: // Visuel Article
$(".tab_edit .article_form").show();
break;
case 2: // Marque
$(".tab_edit .marque_form").show();
break;
case 4: // Sociétés
$(".tab_edit .societe_form").show();
break;
default:
}
// Config de la liste des vignettes
$(".tab_links .table_links tbody").html('');
$.each(result.vignettes, function (index, vignette) {
$linkItem = $(".tab_links .row_copy_hidden table tr").clone();
$linkItem.find('.link_libelle').html(vignette.libelle+" "+vignette.extension+" "+vignette.resolution);
$linkItem.find('.link_input input').val(vignette.url);
$(".tab_links .table_links tbody").append($linkItem);
});
// affiche la popin
$("#form_media").fadeIn('fast');
},
error: function(jqXHR, textStatus, errorThrown) {
// si le plugin de retouche a déjà été chargé
if(drPlugin !== null){
drPlugin.selfDestroy(); drPlugin = null; // on détruit le plugin de retouche
}
// si le plugin de preview a déjà été chargé
if(viewer !== null){
viewer.destroy(); viewer = null; // on détruit le plugin de preview
}
$('#tag-editor').tagEditor('destroy'); $('#tag-editor').val(''); // on détruit le plugin de tag
$.fancyMessage({title : "Edition d'un média", message : "Ouverture du média impossible. Merci d'actualiser la page.", type : "error"});
}
});
}

12
resources/sass/partials/fileupload.scss vendored
View file

@ -208,3 +208,15 @@
}
}
.list_uploaded_files {
margin-top: 15px;
margin-bottom: 15px;
}
.list_uploaded_files_p {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}

7
resources/sass/partials/form.scss vendored
View file

@ -28,6 +28,13 @@ textarea{
}
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem !important;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem !important;
}
input[type="submit"].btn, button.btn, a.btn{
border-radius: 17px;
padding: 9px 19px;

6
resources/sass/partials/media.scss vendored
View file

@ -735,12 +735,16 @@
POPUP EDITION MEDIA
******************************************/
.high-level {
z-index: 150000 !important;
}
#form_media{
width: 100%;
height: 100%;
background-color: $grey3;
position: absolute;
z-index: 99;
z-index: 100000;
left: 0;
top: 0;

10
resources/views/layouts/media_edit.blade.php
View file

@ -82,9 +82,9 @@
<input type="text" id="updated_at" name="updated_at" readonly >
</div>
<!--<div class="row">
<label for="published_at">Date de publication</label>
<input type="date" id="published_at" name="published_at" >
</div>-->
<label for="published_at">Date de publication</label>-->
<input type="hidden" id="published_at" name="published_at" >
<!--</div>-->
<div class="row">
<label for="statut">Statut</label>
<select id="statut" name="statut">
@ -174,14 +174,14 @@
<textarea id="tag-editor"></textarea>
</div>
</div>
<div class="row">
<!--<div class="row">
<label for="etiquettes">Etiquette</label>
<select id="etiquettes" name="etiquettes">
@foreach ($etiquettes as $etiquette)
<option value="{{$etiquette->etiquette_id}}" >{{$etiquette->libelle}}</option>
@endforeach
</select>
</div>
</div>-->
</div>
<div class="wrapper">
<h3>Informations techniques</h3>

21
resources/views/media_manager.blade.php
View file

@ -59,6 +59,7 @@
<ul></ul>
</div>
</div>
<!--
<div class="filter_selector filter" data-lib-type="Etiquette : " data-type="etiquette_id">
<div class="filter_btn">Etiquette <i class="fas fa-caret-down"></i></div>
<div class="list list_etiquette" style="display:none;">
@ -68,7 +69,7 @@
@endforeach
</ul>
</div>
</div>
</div> -->
<div class="filter" data-lib-type="" data-type="arcadia_id">
<input type="checkbox" id="arcadia" name="arcadia" value="1">
<label for="arcadia">Lié au référentiel</label>
@ -92,9 +93,11 @@
@if (Auth::user()->hasRole([config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
<a href="#" class="action_delete_media"><i class="fas fa-trash-alt"></i> Supprimer</a>
@endif
<!--
@if (Auth::user()->hasRole([config('roles.const.CONTRIBUTEUR'), config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
<a href="#" class="action_tag_media"><i class="fas fa-tags"></i> Etiquette</a>
@endif
-->
<div class="display">
<i class="fas fa-th selected"></i>
@ -180,7 +183,7 @@
<a href="#" class="btn form_basket_save btn-square"><i class="fal fa-spinner-third fa-spin"></i><i class="fas fa-share"></i> Enregistrer</a><a href="#" class="btn close_popup btn-black btn-square">Fermer</a>
</p>
</div>
<!--
<div id="form_etiquette" style="display: none;" data-id="" >
<h3>Appliquez une étiquette</h3>
<hr/>
@ -190,7 +193,7 @@
@endforeach
</ul>
</div>
-->
<div id="form_select_add_media" style="display: none;" >
<h3>Ajouter des médias</h3>
<hr/>
@ -216,7 +219,7 @@
</form>
</div>
<div class="upload_container">
<div class="upload_container high-level">
<span class="fileinput-button">
<i class="fas fa-plus-circle"></i><span> Ajouter vos médias</span>
<input id="fileupload" type="file" name="files[]" multiple>
@ -238,6 +241,16 @@
<br>
</div>
<div id="ListUploadedFiles" style="display: none;" >
<h3><i class="fas fa-user-cog"></i> Gestion des médias téléversés</h3>
<hr/>
<div class="list_uploaded_files"></div>
<hr/>
<div style="margin-top: 20px; text-align: center;">
<a id="CloseListUploadedFiles" class="btn" href="#">Fermer</a>
</div>
</div>
@endsection
@section('scripts')
<script src="{{ asset('js/jquery.nestable.min.js') }}" defer></script>