WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/manager/squelettes/js/manager.js

         displayFieldDetailsCollect(
           fieldIndex,
           '<p class="message element-message">' +
             '<i class="fa fa-exclamation-triangle" aria-hidden="true" style="color:#ff5d55"></i> ' +
             'Entrez au moins une valeur de ' + $( this ).children( 'option:selected' ).text() +
+            '<br>Si aucun label à afficher n\'est indiqué, la valeur entrée sera utilisée (première lettre en majuscule).'+
           '</p>'+
           // Première option
           '<div class="new-value center-block row" data-list-value-id="' + valueIndex +'">'+
             // Recueil d'une valeur de la liste
             '<div class="col-sm-12 mt-3">'+
-              '<label for="list-value">Valeur *:</label>'+
+              '<label for="list-value">Valeur *</label>'+
               '<input type="text" name="list-value" data-id="' + fieldIndex + '" class="list-value form-control" data-list-value-id="' + valueIndex +'" placeholder="Une des valeurs de la liste" required>'+
             '</div>' +
+            // Recueil du label à afficher
+            '<div class="col-sm-12 mt-3">'+
+              '<label for="displayed-label">Label</label>'+
+              '<input type="text" name="displayed-label" data-id="' + fieldIndex + '" class="displayed-label form-control" data-list-value-id="' + valueIndex +'" placeholder="Label à afficher">'+
+            '</div>' +
             // Checkbox valeur par défaut
             '<div class="col-sm-12 radio mt-3">'+
               '<label for="is-defaut-value" title="Ceci est la valeur par défaut" class="radio-label">'+
                 '<input type="checkbox" name="is-defaut-value" data-id="' + fieldIndex + '" class="is-defaut-value" title="entrez une valeur pour activer cette case" data-list-value-id="' + valueIndex +'" disabled >'+
                 'Valeur par défaut'+
     valueIndex++;
     $( '.add-value-container[data-id="' + fieldIndex + '"]' ).before(
       '<div class="new-value center-block row" data-list-value-id="' + valueIndex +'">'+
         // Recueil d'une valeur de la liste
         '<div class="col-sm-12 mt-3">'+
-          '<label for="list-value">Valeur *:</label>'+
+          '<label for="list-value">Valeur *</label>'+
           '<input type="text" name="list-value" data-id="' + fieldIndex + '" class="list-value form-control" data-list-value-id="' + valueIndex +'" placeholder="Une des valeurs de la liste" required>'+
         '</div>' +
+        // Recueil du label à afficher
+        '<div class="col-sm-12 mt-3">'+
+          '<label for="displayed-label">Label</label>'+
+          '<input type="text" name="displayed-label" data-id="' + fieldIndex + '" class="displayed-label form-control" data-list-value-id="' + valueIndex +'" placeholder="Label à afficher">'+
+        '</div>' +
         // Checkbox valeur par défaut+bouton supprimer
         '<div class="col-sm-12 mt-3 row">'+
           // Bouton supprimer une option
           '<div class="col-sm-5">'+
             '<div class="remove-value button" name="remove-value" data-id="' + fieldIndex + '" data-list-value-id="' + valueIndex + '" title="Supprimer une valeur"><i class="fa fa-trash" aria-hidden="true"></i></div>'+
 // Ajout d'une valeur d'un élément liste (select, checkbox etc.)
 // dans le tableau de resultats
 function onChangeStoreListValueLabel( datasToSubmitObject , thisFieldset ) {
+  $( '.list-value' , thisFieldset ).each( function() {
-  $( '.list-value' , thisFieldset ).each( function() {
+    var valueId = $( this ).data( 'list-value-id' );
+    var selectedFieldElement = $( '.field-element' , thisFieldset ).val();
+    var displayedLabel = '';
+    if ( valeurOk( $( '.displayed-label[data-list-value-id="' + valueId + '"]' ).val() ) ) {
-    var selectedFieldElement = $( '.field-element' , thisFieldset ).val();
+      displayedLabel = $( '.displayed-label[data-list-value-id="' + valueId + '"]' ).val();
+    }
-     if( $( this ).val() ){
+    if( $( this ).val() ){
       // Is-default-value non cochée
-      if( !$( '.is-defaut-value[data-list-value-id="' + $( this ).data( 'list-value-id' ) + '"]' , thisFieldset ).is( ':checked' ) ) {
+      if( !$( '.is-defaut-value[data-list-value-id="' + valueId + '"]' , thisFieldset ).is( ':checked' ) ) {
-        datasToSubmitObject.fieldValues.listValue.push( $( this ).val() );
+        datasToSubmitObject.fieldValues.listValue.push( [ $( this ).val(), displayedLabel ] );
       // Is-default-value cochée pour select/radio
       } else if( 'select' ===  selectedFieldElement || 'radio' === selectedFieldElement ) {
         // Une seule valeur par defaut, devient la première valeur du tableau + '#'
-        datasToSubmitObject.fieldValues.listValue.unshift( $( this ).val() + '#' );
+        datasToSubmitObject.fieldValues.listValue.unshift( [ $( this ).val() + '#', displayedLabel ] );
       // Is-default-value cochée pour checkbox/list-checkbox
       } else {
         // On ajoute simplement la valeur au tableau + '#'
-        datasToSubmitObject.fieldValues.listValue.push( $( this ).val() + '#' );
+        datasToSubmitObject.fieldValues.listValue.push( [ $( this ).val() + '#', displayedLabel ] );
+      }
+    }
       // Champs "listes"
       fieldDefaultNum  = $( '.default'               , thisFieldset ).val() || '',// value range/number par default
       fieldOtherValue  = $( '.option-other-value'    , thisFieldset ).is( ':checked' ),//option autre
       fieldOptions     = collectListOptions( thisFieldset );//Array: toutes les options
   // Variables d'affichage
-  var fieldHtml               = '',//variable contenant tout le html à afficher
+  var fieldHtml        = '',//variable contenant tout le html à afficher
-      commonFieldsHtml        = {},//Éléments simples ou chaînes communes aux "listes"
+      commonFieldsHtml = {},//Éléments simples ou chaînes communes aux "listes"
-      listFieldsHtml = {},//chaînes & html pour les listes mais non spécifiques
+      listFieldsHtml   = {},//chaînes & html pour les listes mais non spécifiques
-      listFieldsHtml          = {},//chaînes & html spécifiques aux listes
+      listFieldsHtml   = {},//chaînes & html spécifiques aux listes
-      count                   = fieldOptions.length;//nombre d'options, pour les boucles for
+      count            = fieldOptions.length;//nombre d'options, pour les boucles for
   fieldLabel = fieldLabel.replace( /(')/gm, '&apos;' ).replace( /(")/gm, '&quot;' );
   fieldTooltip = fieldTooltip.replace( /(')/gm, '&apos;' ).replace( /(")/gm, '&quot;' );
   fieldPlaceholder = fieldPlaceholder.replace( /(')/gm, '&apos;' ).replace( /(")/gm, '&quot;' );
       options = [];
   $details.find( '.new-value' ).each( function() {
     options.push({
       // Valeur transmise (value)
-      optionValue : $( this ).find('.list-value').val().toLowerCase(),
+      optionValue : $( this ).find( '.list-value' ).val().toLowerCase(),
       // Valeur Visible
-      optionText  : $( this ).find('.list-value').val(),
+      optionText  : $( this ).find( '.displayed-label' ).val(),
       // Booléen "default"
-      isDefault   : $( this ).find( '.is-defaut-value').is( ':checked' ),
+      isDefault   : $( this ).find( '.is-defaut-value' ).is( ':checked' ),
       // Indice de l'option
-      optionIndex : $( this ).data( 'list-value-id')
+      optionIndex : $( this ).data( 'list-value-id' )
     });
   });
   return options;

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/js/manager.js – Rev 3341 → 3346