- content tab_preview
-
-
- content tab_edit
-
-
- content tab_retouch
-
-
- content tab_links
-
-
- content tab_history
-
- ';
output += '
- ';
output += '';
output += '';
@@ -11876,7 +12004,7 @@ function loadMedia(dossier_id, sujet_id) {
$(window).data('ajaxready', true);
}
});
-} // ---- Gestion des média : contruction de l'arborescence des dossiers
+} // ---- contruction de l'arborescence des dossiers
function buildItem(item) {
@@ -11907,7 +12035,7 @@ function buildItem(item) {
html += "";
return html;
-} // ---- Gestion des média : ajouter un dossier
+} // ---- ajouter un dossier
function addItem(parent_id, item_id, content) {
diff --git a/resources/js/media.js b/resources/js/media.js
index d9bca3b..b5fa7f8 100644
--- a/resources/js/media.js
+++ b/resources/js/media.js
@@ -1,14 +1,18 @@
$(document).ready(function() {
- // ---- Gestion des média : init des dossiers
+ /******************************
+ Liste des dossiers
+ **********************************/
+
+ // ---- init des dossiers
if ( $( ".media_manager" ).length ) {
var sujetId = $("#sujet_selector").val();
if(sujetId != "")
initFolderManager(sujetId);
}
- // ---- Gestion des média : collapse/expand side menu
+ // ---- collapse/expand side menu
$(".close_side_menu").on('click', function(event) {
event.preventDefault();
if($(".side_menu ").hasClass('collapse')){
@@ -22,7 +26,7 @@ $(document).ready(function() {
}
});
- // ---- Gestion des média : init des dossiers lorsqu'on change de sujet
+ // ---- init des dossiers lorsqu'on change de sujet
$("#sujet_selector").on('change', function(event) {
var sujetId = $("#sujet_selector").val();
if(sujetId != "")
@@ -31,8 +35,7 @@ $(document).ready(function() {
initFolderManager(sujetId);
});
-
- // ---- Gestion des média : sélectionner un dossier et favoris
+ // ---- sélectionner un dossier et favoris
$(".folder_container").on('click', '.dd3-content', function(e) {
e.preventDefault();
var target = e.target, $target = $(target);
@@ -70,7 +73,7 @@ $(document).ready(function() {
- // ---- Gestion des média : sélectionner la racine
+ // ---- sélectionner la racine
$(".folder_container").on('click', '.root_folder', function(event) {
event.preventDefault();
$(".folder_container .dd3-content").removeClass('selected');
@@ -81,7 +84,7 @@ $(document).ready(function() {
loadMedia(0, sujetId);
});
- // ---- Gestion des média : menu contextuel des dossiers
+ // ---- menu contextuel des dossiers
$(".folder_container").on('contextmenu', '.dd3-content', function(event) {
event.preventDefault();
// placement du menu
@@ -101,7 +104,7 @@ $(document).ready(function() {
$(".folder_container .folder_menu").show();
});
- // ---- Gestion des média : ajouter un dossier
+ // ---- ajouter un dossier
$(".folder_menu").on('click', '.addItem', function(event) {
event.preventDefault();
var parent_id = $(this).parents(".folder_menu").attr("data-id");
@@ -135,7 +138,7 @@ $(document).ready(function() {
});
});
- // ---- Gestion des média : supprimer un dossier
+ // ---- supprimer un dossier
$(".folder_menu").on('click', '.removeItem', function(event) {
event.preventDefault();
var dossier_id = $(this).parents(".folder_menu").attr("data-id");
@@ -170,7 +173,7 @@ $(document).ready(function() {
}
});
- // ---- Gestion des média : renommer un dossier
+ // ---- renommer un dossier
$(".folder_menu").on('click', '.renameItem', function(event) {
event.preventDefault();
$(".folder_container .folder_menu").hide();
@@ -211,7 +214,7 @@ $(document).ready(function() {
}
});
- // ---- Gestion des média : propriétés d'un dossier
+ // ---- propriétés d'un dossier
$(".folder_menu").on('click', '.propertyItem', function(event) {
event.preventDefault();
$(".folder_container .folder_menu").hide();
@@ -250,7 +253,7 @@ $(document).ready(function() {
});
});
- // ---- Gestion des média : enregistre les propriétés d'un dossier
+ // ---- enregistre les propriétés d'un dossier
$("html").on('click', '.form_folder_save', function(event) {
event.preventDefault();
@@ -278,124 +281,27 @@ $(document).ready(function() {
});
});
-
- // ---- Gestion des média : au début du drag, set les valeurs des éléments draggés
- $("html").on("dragstart", ".imageItem", function(event) {
- var datavalue = [];
- if($(this).attr("aria-grabbed") == "true"){
- $(".imageItem").each(function(index, el) {
- if($(this).attr("aria-grabbed") == "true"){
- datavalue.push($(this).attr("data-id"));
- }
- });
- event.originalEvent.dataTransfer.setData('Text', datavalue);
- }else{
- $(".imageItem").attr("aria-grabbed", "false");
- $(this).attr("aria-grabbed", "true");
- event.originalEvent.dataTransfer.setData('Text', $(this).attr("data-id"));
- }
- });
-
- // ---- Gestion des média : déselectionne les éléments si on clique en dehors
- $(".main_content .wrapper").on("click", function(event) {
- if (event.target !== this) return;
- $(".imageItem").attr("aria-grabbed", "false");
- $(".imageItem").removeClass('flip');
- });
-
- // ---- Gestion des média : clique droit sur un média
- $(".main_content .wrapper").on("contextmenu", '.imageItem' , function(event) {
- event.preventDefault();
- $(".imageItem").removeClass('flip');
- $(this).addClass('flip')
- });
-
- // ---- Edition des média : double-clique sur un média
- $(".main_content .wrapper").on("dblclick", '.imageItem' , function(event) {
- event.preventDefault();
- $(window).data('current_edit_media', $(this).attr('data-id'));
- $("#form_media").fadeIn('fast');
- });
- // ---- Edition des média : fermeture de la popup
- $(".form_media_close").on("click" , function(event) {
- event.preventDefault();
- $("#form_media").fadeOut('fast');
- });
- // ---- Edition des média : gestion des onglets
- $("#form_media .tabbtn").on("click" , function(event) {
- event.preventDefault();
- var tabId = $(this).attr("data-tab");
- $("#form_media .tabbtn").removeClass('active');
- $(this).addClass('active')
- $("#form_media .main_content .tab").removeClass('active');
- $("#form_media .main_content .tab").eq(tabId).addClass('active');
- });
-
-
-
-
- // ---- Gestion des média : gère la sélection des éléments
- var lastSelected ;
- $("html").on("click", ".imageItem", function(event) {
- event.preventDefault();
- $(".imageItem").removeClass('flip');
- if(event.ctrlKey){
- if($(this).attr("aria-grabbed") == "true"){
- $(this).attr("aria-grabbed", "false");
- }else{
- $(this).attr("aria-grabbed", "true");
- }
- lastSelected = $(this);
- }else if(event.shiftKey){
- var select;
- if(lastSelected == null){
- lastSelected = $(this);
- select = true
- }else{
- select = lastSelected.attr("aria-grabbed");
- }
-
- $(".imageItem").attr("aria-grabbed", "false");
- var imageItem = $(".imageItem");
- var last = imageItem.index(lastSelected);
- var first = imageItem.index( $(this));
- var start = Math.min(first, last);
- var end = Math.max(first, last);
- for (var i = start; i <= end; i++) {
- imageItem.eq(i).attr("aria-grabbed", select);
- }
- }else{
- if($(this).attr("aria-grabbed") == "true"){
- $(".imageItem").attr("aria-grabbed", "false");
- }else{
- $(".imageItem").attr("aria-grabbed", "false");
- $(this).attr("aria-grabbed", "true");
- }
- lastSelected = $(this);
- }
- });
-
- // ---- Gestion des média : affichage des dossiers on draghover
+ // ---- affichage des dossiers on draghover
$(".folder_container").on("dragover", ".dd3-content, .root_folder", function(event) {
- event.preventDefault();
- event.stopPropagation();
+ event.preventDefault();
+ event.stopPropagation();
$(".folder_container .dd3-content").removeClass('dragged');
$(".folder_container .root_folder").removeClass('dragged');
$(this).addClass('dragged');
});
- // ---- Gestion des média : affichage des dossiers on dragleave
+ // ---- affichage des dossiers on dragleave
$(".folder_container").on("dragleave", ".dd3-content, .root_folder", function(event) {
- event.preventDefault();
- event.stopPropagation();
+ event.preventDefault();
+ event.stopPropagation();
$(".folder_container .dd3-content").removeClass('dragged');
$(".folder_container .root_folder").removeClass('dragged');
});
- // ---- Gestion des média : evt lorsque l'on drop des élements dans un dossier
+ // ---- evt lorsque l'on drop des élements dans un dossier
$(".folder_container").on("drop", ".dd3-content, .root_folder", function(event) {
- event.preventDefault();
- event.stopPropagation();
+ event.preventDefault();
+ event.stopPropagation();
$(".folder_container .dd3-content").removeClass('dragged');
$(".folder_container .root_folder").removeClass('dragged');
// ---- Cible
@@ -444,6 +350,198 @@ $(document).ready(function() {
}
});
+ /******************************
+ Gestion des médias
+ **********************************/
+
+ // ---- au début du drag, set les valeurs des éléments draggés
+ $("html").on("dragstart", ".imageItem", function(event) {
+ var datavalue = [];
+ if($(this).attr("aria-grabbed") == "true"){
+ $(".imageItem").each(function(index, el) {
+ if($(this).attr("aria-grabbed") == "true"){
+ datavalue.push($(this).attr("data-id"));
+ }
+ });
+ event.originalEvent.dataTransfer.setData('Text', datavalue);
+ }else{
+ $(".imageItem").attr("aria-grabbed", "false");
+ $(this).attr("aria-grabbed", "true");
+ event.originalEvent.dataTransfer.setData('Text', $(this).attr("data-id"));
+ }
+ });
+
+ // ---- déselectionne les éléments si on clique en dehors
+ $(".main_content .wrapper").on("click", function(event) {
+ if (event.target !== this) return;
+ $(".imageItem").attr("aria-grabbed", "false");
+ $(".imageItem").removeClass('flip');
+ });
+
+ // ---- clique droit sur un média
+ $(".main_content .wrapper").on("contextmenu", '.imageItem' , function(event) {
+ event.preventDefault();
+ $(".imageItem").removeClass('flip');
+ $(this).addClass('flip')
+ });
+
+ // ---- double-clique sur un média
+ var drPlugin = null;
+ var viewer = null;
+ $(".main_content .wrapper").on("dblclick", '.imageItem' , function(event) {
+ event.preventDefault();
+ 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");
+
+ if($(this).attr('data-typemedia') == 1){ // média image
+ $("#form_media .form_media_retouch").show(); // on active l'onglet ressource
+
+ // charge l'image de preview
+ $(".preview_img").val($(this).attr('data-preview'));
+ $(".tab_preview").html('');
+
+ $("#openseadragon").css('width', '100%');
+ $("#openseadragon").css('height', minHeight);
+ viewer = OpenSeadragon({
+ id: "openseadragon",
+ tileSources: {
+ type: "image",
+ url: $(".preview_img").val(),
+ }
+ });
+
+ // charge l'image pour la retouche
+ $("#form_media .tab_retouch").html('
';
+ output += '
';
output += '
-
+ @yield('media_edit')
- ';
output += '';
output += '';
@@ -776,7 +891,7 @@ function loadMedia(dossier_id, sujet_id){
});
}
-// ---- Gestion des média : contruction de l'arborescence des dossiers
+// ---- contruction de l'arborescence des dossiers
function buildItem(item) {
var parentClass = "";
var handleClass = "";
@@ -805,7 +920,7 @@ function buildItem(item) {
return html;
}
-// ---- Gestion des média : ajouter un dossier
+// ---- ajouter un dossier
function addItem(parent_id, item_id, content){
if(!$('.dd .dd-item[data-id="'+parent_id+'"] > ol').length){
$('.dd .dd-item[data-id="'+parent_id+'"]').append("
diff --git a/resources/views/media_manager.blade.php b/resources/views/media_manager.blade.php
index 5140ed2..cf715c5 100644
--- a/resources/views/media_manager.blade.php
+++ b/resources/views/media_manager.blade.php
@@ -1,5 +1,6 @@
@extends('layouts.app')
@include('layouts.header')
+@include('layouts.media_edit')
@section('content')