Sélecteur de date bouton delete

This commit is contained in:
Fred Tempez 2021-05-14 19:14:59 +02:00
parent 6c12a2e772
commit d8ec88cb46
4 changed files with 17 additions and 5 deletions

View File

@ -4,6 +4,8 @@
Corrections : Corrections :
- Champs de formulaire, uniformisation de la hauteur (select, input, etc) identique à celle des boutons à 9px. - Champs de formulaire, uniformisation de la hauteur (select, input, etc) identique à celle des boutons à 9px.
- Module search : texte d'aide dans la zone de saisie non pris en compte. - Module search : texte d'aide dans la zone de saisie non pris en compte.
Modification :
- Ajout au sélecteur de date d'un bouton d'effacement identique à celui du sélecteur de fichiers.
## version 10.6.00 ## version 10.6.00
Cette version apporte aux modules une autonomie complète par rapport au noyau. Cette version apporte aux modules une autonomie complète par rapport au noyau.

View File

@ -247,12 +247,18 @@ class template {
} }
$html .= self::notice($attributes['id'], $notice); $html .= self::notice($attributes['id'], $notice);
// Date visible // Date visible
$html .= '<div class="inputDateManagerWrapper">';
$html .= sprintf( $html .= sprintf(
'<input type="text" class="datepicker %s" value="%s" %s>', '<input type="text" class="datepicker %s" value="%s" %s>',
$attributes['class'], $attributes['class'],
$attributes['value'], $attributes['value'],
helper::sprintAttributes($attributes, ['class', 'value']) helper::sprintAttributes($attributes, ['class', 'value'])
); );
$html .= self::button($attributes['id'] . 'Delete', [
'class' => 'inputDateDelete',
'value' => self::ico('cancel')
]);
$html .= '</div>';
// Fin du wrapper // Fin du wrapper
$html .= '</div>'; $html .= '</div>';
// Retourne le html // Retourne le html

View File

@ -288,6 +288,10 @@ core.start = function() {
$(".inputFileDelete").on("click", function() { $(".inputFileDelete").on("click", function() {
$(this).parents(".inputWrapper").find(".inputFileHidden").val("").trigger("change"); $(this).parents(".inputWrapper").find(".inputFileHidden").val("").trigger("change");
}); });
// Suppression de la date contenu dans le champ
$(".inputDateDelete").on("click", function() {
$(this).parents(".inputWrapper").find(".datepicker").val("").trigger("change");
});
// Confirmation de mise à jour // Confirmation de mise à jour
$("#barUpdate").on("click", function() { $("#barUpdate").on("click", function() {
return core.confirm("Effectuer la mise à jour ?", function() { return core.confirm("Effectuer la mise à jour ?", function() {

View File

@ -1188,13 +1188,13 @@ label {
} }
/* Upload de fichiers */ /* Upload de fichiers */
.inputFile { .inputFile, .datepicker {
margin: 0; margin: 0;
display: inline-block; display: inline-block;
width: 88%; width: 88% !important;
} }
.inputFileDelete { .inputFileDelete, .inputDateDelete {
display: block; display: block;
width: 10%; width: 10%;
padding: 10px 0; padding: 10px 0;
@ -1209,11 +1209,11 @@ label {
} }
/* Empêche le débordement et les sauts de ligne */ /* Empêche le débordement et les sauts de ligne */
.inputFileManagerWrapper { .inputFileManagerWrapper, .inputDateManagerWrapper {
display: inline; display: inline;
} }
.inputFileManagerWrapper>.inputFile { .inputFileManagerWrapper>.inputFile, .inputDateManagerWrapper>.inputFile {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;