';
output += '
' + item.etiquette.libelle + '
';
output += '';
output += '
';
output += '
' + item.libelle + '
';
@@ -12634,7 +12923,7 @@ function loadMedia(dossier_id, sujet_id) {
$(window).data('ajaxready', true);
}
});
-} // ---- Supression de médias
+}; // ---- Supression de médias
function removeMedias(medias) {
@@ -12664,7 +12953,7 @@ function removeMedias(medias) {
$(".media_container .imageItem[data-id='" + value + "']").remove();
}); // ---- MAJ du nb de média dans le dossier
- var currentFolder = $(".currentFolder").val();
+ var currentFolder = $(window).data('currentFolder');
if (currentFolder == 0 || currentFolder == "") {
var count = $(".folder_container .root_folder .count");
@@ -12790,22 +13079,22 @@ function addItem(parent_id, item_id, content) {
$('.dd .dd-item[data-id="' + parent_id + '"] > ol').append(html);
}
-function arrayRemove(arr, value) {
+window.arrayRemove = function (arr, value) {
return arr.filter(function (ele) {
return ele != value;
});
-}
+};
-function FileConvertSize(aSize) {
+window.FileConvertSize = function (aSize) {
aSize = Math.abs(parseInt(aSize, 10));
var def = [[1, 'octets'], [1024, 'ko'], [1024 * 1024, 'Mo'], [1024 * 1024 * 1024, 'Go'], [1024 * 1024 * 1024 * 1024, 'To']];
for (var i = 0; i < def.length; i++) {
if (aSize < def[i][0]) return (aSize / def[i - 1][0]).toFixed(2) + ' ' + def[i - 1][1];
}
-}
+};
-function create_UUID() {
+window.create_UUID = function () {
var dt = new Date().getTime();
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
var r = (dt + Math.random() * 16) % 16 | 0;
@@ -12813,7 +13102,167 @@ function create_UUID() {
return (c == 'x' ? r : r & 0x3 | 0x8).toString(16);
});
return uuid;
-}
+};
+
+/***/ }),
+
+/***/ "./resources/js/searchengine.js":
+/*!**************************************!*\
+ !*** ./resources/js/searchengine.js ***!
+ \**************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+$(document).ready(function () {
+ /******************************
+ Moteur de recherche de médias
+ **********************************/
+ // ---- Initialisation du module de recherche
+ if ($('.search_wrapper').length) {
+ // ---- Par défaut déselectionne toutes les checkbox
+ $(".filter").find('input[type="checkbox"]').prop("checked", false); // ---- Initialisation des listes
+
+ $(".filter_selector .filter_btn").on('click', function (event) {
+ $(".filter_selector .list").not($(this).parent().find(".list")).hide();
+ $(this).parent().find(".list").toggle();
+ }); // ---- Initialisation du champ de recherche
+
+ $(".search_filters .search_value").on('keypress', function (event) {
+ if (event.keyCode == 13) {
+ $(".search_filters .search_btn").trigger('click');
+ }
+ }); // ---- Clique sur le bouton de recherche
+
+ $(".search_filters .search_btn").on('click', function (event) {
+ // on créé un object filtre
+ var filter = {
+ type: "search",
+ legend: "Recherche : ",
+ value: $(".search_filters .search_value").val(),
+ libelle: [$(".search_filters .search_value").val()]
+ }; // MAJ du filtre principal et de l'affichage
+
+ updateFilter(filter); // On lance la recherche
+
+ var sujet_id = $("#sujet_selector").val();
+ $(window).data('offset', 0);
+ loadMedia(sujet_id);
+ }); // ---- Clique sur un filtre
+
+ $(".filter").on('click', 'input[type="checkbox"]', function (event) {
+ var values = [];
+ var libelles = []; // on créé un object filtre
+
+ var filter = {
+ type: $(this).parents(".filter").attr('data-type'),
+ legend: $(this).parents(".filter").attr('data-lib-type'),
+ value: [],
+ libelle: []
+ }; // on y insère toutes les valeurs de ce même type de filtre
+
+ $(this).parents(".filter").find('input[type="checkbox"]').each(function (index, cb) {
+ if ($(this).is(':checked')) {
+ filter.value.push($(this).val());
+ filter.libelle.push($(this).next("label").html());
+ }
+ }); // MAJ du filtre principal et de l'affichage
+
+ updateFilter(filter); // On lance la recherche
+
+ var sujet_id = $("#sujet_selector").val();
+ $(window).data('offset', 0);
+ loadMedia(sujet_id);
+ }); // ---- Réinitialisation de la recherche
+
+ $(".reinit_search_btn").on('click', function (event) {
+ event.preventDefault(); // Vide la bar recherche
+
+ $.each(Object.keys($(window).data('filter')), function (index, value) {
+ if (value != "currentFolder") $(".search_filters_list #" + value).remove();
+ }); // supprime tous les éléments de recherche
+
+ $(window).data('filter', {}); // masque le bouton de reinitialisation
+
+ $(".filter_wrapper .reinit_search_btn").hide(); // ---- Initialisation des listes
+
+ $(".filter").find('input[type="checkbox"]').prop("checked", false); // On lance la recherche
+
+ var sujet_id = $("#sujet_selector").val();
+ $(window).data('offset', 0);
+ loadMedia(sujet_id);
+ }); // ---- Suppression d'un filtre
+
+ $(".search_filters_list").on('click', '.filter_item', function (event) {
+ event.preventDefault();
+ var filters = $(window).data('filter');
+ var type = $(this).attr('id'); // Supprime l'élément dans la bar recherche
+
+ $(".search_filters_list #" + type).remove();
+
+ if (type == "currentFolder") {
+ $(".folder_container .dd3-content").removeClass('selected');
+ $(".folder_container .root_folder").removeClass('selected');
+ $(window).data('currentFolder', -1);
+ } else {
+ // supprime la propriété dans l'objet
+ if ("undefined" !== typeof filters[type]) {
+ // si l'object à cette propriété
+ delete filters[type]; // on l'a supprime
+ }
+
+ $(window).data('filter', filters); // ---- Initialisation des listes
+
+ $(".search_filters .filter[data-type='" + type + "']").find('input[type="checkbox"]').prop("checked", false);
+ } // masque le bouton de reinitialisation
+
+
+ if (Object.keys($(window).data('filter')).length == 0) {
+ $(".filter_wrapper .reinit_search_btn").hide();
+ } // On lance la recherche
+
+
+ var sujet_id = $("#sujet_selector").val();
+ $(window).data('offset', 0);
+ loadMedia(sujet_id);
+ });
+ }
+});
+
+window.updateFilter = function (filter) {
+ var filters = $(window).data('filter'); // si ce filtre n'a pas de valeur
+
+ if (filter.value.length == 0) {
+ $(".search_filters_list #" + filter.type).remove(); // on supprime le filtre de la liste
+
+ if ("undefined" !== typeof filters[filter.type]) {
+ // si l'object à cette propriété
+ delete filters[filter.type]; // on l'a supprime
+ } // si on a des valeurs pour ce filtre
+
+ } else {
+ // on met à jour l'objet filtre
+ filters[filter.type] = filter;
+ $(window).data('filter', filters); // si le filtre n'existe pas dans la liste on l'ajoute
+
+ if (!$(".search_filters_list #" + filter.type).length) {
+ var output = '
';
+ output += '' + filter.legend + '';
+ output += '';
+ output += '';
+ output += '';
+ $(".search_filters_list").append(output);
+ }
+
+ $(".search_filters_list #" + filter.type + " .value").html(filter.libelle.join());
+ } // affiche/masque le bouton de reinitialisation
+
+
+ if (Object.keys($(window).data('filter')).length > 0) {
+ $(".filter_wrapper .reinit_search_btn").show();
+ } else {
+ $(".filter_wrapper .reinit_search_btn").hide();
+ }
+};
/***/ }),
@@ -12829,15 +13278,17 @@ function create_UUID() {
/***/ }),
/***/ 0:
-/*!*************************************************************************************************************!*\
- !*** multi ./resources/js/app.js ./resources/js/admin.js ./resources/js/media.js ./resources/sass/app.scss ***!
- \*************************************************************************************************************/
+/*!********************************************************************************************************************************************************************!*\
+ !*** multi ./resources/js/app.js ./resources/js/admin.js ./resources/js/media.js ./resources/js/depot.js ./resources/js/searchengine.js ./resources/sass/app.scss ***!
+ \********************************************************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
__webpack_require__(/*! D:\sources\www\ldc-dam\resources\js\app.js */"./resources/js/app.js");
__webpack_require__(/*! D:\sources\www\ldc-dam\resources\js\admin.js */"./resources/js/admin.js");
__webpack_require__(/*! D:\sources\www\ldc-dam\resources\js\media.js */"./resources/js/media.js");
+__webpack_require__(/*! D:\sources\www\ldc-dam\resources\js\depot.js */"./resources/js/depot.js");
+__webpack_require__(/*! D:\sources\www\ldc-dam\resources\js\searchengine.js */"./resources/js/searchengine.js");
module.exports = __webpack_require__(/*! D:\sources\www\ldc-dam\resources\sass\app.scss */"./resources/sass/app.scss");
diff --git a/resources/js/app.js b/resources/js/app.js
index e35e5c9..471762e 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -21,6 +21,12 @@ jQuery.fn.scrollParent = function() {
return position === "fixed" || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent;
};
+// ---- Configuration de base des filtres médias
+$(window).data('offset', 0);
+$(window).data('limit', 50);
+$(window).data('currentFolder', 0);
+$(window).data('filter', {});
+
//confirm popup
$.fancyConfirm = function( opts ) {
opts = $.extend( true, {
@@ -107,14 +113,19 @@ $(".userbar").on('click',function(event) {
$(document).mouseup(function(e) {
var container = $(".userbar");
- var menuContextuel = $(".folder_container .folder_menu");
if (!container.is(e.target) && container.has(e.target).length === 0) {
$(".submenu").hide();
}
+ var menuContextuel = $(".folder_container .folder_menu");
if (!menuContextuel.is(e.target) && menuContextuel.has(e.target).length === 0) {
menuContextuel.hide();
}
+
+ var filter_list = $(".filter_selector");
+ if (!filter_list.is(e.target) && filter_list.has(e.target).length === 0) {
+ $(".filter_selector .list").hide();
+ }
});
// ---- Header : Ouverture formulaire de contact
diff --git a/resources/js/depot.js b/resources/js/depot.js
new file mode 100644
index 0000000..e673ad7
--- /dev/null
+++ b/resources/js/depot.js
@@ -0,0 +1,176 @@
+
+$(document).ready(function() {
+
+ /******************************
+ Dépôt de média
+ **********************************/
+
+ // ---- Initialisation du module de dépôt
+ if($('#uploadDepot').length){
+ $.ajaxSetup({
+ headers: {
+ 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+ }
+ });
+ var dossier_id = 0;
+ var cancel_btn = $('
')
+ .addClass('cancel')
+ .html('
');
+ var upload_btn = $('
')
+ .addClass('upload')
+ .css('display', 'none');
+
+ $('#submit').on('click',function(event){
+ event.preventDefault();
+
+ if(!$(".form_depot_media")[0].checkValidity()){
+ $(".form_depot_media")[0].reportValidity()
+ $.fancyMessage({title : "Dépôt de médias", message : "Veuillez compléter tous les champs avant de lancer le transfert.", type : "error"});
+ return false;
+ }
+ if(currentfiles.length == 0){
+ $.fancyMessage({title : "Dépôt de médias", message : "Veuillez ajouter des médias avant de lancer le transfert.", type : "error"});
+ return false;
+ }
+
+ var currentdate = new Date();
+ folderName = $("#depot_societe").val().replace(' ', '_')+"_"+currentdate.getFullYear().toString()+("0" +(currentdate.getMonth()+1)).slice(-2)+currentdate.getDate().toString()+"_"+currentdate.getHours().toString()+currentdate.getMinutes().toString()+ currentdate.getSeconds().toString();
+ var description = "Nom : "+$("#depot_nom").val()+'\n'+"Société : "+$("#depot_societe").val()+'\n'+$("#depot_description").val();
+
+ // création d'un dossier de dépôt
+ $("#upload_errors").html("");
+ $.ajax({
+ url: '/ajax/add-depot-folder',
+ method: 'POST',
+ dataType : 'json',
+ data: {
+ libelle: folderName,
+ description : description,
+ },
+ success: function(result){
+ dossier_id = result.folder_id;
+ $('.upload').click() //click upload buttons and upload all files in the queue
+ },
+ error: function(jqXHR, textStatus, errorThrown) {
+
+ }
+ });
+ });
+ $('#cancel').on('click',function(event){
+ event.preventDefault();
+ $('.cancel').click() //click cancel buttons and remove all files in the queue
+ $("#upload_errors").html("");
+ });
+
+ $(".uploader-window").on("dragleave", function(){
+ $(this).stop().fadeOut( "fast");
+ });
+
+ var currentfiles = [];
+ var maxFiles = 20;
+ var counter = 0;
+ $('#uploadDepot').fileupload({
+ url: "/ajax/upload-media",
+ dataType: 'json',
+ limitMultiFileUploads: 10,
+ maxChunkSize: 8000000,
+ maxNumberOfFiles: 2,
+ dragover: function (e, data) {
+ $(".uploader-window").fadeIn( "fast");
+ },
+ add: function (e, data) {
+
+ if(counter < maxFiles){
+ counter++;
+ }else{
+ $.fancyMessage({title : "Attention", message : "Vous ne pouvez pas ajouter plus de "+maxFiles+" fichiers", type : "info"});
+ return false;
+ }
+
+ data.files = $.map(data.files, function(file,i){
+ if ($.inArray(file.name,currentfiles) >= 0) {
+ $.fancyMessage({title : "Attention", message : "Nous ne pouvons pas envoyer plusieurs fichiers du même nom. Veuillez renommer vos fichiers puis essayez à nouveau.", type : "error"});
+ return null;
+ }
+ return file;
+ });
+
+ $.each(data.files, function (index, file) {
+
+ var uploadErrors = [];
+ var acceptFileTypes = /^(gif|jpe?g|png|mp4|mp3|psd|ai|svg|pdf)$/i;
+ if(file.name.split('.').pop().length && !acceptFileTypes.test(file.name.split('.').pop())) {
+ uploadErrors.push('Ce type de fichier n\'est pas accepté');
+ }
+ if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
+ uploadErrors.push('La taille du fichier est trop grande.');
+ }
+ if(uploadErrors.length > 0) {
+ alert(uploadErrors.join("\n"));
+ return false;
+ }
+
+ currentfiles.push($.trim(file.name));
+ var row = document.createElement('div');
+ var col1 = document.createElement('div');
+ var col2 = document.createElement('div');
+ $(col1).append("
"+file.name+"").append(cancel_btn.clone(true).data(data));
+ $(col2).append("
"+file.type+" - "+FileConvertSize(file.size)+"");
+ $(col2).append(upload_btn.clone(true).data(data));
+ $(row).append(col1, col2);
+ $(".files").append(row);
+
+ $('.upload').eq(-1).on('click',function(){
+ data.formData = {
+ uid: create_UUID(),
+ dossier_id: dossier_id,
+ };
+ data.submit();
+ })
+ $('.cancel').eq(-1).on('click',function(){
+ $(this).parent().parent().remove();
+ currentfiles = arrayRemove(currentfiles, $.trim(file.name));
+ })
+ });
+
+ },
+ start: function (e, data) {
+ $('#progress').show();
+ },
+ drop: function (e, data) {
+ $(".uploader-window").stop().fadeOut( "fast");
+ },
+ done: function (e, data) {
+ $.each(data.files, function (index, file) {
+ currentfiles = arrayRemove(currentfiles, $.trim(file.name));
+ });
+ },
+ stop: function (e,) {
+ $(".files").html("");
+ counter = 0;
+ currentfiles = [];
+ $('#progress .progress-bar').css('width', '0%');
+ $('#progress').hide();
+ $("#depot_nom").val('');
+ $("#depot_societe").val('');
+ $("#depot_description").val('');
+ $.fancyMessage({title : "Dépôt de médias", message : "Le transfert des fichiers est terminé !", type : "info"});
+ },
+ fail: function (e, data) {
+ $.each(data.files, function (index, file) {
+ $('
Erreur durant le transfert du fichier ' + file.name + '.
')
+ .appendTo('#upload_errors');
+ currentfiles = arrayRemove(currentfiles, $.trim(file.name));
+ });
+ },
+ progressall: function (e, data) {
+ var progress = parseInt(data.loaded / data.total * 100, 10);
+ $('#progress .progress-bar').css(
+ 'width',
+ progress + '%'
+ );
+ }
+ }).prop('disabled', !$.support.fileInput)
+ .parent().addClass($.support.fileInput ? undefined : 'disabled');
+ }
+});
diff --git a/resources/js/media.js b/resources/js/media.js
index e21fa40..ba814a3 100644
--- a/resources/js/media.js
+++ b/resources/js/media.js
@@ -1,4 +1,3 @@
-
$(document).ready(function() {
/******************************
@@ -7,6 +6,29 @@ $(document).ready(function() {
// ---- init des dossiers
if ( $( ".media_manager" ).length ) {
+
+ // En cas d'une recherche depuis la home, initialise la page avec une recherche texte
+ if($("#searchParameter").val() != ""){
+ // on créé un object filtre
+ var filter = {
+ type: "search",
+ legend : "Recherche : ",
+ value: $("#searchParameter").val(),
+ libelle: [$("#searchParameter").val()],
+ };
+ // MAJ du filtre principal et de l'affichage
+ updateFilter(filter);
+ $(".search_filters .search_value").val($("#searchParameter").val());
+ }
+
+ // En cas d'une recherche depuis la home, initialise la page avec le bon sujet
+ if($("#sujetParameter").val() != ""){
+ // aucun dossier sélectionner
+ $(window).data('currentFolder', -1);
+
+ $("#sujet_selector").val($("#sujetParameter").val());
+ loadMedia($("#sujet_selector").val());
+ }
var sujetId = $("#sujet_selector").val();
if(sujetId != "")
initFolderManager(sujetId);
@@ -31,7 +53,7 @@ $(document).ready(function() {
var sujetId = $("#sujet_selector").val();
if(sujetId != "")
$('.dd').nestable('destroy');
- $(".currentFolder").val(0);
+ $(window).data('currentFolder', 0);
initFolderManager(sujetId);
});
@@ -65,9 +87,18 @@ $(document).ready(function() {
$(".folder_container .root_folder").removeClass('selected');
$(this).addClass('selected');
var sujet_id = $("#sujet_selector").val();
- $(".currentFolder").val(dossier_id);
+ $(window).data('currentFolder', dossier_id);
$(window).data('offset', 0);
- loadMedia(dossier_id, sujet_id);
+ loadMedia(sujet_id);
+
+ // ajout du dossier courant dans la barre de filtre
+ $(".search_filters_list #currentFolder").remove();
+ var output = '
';
+ output += 'Dossier : ';
+ output += ''+$(".folder_container .dd3-item[data-id='"+dossier_id+"'] > .dd3-content span").html()+'';
+ output += '';
+ output += '';
+ $(".search_filters_list").prepend(output);
}
});
@@ -78,10 +109,19 @@ $(document).ready(function() {
event.preventDefault();
$(".folder_container .dd3-content").removeClass('selected');
$(this).addClass('selected');
- $(".currentFolder").val(0);
+ $(window).data('currentFolder', 0);
var sujetId = $("#sujet_selector").val();
$(window).data('offset', 0);
- loadMedia(0, sujetId);
+ loadMedia(sujetId);
+
+ // ajout du dossier courant dans la barre de filtre
+ $(".search_filters_list #currentFolder").remove();
+ var output = '
';
+ output += 'Dossier : ';
+ output += 'racine';
+ output += '';
+ output += '';
+ $(".search_filters_list").prepend(output);
});
// ---- menu contextuel des dossiers
@@ -145,7 +185,8 @@ $(document).ready(function() {
$(".folder_container .folder_menu").hide();
$(".folder_container .loader").show();
- if(!$('.dd .dd-item[data-id="'+dossier_id+'"] > ol').length){
+ var $countCurrentFolder = $(".folder_container .dd3-item[data-id='"+dossier_id+"'] > .dd3-content .count").html();
+ if(!$('.dd .dd-item[data-id="'+dossier_id+'"] > ol').length && $(window).data('currentFolder') == 0){
$.ajax({
url: '/ajax/remove-folder',
method: 'POST',
@@ -313,7 +354,7 @@ $(document).ready(function() {
// ---- source
var data = event.originalEvent.dataTransfer.getData("Text");
- if($(".currentFolder").val() != dossier_id){
+ if($(window).data('currentFolder') != dossier_id){
$.ajax({
url: '/ajax/move-media',
method: 'POST',
@@ -321,9 +362,10 @@ $(document).ready(function() {
data: {
dossier_id: dossier_id,
data: data,
+ sujet_id: $("#sujet_selector").val(),
},
success: function(result){
- var currentFolderId = $(".currentFolder").val();
+ var currentFolderId = $(window).data('currentFolder');
var arrayMediaId = data.split(',');
if(currentFolderId == 0){
var $countCurrentFolder = $(".folder_container .root_folder .count");
@@ -489,8 +531,7 @@ $(document).ready(function() {
if( ($(".media_container").scrollTop() + $(".media_container").height() ) == $(".media_container .wrapper").height() ) {
$(window).data('ajaxready', false);
var sujet_id = $("#sujet_selector").val();
- var dossier_id = $(".currentFolder").val();
- loadMedia(dossier_id, sujet_id);
+ loadMedia(sujet_id);
}
});
@@ -514,9 +555,8 @@ $(document).ready(function() {
// ---- Gestion de l'ordre d'affichage
$(".action_wrapper #order_select").on("change", function(event) {
var sujet_id = $("#sujet_selector").val();
- var dossier_id = $(".currentFolder").val();
$(window).data('offset', 0);
- loadMedia(dossier_id, sujet_id);
+ loadMedia(sujet_id);
});
/******************************
@@ -529,6 +569,20 @@ $(document).ready(function() {
$(".main_content .wrapper").on("dblclick", '.imageItem' , function(event) {
event.preventDefault();
+ // récupère l'image de preview
+ var imgPreview = $(this).attr('data-preview');
+
+ if($(this).attr('data-depot') == 1){
+ if($(this).attr('data-typemedia') == 1|| $(this).attr('data-typemedia') == 2){ // image
+ $.fancybox.open('
');
+ }else if ($(this).attr('data-typemedia') == 3) { // vidéo
+ $.fancybox.open('
');
+ }else if ($(this).attr('data-typemedia') == 4) { // Audio
+ $.fancybox.open('
');
+ }
+ return false;
+ }
+
// initialise le nuage de Tags
$('#tag-editor').val('');
$('#tag-editor').tagEditor({
@@ -541,9 +595,6 @@ $(document).ready(function() {
var minWidth = $(document).width();
var minHeight = $(document).height()-43-40;
- // récupère l'image de preview
- var imgPreview = $(this).attr('data-preview');
-
// Mémorise le média courant
$(window).data('current_edit_media', $(this).attr('data-id'));
// sélectionne la tab preview à l'ouverture
@@ -865,12 +916,12 @@ $(document).ready(function() {
$("#arcadia_id").val(arcadia_id);
}else{
$.fancybox.close();
- $.fancyMessage({title : "Attention", message : "Erreur lors de l'opération, merci d'actualiser la page.", type : "error"});
+ $.fancyMessage({title : "Lier un média à Arcadia", message : "Ce code a déjà été attribué à un autre média. Ajout impossible.", type : "error"});
}
},
error: function(jqXHR, textStatus, errorThrown) {
$.fancybox.close();
- $.fancyMessage({title : "Attention", message : "Erreur lors de l'opération, merci d'actualiser la page.", type : "error"});
+ $.fancyMessage({title : "Lier un média à Arcadia", message : "Erreur lors de l'opération, merci d'actualiser la page.", type : "error"});
}
});
});
@@ -903,11 +954,16 @@ $(document).ready(function() {
},
success: function(result){
if(result){
- var article = result.article;
+ var article = result.article;
+ if($(".tab_edit #articles").val() != ""){
var elems = $(".tab_edit #articles").val().split(',');
- if(jQuery.inArray(article.id, elems) == -1){
+ }else{
+ var elems = [];
+ }
+ console.log(elems);
+ if(jQuery.inArray(String(article.id), elems) == -1){
// maj de la valeur du champ hidden
- elems.push(article.id);
+ elems.push(String(article.id));
$(".tab_edit #articles").val(elems.join());
// maj du tableau html
$articleItem = $(".tab_edit .hidden_row tr").clone();
@@ -1001,7 +1057,6 @@ $(document).ready(function() {
});
}
-
if(medias.length == 0){
$.fancyMessage({title : "Télécharger des médias", message : "Veuillez sélectionner au moins un média.", type : "info"});
}else{
@@ -1114,7 +1169,11 @@ $(document).ready(function() {
// ---- Ouvrir la popup d'upload
$('.action_add_media').on('click',function(event){
event.preventDefault();
- $('.upload_container').show("fast");
+ if($(window).data('currentFolder') >=0){
+ $('.upload_container').show("fast");
+ }else{
+ $.fancyMessage({title : "Ajout de média", message : "Pour ajouter des médias, veuillez d'abord sélectionner un dossier de destination.", type : "error"});
+ }
});
// ---- Initialisation du module d'upload
@@ -1134,6 +1193,10 @@ $(document).ready(function() {
$('#submit').on('click',function(event){
event.preventDefault();
+ if($(window).data('currentFolder') == "-1"){
+ $.fancyMessage({title : "Ajout de média", message : "Pour ajouter des médias, veuillez d'abord sélectionner un dossier de destination.", type : "error"});
+ return false;
+ }
$("#upload_errors").html("");
$('.upload').click() //click upload buttons and upload all files in the queue
});
@@ -1179,7 +1242,7 @@ $(document).ready(function() {
$.each(data.files, function (index, file) {
var uploadErrors = [];
- var acceptFileTypes = /^(gif|jpe?g|png|mp4|mp3|psd|ai|eps|svg|indd|pdf)$/i;
+ var acceptFileTypes = /^(gif|jpe?g|png|mp4|mp3|psd|ai|svg|pdf)$/i;
if(file.name.split('.').pop().length && !acceptFileTypes.test(file.name.split('.').pop())) {
uploadErrors.push('Ce type de fichier n\'est pas accepté');
}
@@ -1205,7 +1268,7 @@ $(document).ready(function() {
data.formData = {
uid: create_UUID(),
sujet_id: $("#sujet_selector").val(),
- dossier_id: $(".currentFolder").val(),
+ dossier_id: $(window).data('currentFolder'),
};
data.submit();
})
@@ -1227,7 +1290,7 @@ $(document).ready(function() {
currentfiles = arrayRemove(currentfiles, $.trim(file.name));
});
//---- Chargement des médias
- var currentFolder = $(".currentFolder").val();
+ var currentFolder = $(window).data('currentFolder');
if(currentFolder == 0 || currentFolder == ""){
var count = $(".folder_container .root_folder .count");
}else{
@@ -1242,12 +1305,8 @@ $(document).ready(function() {
$('#progress .progress-bar').css('width', '0%');
$('#progress').hide();
$('.upload_container').hide("fast");
- var currentFolder = $(".currentFolder").val();
- if(currentFolder == 0 || currentFolder == ""){
- $(".root_folder").trigger("click");
- }else{
- $('.dd .dd-item[data-id="'+currentFolder+'"] > .dd3-content').trigger("click");
- }
+ var currentFolder = $(window).data('currentFolder');
+ $(".reinit_search_btn").trigger("click");
},
fail: function (e, data) {
$.each(data.files, function (index, file) {
@@ -1291,14 +1350,18 @@ function initFolderManager(sujetId){
var typevues = result.typevues;
$("#typevues").find('option').remove();
$.each(typevues, function (index, typevue) {
- $("#typevues").append('
')
+ $("#typevues").append('
');
});
+ $(".search_filters .list_typevue ul").html("");
+ $.each(typevues, function (index, typevue) {
+ $(".search_filters .list_typevue ul").append('
');
+ });
// initialisation de la liste variantes
var variantes = result.variantes;
$("#variantes").find('option').remove();
$.each(variantes, function (index, variante) {
- $("#variantes").append('
')
+ $("#variantes").append('
');
});
// initialisation des formats de vignette disponibles autéléchargement
@@ -1345,6 +1408,7 @@ function initFolderManager(sujetId){
data: {
parent_id : parent_id,
dossier_id : dossier_id,
+ sujet_id: $("#sujet_selector").val(),
},
success: function(result){
$(".folder_container .loader").hide();
@@ -1363,11 +1427,16 @@ function initFolderManager(sujetId){
$(".folder_container .dd-empty").remove();
$(".folder_container .loader").hide();
//---- Chargement des médias
- var currentFolder = $(".currentFolder").val();
+ var currentFolder = $(window).data('currentFolder');
if(currentFolder == 0 || currentFolder == ""){
$(".root_folder").trigger("click");
- }else{
- $('.dd .dd-item[data-id="'+currentFolder+'"] > .dd3-content').trigger("click");
+ }else if (currentFolder > 0) {
+ if($('.dd .dd-item[data-id="'+currentFolder+'"] > .dd3-content').length){
+ $('.dd .dd-item[data-id="'+currentFolder+'"] > .dd3-content').trigger("click");
+ }else{
+ $(window).data('currentFolder', 0);
+ $(".root_folder").trigger("click");
+ }
}
},
error: function(jqXHR, textStatus, errorThrown) {
@@ -1378,9 +1447,7 @@ function initFolderManager(sujetId){
}
// ---- Chargement des média
-$(window).data('offset', 0);
-$(window).data('limit', 50);
-function loadMedia(dossier_id, sujet_id){
+window.loadMedia = function(sujet_id){
var output = '';
if($(window).data('offset') == 0){
$(window).data('noMedia', false);
@@ -1390,17 +1457,25 @@ function loadMedia(dossier_id, sujet_id){
$(".main_content .scrollLoader").show();
}
+ $.ajaxSetup({
+ headers: {
+ 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+ }
+ });
+
$.ajax({
url: '/ajax/load-media',
method: 'POST',
dataType : 'json',
data: {
- dossier_id : dossier_id,
+ dossier_id : $(window).data('currentFolder'),
sujet_id : sujet_id,
+ filters : JSON.stringify($(window).data('filter')),
offset : $(window).data('offset'),
limit : $(window).data('limit'),
orderField : $("#order_select").val(),
- order : $('#order_select option:selected').attr('data-order')
+ order : $('#order_select option:selected').attr('data-order'),
+ filter : $(window).data('filter'),
},
success: function(result){
var data = result.data;
@@ -1419,8 +1494,13 @@ function loadMedia(dossier_id, sujet_id){
case 1:
ico = '
';
detail = " - "+item.largeur+"x"+item.hauteur+"px";
- thumb = item.folder+item.uid+"_thumb."+item.extension;
- preview = item.folder+item.uid+"_preview."+item.extension;
+ if(item.extension == "pdf" || item.extension == "ai" || item.extension == "psd"){
+ thumb = item.folder+item.uid+"_thumb.png";
+ preview = item.folder+item.uid+"_preview.png";
+ }else{
+ thumb = item.folder+item.uid+"_thumb."+item.extension;
+ preview = item.folder+item.uid+"_preview."+item.extension;
+ }
break;
case 2:
ico = '
';
@@ -1437,27 +1517,20 @@ function loadMedia(dossier_id, sujet_id){
detail = " - durée "+item.duree;
itemClass = "son";
break;
- case 5:
- ico = '
';
- if(item.extension == "pdf" || item.extension == "ai" || item.extension == "psd"){
- thumb = item.folder+item.uid+"_thumb.png";
- preview = item.folder+item.uid+"_preview.png";
- }else{
- itemClass = "doc";
- }
- break;
default:
}
- output += '
';
+ output += '
';
output += '
'+item.etiquette.libelle+'
';
output += '';
output += '
';
output += '
'+item.libelle+'
';
@@ -1503,7 +1576,7 @@ function removeMedias(medias){
});
// ---- MAJ du nb de média dans le dossier
- var currentFolder = $(".currentFolder").val();
+ var currentFolder = $(window).data('currentFolder');
if(currentFolder == 0 || currentFolder == ""){
var count = $(".folder_container .root_folder .count");
}else{
@@ -1604,13 +1677,13 @@ function addItem(parent_id, item_id, content){
$('.dd .dd-item[data-id="'+parent_id+'"] > ol').append(html);
}
-function arrayRemove(arr, value) {
+window.arrayRemove = function(arr, value){
return arr.filter(function(ele){
return ele != value;
});
}
-function FileConvertSize(aSize){
+window.FileConvertSize = function(aSize){
aSize = Math.abs(parseInt(aSize, 10));
var def = [[1, 'octets'], [1024, 'ko'], [1024*1024, 'Mo'], [1024*1024*1024, 'Go'], [1024*1024*1024*1024, 'To']];
for(var i=0; i
';
+ output += ''+filter.legend+'';
+ output += '';
+ output += '';
+ output += '';
+ $(".search_filters_list").append(output);
+ }
+
+ $(".search_filters_list #"+filter.type+" .value").html(filter.libelle.join());
+ }
+
+ // affiche/masque le bouton de reinitialisation
+ if(Object.keys($(window).data('filter')).length > 0){
+ $(".filter_wrapper .reinit_search_btn").show();
+ }else{
+ $(".filter_wrapper .reinit_search_btn").hide();
+ }
+}
diff --git a/resources/sass/partials/fileupload.scss b/resources/sass/partials/fileupload.scss
index a16c6f4..1b489f9 100644
--- a/resources/sass/partials/fileupload.scss
+++ b/resources/sass/partials/fileupload.scss
@@ -9,7 +9,7 @@
* https://opensource.org/licenses/MIT
*/
-.upload_container{
+.upload_container, .depot_container{
display: none;
position: absolute;
top: 50%;
@@ -17,7 +17,7 @@
transform: translate(-50%, -50%);
width: 300px;
height: 400px;
- background-color: $white;
+ background-color: #24272e;
z-index: 100;
border-radius: 10px;
@@ -40,10 +40,10 @@
border-radius: 4px;
width: 100%;
font-size: 15px;
- color: $grey;
+ color: $white;
padding: 16px;
cursor: pointer;
- border-bottom: 1px solid $grey2;
+ border-bottom: 1px solid #17191F;
i{
color : $lightblue;
@@ -77,7 +77,7 @@
display: none;
height: 6px;
overflow: hidden;
- background-color: #f5f5f5;
+ background-color: #24272e;
position: absolute;
top: 0px;
left: 0;
@@ -112,10 +112,10 @@
>div{
width: 100%;
padding: 10px;
- border-bottom: 1px solid #e8ebed;
+ border-bottom: 1px solid #17191F;
div:first-child{
- color: $black;
+ color: $white;
margin-bottom: 5px;
font-size: 14px;
position: relative;
@@ -129,7 +129,7 @@
}
}
div:last-child{
- color: $grey;
+ color: $grey2;
}
button{
display: none;
@@ -141,7 +141,7 @@
cursor: pointer;
i{
- color: #337ab7;
+ color: $white;
font-size: 19px;
}
}
@@ -153,7 +153,7 @@
}
}
.upload_bar{
- border-top: 1px solid $grey2;
+ border-top: 1px solid #17191F;
width: 100%;
height: 60px;
position: absolute;
@@ -164,9 +164,47 @@
display: inline-block;
}
#cancel , #close_upload_form{
- color: $grey;
+ color: $white;
cursor: pointer;
margin-left: 15px;
}
}
}
+
+.depot_container{
+ display: block;
+ width: 700px;
+ header{
+ padding: 20px;
+ border-bottom: 1px solid #17191F;
+
+ i{
+ font-size: 30px;
+ margin-right: 10px;
+ color: white;
+ }
+ }
+ .mainContent{
+ display: flex;
+ flex-direction: row;
+
+ .col{
+ width: 50%;
+
+ .fileinput-button{
+ border: none;
+ }
+
+ .content_wrapper{
+ height: 217px;
+ }
+
+ input, textarea, select{
+ display: block;
+ width: 315px;
+ margin: 15px;
+ }
+ }
+ }
+
+}
diff --git a/resources/sass/partials/media.scss b/resources/sass/partials/media.scss
index ec51dc0..56b4665 100644
--- a/resources/sass/partials/media.scss
+++ b/resources/sass/partials/media.scss
@@ -17,16 +17,93 @@
.search_filters{
display: inline-flex;
align-items: center;
- padding: 0px 10px;
>div{
display: flex;
align-items: center;
- margin-right: 10px;
+ padding: 1px 8px;
+ border-right: 1px solid $grey2;
+ position: relative;
+ user-select: none;
i{
margin-left: 10px;
}
+ &:last-child{
+ border: none;
+ }
+
+ .list{
+ position: absolute;
+ user-select: none;
+ top: 17px;
+ left: 50%;
+ background-color: #24272e;
+ padding: 9px;
+ min-width: 163px;
+ transform: translateX(-50%);
+ z-index: 1;
+
+ &.list_etiquette li label{
+ color: $white;
+ padding: 4px;
+ display: inline-block;
+ position: relative;
+
+ &::before {
+ border-color: inherit;
+ content: "";
+ top: 0;
+ border-style: solid;
+ border-width: 11px;
+ border-bottom-color: transparent;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ position: absolute;
+ right: -22px;
+ }
+ }
+ }
+ }
+ }
+ .filter_wrapper{
+ display: flex;
+ flex-direction: row;
+ margin-top: 18px;
+ align-items: center;
+
+ > span{
+ color : $lightorange;
+ font-weight: bold;
+ margin-right: 3px;
+ }
+ .search_filters_list{
+ .filter_item{
+ border: 1px solid $grey2;
+ border-radius: 3px;
+ padding: 3px 3px;
+ font-size: 11px;
+ margin: 0 1px;
+ display: inline-block;
+
+ &:hover{
+ color: $white;
+ border: 1px solid $white;
+ }
+ i{
+ margin-left: 6px;
+ }
+ }
+ }
+ .reinit_search_btn{
+ display: none;
+ color: #2ea8e5;
+ margin-left: 4px;
+ font-size: 11px;
+ &:hover{
+ color: $lightblue;
+ text-decoration: underline;
+ }
}
}
}
diff --git a/resources/sass/partials/nestable.scss b/resources/sass/partials/nestable.scss
index d11a481..cb5ba07 100644
--- a/resources/sass/partials/nestable.scss
+++ b/resources/sass/partials/nestable.scss
@@ -159,6 +159,15 @@
cursor: pointer;
user-select: none;
+ span{
+ text-overflow: ellipsis;
+ word-wrap: break-word;
+ white-space: nowrap;
+ display: inline-block;
+ width: 209px;
+ overflow: hidden;
+ height: 20px;
+ }
.count{
float: right;
display: inline;
diff --git a/resources/views/layouts/media_edit.blade.php b/resources/views/layouts/media_edit.blade.php
index b58a731..263795d 100644
--- a/resources/views/layouts/media_edit.blade.php
+++ b/resources/views/layouts/media_edit.blade.php
@@ -266,11 +266,7 @@
TYPE |
COMMENTAIRE |
- | 02/05/2019 10:02 | Sandrine Bellaud | Ajout | création du média |
- | 03/05/2019 09:20 | Nicolas Mitavu | Modification | Modification des informations |
- | 05/05/2019 15:30 | Nicolas Mitavu | Etiquette | Etiquette "A valider" |
- | 05/05/2019 15:48 | Sandrine Bellaud | Etiquette | Etiquette "valider" |
- | 06/05/2019 11:36 | Blandine Durand | Arcadia | Ajout au référentiel |
+
diff --git a/resources/views/media_manager.blade.php b/resources/views/media_manager.blade.php
index a394435..febb8eb 100644
--- a/resources/views/media_manager.blade.php
+++ b/resources/views/media_manager.blade.php
@@ -11,7 +11,8 @@
@endforeach
-
+
+
@@ -38,25 +39,54 @@
-
- Rechercher
- Type de média
- Type de vue
- Etiquette
-
-
-
+
+ Rechercher
+
+
+
+
+
+
+
-
@if (Auth::user()->hasRole([config('roles.const.CONTRIBUTEUR'), config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
Ajouter un média
@endif
+ @if (Auth::user()->hasRole([config('roles.const.CONTRIBUTEUR'), config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
Télécharger
+ @endif
Ajouter au panier
@if (Auth::user()->hasRole([config('roles.const.ADMIN'), config('roles.const.REDACTEUR')]))
Supprimer
diff --git a/resources/views/upload/show.blade.php b/resources/views/upload/show.blade.php
index f78cc65..b1a2bc3 100644
--- a/resources/views/upload/show.blade.php
+++ b/resources/views/upload/show.blade.php
@@ -1,26 +1,44 @@
@extends('layouts.app')
-@include('layouts.header')
@section('content')
-
-
- Ajouter des médias
-
-
- Télécharger
- Supprimer
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+ Ajouter des fichiers
+
+
+
+
+
+
@endsection
diff --git a/routes/web.php b/routes/web.php
index 3b8b4c1..42757fe 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -15,7 +15,6 @@ Route::group(['middleware' => ['auth']], function(){
// Les pages Front
Route::get('/', 'CommunController@index')->name('home');
Route::get('/gestion-des-medias', 'MediaController@index')->name('media_manager');
- Route::get('/upload', 'UploadController@index');
// Message de contact
Route::post('/send-message', 'CommunController@sendMessage');
@@ -42,9 +41,6 @@ Route::group(['middleware' => ['auth']], function(){
Route::post('/ajax/get-article', 'MediaController@getArticle');
Route::post('/ajax/download-media', 'MediaController@downloadMedia')->name('downloadMedia');
- // Ajax pour la gestion de l'upload de média
- Route::post('/ajax/upload-media', 'UploadController@storeMedia');
-
// Back office
Route::resource('user', 'UserController');
Route::post('/check-matricule', 'UserController@checkMatricule');
@@ -56,3 +52,12 @@ Auth::routes([
'verify' => false,
'register' => false,
]);
+
+// Page pour déposer les médias
+ Route::get('/depot', 'UploadController@index');
+
+ // Ajax pour ajouter un dossier de dépôt
+ Route::post('/ajax/add-depot-folder', 'DossierController@addDepotFolder');
+
+ // Ajax pour la gestion de l'upload de média
+ Route::post('/ajax/upload-media', 'UploadController@storeMedia');
diff --git a/webpack.mix.js b/webpack.mix.js
index 150a773..7642eae 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -14,6 +14,8 @@ const mix = require('laravel-mix');
mix.js([
'resources/js/app.js',
'resources/js/admin.js',
- 'resources/js/media.js'
+ 'resources/js/media.js',
+ 'resources/js/depot.js',
+ 'resources/js/searchengine.js',
], 'public/js/app.js')
.sass('resources/sass/app.scss', 'public/css');
|