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

 // Style et affichage des list-checkboxes
 function inputListCheckbox() {
   // On écoute le click sur une list-checkbox ('.selectBox')
   // à tout moment de son insertion dans le dom
-  $('#zone-appli').on( 'click' , '.selectBox' , function() {
+  $( '#zone-appli' ).on( 'click' , '.selectBox' , function() {
     $( '.checkboxes[data-id="' + $(this).attr( 'data-id' ) + '"]' ).toggleClass( 'hidden' );
   });
+}
+function inputRangeDisplayNumber() {
-}
+  $( '#zone-supp' ).on( 'input' , '.range input[type="range"]' , function () {
+    console.log( $( this ).val() );
+    $( this ).next( 'input[type="number"]' ).val ( $( this ).val() );
+  });
-// Mettre la première lettre en majuscule, les autres en minuscule
+  $( '#zone-supp' ).on( 'input' , '.range input[type="number"]' , function () {
+    console.log( $( this ).val() );
+    $( this ).prev( 'input[type="range"]' ).val ( $( this ).val() );
-function capitalize( string ) {
+  });
   return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
+}
   for( var index = $( 'fieldset' ).first().attr('data-id') ; index <= count ; index++ ) {
     var thisFieldset = $( 'fieldset[data-id="' + index + '"]');
     // Certains indices peuvent correspondre à un champ supprimé
     if( 0 < $( thisFieldset ).length ) {
       // initialisation du tableau de résultats
-      datasToSubmit[ resultArrayIndex ] = { fieldValues:{} };
+      datasToSubmit[ resultArrayIndex ]             = { fieldValues:{} };
       // Ajout de la clé au tableau de resultats
-      datasToSubmit[ resultArrayIndex ].key = $( '.field-key' , thisFieldset ).val();
+      datasToSubmit[ resultArrayIndex ].key         = $( '.field-key' , thisFieldset ).val();
       // Ajout de le nom au tableau de resultats
-      datasToSubmit[ resultArrayIndex ].name = $( '.field-name' , thisFieldset ).val();
+      datasToSubmit[ resultArrayIndex ].name        = $( '.field-name' , thisFieldset ).val();
       // Recueil de l'élément choisi pour le tableau de resultats
-      datasToSubmit[ resultArrayIndex ].element = $( '.field-element' , thisFieldset ).val();
+      datasToSubmit[ resultArrayIndex ].element     = $( '.field-element' , thisFieldset ).val();
       // Ajout de la valeur 'requis' ou non au tableau de resultats
-      datasToSubmit[ resultArrayIndex ].mandatory = $( '.field-is_mandatory' , thisFieldset ).is( ':checked' );
+      datasToSubmit[ resultArrayIndex ].mandatory   = $( '.field-is_mandatory' , thisFieldset ).is( ':checked' );
       // Ajout de l'unité au tableau de resultats
-      datasToSubmit[ resultArrayIndex ].unit = $( '.field-unit' , thisFieldset ).val() || null;
+      datasToSubmit[ resultArrayIndex ].unit        = $( '.field-unit' , thisFieldset ).val() || null;
       // Ajout du tooltip au tableau de resultats
       datasToSubmit[ resultArrayIndex ].description = $( '.field-description' , thisFieldset ).val() || null;
       // Ajout du nom du document d'aide au tableau de resultats
-      datasToSubmit[ resultArrayIndex ].help = $( '.file-return.help-doc-' + index ).text() || null;
+      datasToSubmit[ resultArrayIndex ].help        = $( '.file-return.help-doc-' + index ).text() || null;
       // Collecte les des données dépendantes de l'élément choisi
       // sous forme d'un tableau de resultats
       onSelectCollectDataValuesToSubmit( datasToSubmit[ resultArrayIndex ] , thisFieldset );
       if( $.isEmptyObject(datasToSubmit[ resultArrayIndex ].fieldValues) ){
         delete datasToSubmit[ resultArrayIndex ].fieldValues;
 // Construction des éléments à visualiser
 function onClickPreviewField( thisFieldset , index ) {
   // Récupération des données
       // Tous les champs
-  var fieldLabel       = $( '.field-name'            , thisFieldset ).val(),//nom
+  var fieldLabel       = $( '.field-name'            , thisFieldset ).val() || '',//nom
-      fieldKey         = $( '.field-key'             , thisFieldset ).val(),//clé
+      fieldKey         = $( '.field-key'             , thisFieldset ).val() || '',//clé
-      fieldElement     = $( '.field-element'         , thisFieldset ).val(),//élément
+      fieldElement     = $( '.field-element'         , thisFieldset ).val() || '',//élément
       fieldIsMandatory = $( '.field-is_mandatory'    , thisFieldset ).is( ':checked' ),//champ requis
-      fieldUnit        = $( '.field-unit'            , thisFieldset ).val(),//unités
+      fieldUnit        = $( '.field-unit'            , thisFieldset ).val() || '',//unités
-      fieldTooltip     = $( '.field-description'     , thisFieldset ).val(),//info-bulle
+      fieldTooltip     = $( '.field-description'     , thisFieldset ).val() || '',//info-bulle
-      fieldHelp        = $( '.file-return.help-doc-' + index ).text(),//nom du fichier d'aide
+      fieldHelp        = $( '.file-return.help-doc-' + index ).text()       || '',//nom du fichier d'aide
       fieldPlaceholder = $( '.aide-saisie'           , thisFieldset ).val() || '',//placeholder
       // Champs à valeur numérique ou date
-      fieldStep        = $( '.step'                  , thisFieldset ).val(),
+      fieldStep        = $( '.step'                  , thisFieldset ).val() || '',
-      fieldMin         = $( '.min'                   , thisFieldset ).val(),
+      fieldMin         = $( '.min'                   , thisFieldset ).val() || '',
-      fieldMax         = $( '.max'                   , thisFieldset ).val(),
+      fieldMax         = $( '.max'                   , thisFieldset ).val() || '',
       // Champs "listes"
-      fieldDefaultNum  = $( '.default'               , thisFieldset ).val(),//option pas default
+      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
   // Élément requis
   if( fieldIsMandatory ) {
     // Attribut required pour le listes
     commonFieldsHtml.fieldInput.mandatoryAttr = ' required="required"';
     // Nom du champ (éléments listes)
-    listFieldsHtml.containerContent         += ' *';
+    listFieldsHtml.containerContent += ' *';
     // Nom du champ (éléments simples)
     commonFieldsHtml.fieldLabel.labelContent += ' *';
+  }
   // Infobulle
   if( '' !== fieldTooltip ) {
       if( '' !== fieldMax ) {
         commonFieldsHtml.fieldInput.otherAttr += ' max="' +  fieldMax + '"';
+      }
+      fieldHtml =
-      fieldHtml =
+        '<div' +
+          ' class="range"' +
+          ' id="' + fieldKey + '"' +
-        '<div class="number">' +
+        '>' +
           '<label' +
             // For
             commonFieldsHtml.fieldLabel.forAttr +
             // Class
             // Nom du champ
             commonFieldsHtml.fieldLabel.labelContent +
           '</label>' +
           // Bouton 'help'
           commonFieldsHtml.helpButton +
           '<input' +
             // Type
             commonFieldsHtml.fieldInput.typeAttr +
             // Name
             commonFieldsHtml.fieldInput.nameAttr +
             commonFieldsHtml.dataIdAttr +
             // Class
             commonFieldsHtml.fieldInput.classAttr +
             // Info-bulle
             commonFieldsHtml.titleAttr +
-            // Info-bulle
-            commonFieldsHtml.fieldInput.placeholderAttr +
             // Required
             commonFieldsHtml.fieldInput.mandatoryAttr +
+            // Default
+            ' value="' + fieldDefaultNum + '"' +
+            // Autres attributs
+            commonFieldsHtml.fieldInput.otherAttr +
+          '>' +
+          '<input' +
+            ' type="number"' +
+            ' name="' + fieldKey + 'Output"' +
+            // Info-bulle
+            commonFieldsHtml.titleAttr +
+            // Placeholder
+            commonFieldsHtml.fieldInput.placeholderAttr +
+            ' value="' + fieldDefaultNum + '"' +
             // Autres attributs
             commonFieldsHtml.fieldInput.otherAttr +
+            // DataId
+            commonFieldsHtml.dataIdAttr +
           '>' +
         '</div>';
         break;
     case 'date':
-    case 'number':
-      // Ouvrir l'attribut class (suppression de '"')
-      commonFieldsHtml.fieldInput.classAttr = commonFieldsHtml.fieldInput.classAttr.slice(0, -1);
-      // Classe 'and-help'
-      commonFieldsHtml.fieldInput.classAttr += commonFieldsHtml.helpClass + '"';
+    case 'number':
       // Step
       if( '' !== fieldStep ) {
         commonFieldsHtml.fieldInput.otherAttr += ' step="' +  fieldStep + '"';
+      }
+    case 'date':
+      // Ouvrir l'attribut class (suppression de '"')
+      commonFieldsHtml.fieldInput.classAttr = commonFieldsHtml.fieldInput.classAttr.slice(0, -1);
+      // Classe 'and-help'
       commonFieldsHtml.fieldInput.classAttr += commonFieldsHtml.helpClass + '"';
       // Min
       if( '' !== fieldMin ) {
         commonFieldsHtml.fieldInput.otherAttr += ' min="' +  fieldMin + '"';
+      }
             commonFieldsHtml.dataIdAttr +
             // Class
             commonFieldsHtml.fieldInput.classAttr +
             // Info-bulle
             commonFieldsHtml.titleAttr +
-            // Info-bulle
+            // Placeholder
             commonFieldsHtml.fieldInput.placeholderAttr +
             // Required
             commonFieldsHtml.fieldInput.mandatoryAttr +
+            // Default
+            ' value="' + fieldDefaultNum + '"' +
             // Autres attributs
             commonFieldsHtml.fieldInput.otherAttr +
           '>' +
           // Bouton 'help'
           commonFieldsHtml.helpButton +
   $details.find( '.new-value' ).each( function() {
     options.push({
       // Valeur transmise (value)
       optionValue : $( this ).find('.list-value').val().toLowerCase(),
       // Valeur Visible
-      optionText  : capitalize( $( this ).find('.list-value').val() ),
+      optionText  : $( this ).find('.list-value').val(),
       // Booléen "default"
       isDefault   : $( this ).find( '.is-defaut-value').is( ':checked' ),
       // Indice de l'option
       optionIndex : $( this ).attr('data-list-value-id')
     });
   DisplayClassicFields();
   // Affichage des images ou nom des documents importés
   inputFile();
   // Affichage des List-checkbox
   inputListCheckbox();
+  // Affichage des Range
+  inputRangeDisplayNumber()
   // Modale "aide"
   previewFieldHelpModal();
 });

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/manager/squelettes/js/manager.js – Rev 3184 → 3185