5,6 → 5,14 |
* des éléments "spéciaux" * |
*************************************/ |
|
// Volet de profil/déconnexion |
function connexionDprodownMenu() { |
$( '#utilisateur-connecte .volet-toggle, #profil-utilisateur a, #deconnexion a' ).click( function( event ) { |
event.preventDefault(); |
$( '#utilisateur-connecte .volet-menu' ).toggleClass( 'hidden' ); |
}); |
} |
|
// Logique d'affichage pour le input type=file |
function inputFile() { |
// Initialisation des variables |
16,62 → 24,6 |
$( '#' + $( this ).attr( 'for' ) + '.input-file' ).click(); |
} |
}); |
// // Affiche un retour visuel dès que input:file change |
// $('#form-supp').on( 'change', '.input-file', function( event ) { |
// // Il est possible de supprimer un fichier |
// // donc on vérifie que le 'change' est un ajout ou modification |
// if( !$.isEmptyObject( event.target.files[0] ) ) { |
// var file = event.target.files[0], |
// fileId = $( this ).attr( 'id' ), |
// $thisFile = $( this ).parent('.label-file.' + fileId ), |
// $imageContainer = $( '#miniatures' ), |
// $theReturn = $( '.' + fileId + 'Img') || false, |
// fileImgHtml = ''; |
|
|
// if( file.type.match( 'image' ) ) { |
// fileImgHtml = |
// '<div class="' + fileId + 'Img mb-1">'+ |
// '<p> ' + file.name + '</p>'+ |
// '<img src="' + URL.createObjectURL( file ) + '">'+ |
// '</div>'; |
// } |
// // Permettre d'enregistrer une nouvelle image |
// if( 0 < $theReturn.length ) { |
// // Changement du fichier |
// $theReturn.html( fileImgHtml ); |
// } else { |
// $imageContainer.append( fileImgHtml ); |
// $imageContainer.append( $thisFile ); |
|
// $( '#photos-conteneur' ).html( |
// '<label for="fichier' + countFiles + '" class="label-file btn btn-default fichier' + countFiles + '">'+ |
// '<i class="fas fa-download"></i> Ajouter une image'+ |
// '<input type="file" id="fichier' + countFiles + '" name="fichier' + countFiles + '" class="input-file" accept="image/jpeg">'+ |
// '<input type="hidden" name="MAX_FILE_SIZE" value="5242880">'+ |
// '</label>'+ |
// '<hr>' |
// ); |
// countFiles++; |
// } |
// // Changer le text |
// $thisFile.find( '.label-text').html( '<i class="fas fa-exchange-alt"></i> Changer cette image'); |
// $thisFile.css( 'background-color', '#ea9973' ); |
// $thisFile.hover( function() { |
// $( this ).css( 'background-color', 'rgba(234, 153, 115, 0.7)' ); |
// }); |
// $( '.' + fileId + 'Img img').attr( 'width', $thisFile.outerWidth() ); |
|
// } |
// }); |
// // Annuler le téléchargement |
// $( '.remove-file' ).click( function() { |
// var $thisFileInput = $( this ).prev( '.input-file-container' ).find( '.input-file' ); |
// $thisFileInput.wrap( '<form>' ).closest( 'form' ).get(0).reset(); |
// $thisFileInput.triggerHandler( 'change' ); |
// $thisFileInput.unwrap(); |
// $( this ).next( '.file-return' ).addClass( 'hidden' ).empty(); |
// }); |
} |
|
// Style et affichage des list-checkboxes |
104,21 → 56,21 |
|
// Style et affichage des input type="range" |
function inputRangeDisplayNumber() { |
$( '#zone-appli' ).on( 'input' , '.range input[type="range"]' , function () { |
$( this ).next( 'input[type="number"]' ).val ( $( this ).val() ); |
$( 'input[type="range"]' ).each( function() { |
|
$( this ).siblings( '.range-live-value' ).text( $( this ).val() ); |
}); |
$( '#zone-appli' ).on( 'input' , '.range input[type="number"]' , function () { |
$( this ).prev( 'input[type="range"]' ).val ( $( this ).val() ); |
$( '#zone-supp' ).on( 'input' , 'input[type="range"]' , function () { |
console.log( 'nello' ); |
$( this ).siblings( '.range-live-value' ).text( $( this ).val() ); |
}); |
} |
|
// Activation/Desactivation et contenu de la modale Bootstrap |
// https://getbootstrap.com/docs/3.3/javascript/#modals |
function previewFieldHelpModal() { |
function newFieldsHelpModal() { |
$( '#zone-appli' ).on( 'click' , '.help-button' , function ( event ) { |
var thisFieldKey = $( this ).data( 'key' ), |
// filePath ci dessous est un test, obtenir une vraie url une fois les fichiers d'aide accessibles |
filePath = 'https://beta.tela-botanica.org/tmp/eflore_v5_cache/pdf/Fabaceae-3497041375.pdf', |
fileMimeType = $( this ).data( 'mime-type' ); |
|
// Titre |
125,9 → 77,9 |
$( '#help-modal-label' ).text( 'Aide pour : ' + $( this ).data( 'name' ) ); |
|
if( fileMimeType.match( 'image' ) ) { |
$( '#print_content' ).append( '<img src="' + filePath + '" style="max-width:100%">' ); |
} else if( fileMimeType.match( 'pdf' ) ) { |
$( '#print_content' ).append( '<iframe src="' + filePath + '" width="100%" height="650" align="middle" scrolling="no" frameborder="0"></iframe>' ); |
var extention = fileMimeType.replace( /(?:imag)?e\/?/g , '' ); |
// var extention = 'jpg'; |
$( '#print_content' ).append( '<img src="' + CHEMIN_FICHIERS + thisFieldKey + '.' + extention + '" style="max-width:100%" alt="' + thisFieldKey + '" />' ); |
} |
|
// Sortie avec la touche escape |
150,6 → 102,44 |
}); |
} |
|
// Activation/Desactivation et contenu de la modale Bootstrap |
// https://getbootstrap.com/docs/3.3/javascript/#modals |
function projetHelpModale() { |
$( '#info-button' ).click( function ( event ) { |
var fileMimeType = $( this ).data( 'mime-info' ); |
|
// Titre |
$( '#help-modal-label' ).text( 'Aide du projet : ' + $( '#titre-projet' ).text() ); |
|
if( fileMimeType.match( 'image' ) ) { |
|
var extention = fileMimeType.replace( /(?:imag)?e\/?/g , '' ); |
|
$( '#print_content' ).append( '<img src="' + CHEMIN_FICHIERS + 'info.' + extention + '" style="max-width:100%" alt="info projet" />' ); |
} |
|
// Sortie avec la touche escape |
$( '#help-modal' ).modal( { keyboard : true } ); |
// Affichage |
$( '#help-modal' ).modal({ show: true }); |
// Remplacer l'autofocus qui ne fonctionne plus en HTML5 |
// Message dans la doc de bootstrap : |
// Due to how HTML5 defines its semantics, |
// the autofocus HTML attribute has no effect in Bootstrap modals. |
// To achieve the same effect, use some custom JavaScript |
$( '#help-modal' ).on( 'shown.bs.modal' , function () { |
$( '#myInput' ).trigger( 'focus' ); |
}) |
// Réinitialisation |
$( '#help-modal' ).on( 'hidden.bs.modal' , function () { |
$( '#help-modal-label' ).text(); |
$( '#print_content' ).empty(); |
}); |
|
}); |
} |
|
|
// Faire apparaitre un champ text "Autre" |
function onOtherOption() { |
|
253,18 → 243,28 |
/*************************** |
* Lancement des scripts * |
***************************/ |
const CHEMIN_FICHIERS = $( '#zone-appli' ).data('url-fichiers'); |
|
jQuery( document ).ready( function() { |
// Affichage des images ou nom des documents importés |
|
// Volet de profil/déconnexion |
connexionDprodownMenu(); |
|
// Modale "aide" du projet |
projetHelpModale(); |
// Affichage input file |
inputFile(); |
// Affichage des List-checkbox |
inputListCheckbox(); |
|
// // Affichage des Range |
// inputRangeDisplayNumber() |
// Affichage des Range |
inputRangeDisplayNumber() |
|
// Modale "aide" |
previewFieldHelpModal(); |
newFieldsHelpModal(); |
|
// Ajout/suppression d'un champ texte "Autre" |
onOtherOption(); |
// Récupérer les données entrées dans "Autre" |
collectOtherOption(); |
}); |