/trunk/widget/modules/saisie2/squelettes/apaforms.tpl.html |
---|
383,7 → 383,10 |
<i class="fa fa-images" aria-hidden="true"></i> Photo(s) de ce<?php echo $texte_photo;?> |
</div> |
<p id="miniature-info" class="col-sm-8"> |
Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes. |
Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacune.<br> |
En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br> |
Pendant ce temps l'envoi de l'observation sera interrompu.<br> |
Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement. |
</p> |
<div id ="photos-conteneur" class="control-group col-sm-12"> |
<div id="bouton-fichier"> |
555,7 → 558,7 |
<h4 class="alert-heading">Image en cours de chargement</h4> |
<p> |
La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/> |
Vous pouvez annuler l'action en cliquant sur le bouron supprimer. |
Vous pouvez annuler l'action en cliquant sur le bouton supprimer de la photo en cours de téléchargement. |
</p> |
</div> |
<div id="dialogue-form-invalide" class="alert alert-warning alert-block hidden"> |
/trunk/widget/modules/saisie2/squelettes/js/WidgetsSaisiesCommun.js |
---|
84,51 → 84,70 |
WidgetsSaisiesCommun.prototype.initEvtsFichier = function() { |
const lthis = this; |
var elem = document.createElement('input'); |
// Sur téléchargement image |
$( '#fichier' ).on( 'change', function ( event ) { |
lthis.arreter ( event ); |
elem.type = 'file'; |
var options = { |
success: lthis.afficherMiniature.bind( lthis ), // post-submit callback |
dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type) |
resetForm: true // reset the form after successful submit |
}; |
var imgCheminTmp = $( '#fichier' ).val(), |
parts = imgCheminTmp.split( '\\' ), |
nomImage = parts[ parts.length - 1 ], |
formatImgOk = lthis.verifierFormat( nomImage ), |
imgNonDupliquee = lthis.verifierDuplication( nomImage ); |
if ( !elem.disabled ) { |
// Sur téléchargement image |
$( '#fichier' ).on( 'change', function ( event ) { |
lthis.arreter ( event ); |
var options = { |
beforeSend : function ( jqXHR, settings ) { |
$( '#miniatures' ).on( 'click', '.effacer-miniature', function() { |
jqXHR.abort(jqXHR); |
}); |
}, |
success: lthis.afficherMiniature.bind( lthis ), // post-submit callback |
dataType: 'xml', // 'xml', 'script', or 'json' (expected server response type) |
resetForm: true // reset the form after successful submit |
}; |
var imgCheminTmp = $( '#fichier' ).val(), |
parts = imgCheminTmp.split( '\\' ), |
nomImage = parts[ parts.length - 1 ], |
formatImgOk = lthis.verifierFormat( nomImage ), |
imgNonDupliquee = lthis.verifierDuplication( nomImage ); |
if( formatImgOk && imgNonDupliquee ) { |
$( '#form-upload' ).ajaxSubmit( options ); |
$( '#miniatures' ).append( |
'<div class="miniature mr-3 miniature-chargement" data-image="' + nomImage + '">'+ |
'<img class="miniature-img chargement-img" alt="chargement" src="' + lthis.chargementImageIconeUrl + '" style="min-height:100%;"/>'+ |
'<a class="effacer-miniature">Supprimer</a>'+ |
if( formatImgOk && imgNonDupliquee ) { |
$( '#form-upload' ).ajaxSubmit( options ); |
$( '#miniatures' ).append( |
'<div class="miniature mr-3 miniature-chargement" data-image="' + nomImage + '">'+ |
'<img class="miniature-img chargement-img" alt="chargement" src="' + lthis.chargementImageIconeUrl + '" style="min-height:100%;"/>'+ |
'<a class="effacer-miniature">Supprimer</a>'+ |
'</div>' |
); |
$( '#ajouter-obs' ).addClass( 'hidden' ); |
$( '#message-chargement' ).removeClass( 'hidden' ); |
} else { |
$( '#form-upload' )[0].reset(); |
if ( !formatImgOk ) { |
lthis.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) ); |
} |
if ( !imgNonDupliquee ) { |
lthis.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) ); |
} |
} |
return false; |
}); |
$( 'body' ).on( 'click', '.effacer-miniature', function() { |
$( this ).parent().remove(); |
if ( !lthis.valOk( $('.miniature-chargement' ) ) ) { |
$( '#ajouter-obs' ).removeClass( 'hidden' ); |
$( '#message-chargement' ).addClass( 'hidden' ); |
} |
}); |
} else { |
$( '#form-upload' ) |
.addClass( 'hidden' ) |
.after( |
'<div class="alert alert-info" role="alert">'+ |
this.msgTraduction( 'upload-non-suppote' )+ |
'</div>' |
); |
$( '#ajouter-obs' ).addClass( 'hidden' ); |
$( '#message-chargement' ).removeClass( 'hidden' ); |
} else { |
$( '#form-upload' )[0].reset(); |
if ( !formatImgOk ) { |
lthis.activerModale( lthis.msgTraduction( 'format-non-supporte' ) + ' : ' + $( '#fichier' ).attr( 'accept' ) ); |
} |
if ( !imgNonDupliquee ) { |
lthis.activerModale( lthis.msgTraduction( 'image-deja-chargee' ) ); |
} |
} |
return false; |
}); |
$( 'body' ).on( 'click', '.effacer-miniature', function() { |
$( this ).parent().remove(); |
if ( !lthis.valOk( $('.miniature-chargement' ) ) ) { |
$( '#ajouter-obs' ).removeClass( 'hidden' ); |
$( '#message-chargement' ).addClass( 'hidden' ); |
} |
}); |
} |
}; |
WidgetsSaisiesCommun.prototype.initEvtsGeoloc = function( isFormArbre = false ) { |
1498,9 → 1517,6 |
$( '#chargement' ).addClass( 'hidden' ); |
$( '#dialogue-obs-transaction-ok .alert-txt' ).append( $( '#tpl-transmission-ok' ).clone().html() ); |
$( '#dialogue-obs-transaction-ok' ).removeClass( 'hidden' ); |
if ( !lthis.isASL ) { |
lthis.initialiserObs.bind( lthis ); |
} |
}, 1500 ); |
} |
} |
/trunk/widget/modules/saisie2/squelettes/js/Utils.js |
---|
9,6 → 9,7 |
'dupliquer' : 'Dupliquer', |
'saisir-plantes' : 'Saisir les plantes', |
'saisir-lichens' : 'Saisir les lichens', |
'upload-non-suppote' : 'Votre navigateur ne permet pas le téléchargement de fichiers.', |
'format-non-supporte' : 'Le format de fichier n\'est pas supporté, les formats acceptés sont', |
'image-deja-chargee' : 'Cette image a déjà été utilisée', |
'date-incomplete' : 'Format : jj/mm/aaaa.', |
41,6 → 42,7 |
'dupliquer' : 'Duplicate', |
'saisir-plantes' : 'Enter the plants', |
'saisir-lichens' : 'Enter the lichens', |
'upload-non-suppote' : 'Your browser does not support file upload.', |
'format-non-supporte' : 'The file format is not supported, the accepted formats are', |
'image-deja-chargee' : 'This image has already been used', |
'date-incomplete' : 'Format: dd/mm/yyyy.', |
/trunk/widget/modules/saisie2/squelettes/js/WidgetSaisie.js |
---|
5,7 → 5,7 |
if ( valOk(proprietes) ) { |
this.urlWidgets = proprietes.urlWidgets; |
this.module = proprietes.nomSquelette; |
this.tagProjet = proprietes.tagProjet; |
this.tagsProjet = proprietes.tagsProjet; |
this.mode = proprietes.mode; |
this.langue = proprietes.langue; |
this.serviceAnnuaireIdUrl = proprietes.serviceAnnuaireIdUrl; |
/trunk/widget/modules/saisie2/squelettes/saisie.tpl.html |
---|
815,7 → 815,7 |
// La présence du parametre 'html5' dans l'URL enclenche les fonctions avancées HTML5 |
'html5' : <?php echo isset($_GET['html5']) ? 'true' : 'false'; ?>, |
// Mot-clé du widget/projet |
'tagProjet' : "<?php echo $widget['motscles']; ?>", |
'tagsProjet' : "<?php echo $widget['motscles']; ?>", |
// Mots-clés à ajouter aux images |
'tagImg' : <?php echo isset($_GET['motcle']) ? "'".$_GET['motcle']."' + separationTagImg + tagImg" : 'tagImg'; ?>, |
// Mots-clés à ajouter aux observations |
/trunk/widget/modules/saisie2/i18n/fr.ini |
---|
86,7 → 86,10 |
[Image] |
titre = "Image(s) de cette plante" |
aide = "Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes." |
aide = "Les photos doivent être au format JPEG et ne doivent pas excéder 5Mo chacunes.<br> |
En fonction de sa taille sur le disque le téléchargement d'une photo peut être long.<br> |
Pendant ce temps, l'envoi de l'observation sera interrompu.<br> |
Vous pouvez l'annuler en cliquant sur le bouton supprimer de la photo en cours de téléchargement." |
ajouter = "Ajouter une image" |
99,7 → 102,7 |
creer-title = "Une fois les champs remplis, vous pouvez cliquer sur ce bouton pour ajouter votre observation à la liste à transmettre." |
alertchargt = "Image en cours de chargement" |
alertchargt-desc = "La création de cette observation sera à nouveau disponible dès que l'image aura été chargée.<br/> |
Vous pouvez annuler l'action en cliquant sur le bouron supprimer." |
Vous pouvez annuler l'action en cliquant sur le bouron supprimer de la photo en cours de téléchargement." |
alert10max = "Information : 10 observations maximum" |
alert10max-desc = "Vous venez d'ajouter votre 10ème observation.<br/> |
Pour en ajouter de nouvelles, il est nécessaire de les transmettre en cliquant sur le bouton ci-dessous." |
/trunk/widget/modules/saisie2/i18n/en.ini |
---|
84,7 → 84,10 |
[Image] |
titre = "Picture(s) of this plant" |
aide = "Photos must be in JPEG format and must not exceed 5MB each." |
aide = "Photos must be in JPEG format and must not exceed 5MB each.<br> |
Depending on its size on the disk, it can take a long time to download a photo. <br> |
Meanwhile the sending of the observation will be interrupted. <br> |
You can cancel it by clicking on the delete button of the photo being downloaded." |
ajouter = "Add a picuture" |
97,7 → 100,7 |
creer-title = "Once the fields are filled, you can click on this button to add your observation to the list to transmit." |
alertchargt = "Image loading" |
alertchargt-desc = "The creation of this observation will be available again as soon as the image has been loaded. <br/> |
You can cancel the action by clicking on the delete button." |
You can cancel the action by clicking on the delete button of the photo being downloaded." |
alert10max = "Information : 10 observations maximum" |
alert10max-desc = "You've just added your 10th observation.<br/> |
If you wish to add ohers, these observations must be transmitted first by clicking the 'transmit' button above." |